《网页设计与制作》教学大纲
网页设计与制作教学大纲
《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。
内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop 等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
（二）编写依据：本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。
（三）目的任务：通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。
（四）学时数与学分数：本课程教学总学时为72课时,4学分，理论48学时，实践/实验24学时。
具体学时分配参照下表。
（五）适用对象：网络与新媒体专业。
（六）课程编码：二、教学内容与学时分配三、教学内容与知识点第一章初识网站和网页第一节网站和网页知识点：网站和网页的概念。
第二节网页中的元素类型知识点：行元素、块元素。
第三节常用网站管理制作软件知识点： Dreamweaver、flash。
第四节网站建设流程知识点：网站建设流程。
第五节 Html与CSS入门知识点：html概念、css概念。
第二章初识Dreamweaver第一节熟悉Dreamweaver操作环境知识点：Dreamweaver操作环境。
第二节网站规划与管理知识点：网站规划原则、管理方法。
第三章网页布局方法第一节使用表格布局网页知识点：表格布局方法。
第二节使用框架布局网页知识点：框架布局网页方法。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲1000字一、课程名称：网页设计与制作二、课程性质：专业选修三、先修课程：计算机基础、HTML语言基础、CSS样式基础、JavaScript基础四、课程目的：本课程旨在培养学生熟练掌握网页设计和制作所需的技能和知识，包括从网站设计和规划到页面布局和导航、从图像和多媒体素材的处理到网页代码开发的全过程。
五、教学内容：1.网站设计和规划（1）需求分析与目标设定（2）信息架构设计（3）网站页面设计2.页面布局与导航（1）CSS样式技术（2）网页布局设计（3）导航设计3.视觉设计（1）颜色与图像设计（2）多媒体素材处理（3）响应式设计技术4.网页代码开发（1）HTML语言与标签（2）CSS样式（3）JavaScript脚本5.网页制作（1）网页编辑器使用（2）网页调试与测试（3）网页发布和维护六、教学方法：课堂讲授、案例分析、实践操作、课程论文七、成绩评定方式：平时成绩占30%，包括参与度、作业完成度等；考试成绩占70%。
八、教材：1.《Web页面设计基础》2.《HTML5与CSS3基础教程》3.《JavaScript权威指南》九、参考资料：1.《Web标准设计》2.《响应式Web设计》3.《图解CSS3》4.《实战Bootstrap》十、实验操作：实践操作是课程的重要组成部分。
通过实验操作，学生将掌握网页设计和制作的实际技能和经验。
实验操作包括：1.网站规划和设计2.网页布局与导航3.视觉设计和处理4.网页代码开发和调试5.网页发布和维护十一、教学进度安排：第一周：课程介绍和网站设计和规划第二周：网页布局与导航第三周：视觉设计和处理第四周：HTML语言与标签第五周：CSS样式第六周：JavaScript脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
（完整版）《网页设计与制作》课程教学大纲.docx
（完整版）《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 4 学分总学时72学时，理论36 学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017 年杨松主编：《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。
全书共10 章，分为 3 大部分。
前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求以Dreamweaver 的使用为主线，介绍网页制作的相关技术。
使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：72 学时课程类别：专业必修课适用专业：软件技术一、课程的性质及任务课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。
前导课程：计算机应用基础后续课程：Javascript、 Java Web组件编程等二、教学基本要求本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。
三、教学条件多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室四、教学内容及学时安排（一）优秀网页赏析教学时数：4教学目标：1.理解网站相关的概念。
2.了解网页的基本组成元素3.理解网站的主题定位，风格和网站布局。
4.制作第一个简单的静态网页教学重点难点：1. 理解网站的定位和风格2、学习模仿网页的色彩搭配2. 分析网站的布局3. 能模仿制作一个简单网页。
教学方法：案例演示、理论讲解教学案例：海尔集团网站（企业类）、携程旅游网（旅游类）、中国大众体育网（体育类）、新东方教育（教育类）、往届优秀毕业设计答辩系统、一个简单的静态网页理论教学内容：1. 不同行业网站赏析2. 网页及网站的概念和术语。
3. 网页组成元素。
4. 网站的策划及设计原则。
5. 网站的开发流程6. 应用HTML、CSS制作第一个简单静态网页实践教学内容：1.第一个静态网页实验目的：锻炼学生学会使用记事本编辑静态网页，使学生熟悉HTML标记语言和认识HTML语言的结构；提升学生学习兴趣和自信。
实验要求：要求学生会使用HTML搭建网页架构；在合适位置插入CSS代码并体会使用HTML制作网页的方法。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：64 讲课学时：32 实验学时：32适用班级:一、课程性质、目的和任务：（加粗，以下同）1、目的本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、教学基本要求：（分三级：掌握、理解、了解）1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：要求学生能够一般地了解的所学内容。
三、教学内容及要求：第1章Dreamweaver基础教学内容：Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求：掌握：Dreamweaver的基本特点、新增功能及界面组成。
基本操作，如安装、新建、打开、导入、保存、关闭等。
理解：新增功能、界面组成的优点。
了解：Dreamweaver可以为我们做些什么。
第2章网页设计语言基础教学内容：HTML及XHTML语言介绍常用的网页语法标记教学要求：理解：HTML及XHTML语言介绍，常用的网页语法标记第3章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
《网页设计与制作》课程实验教学大纲
《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对HTML、CSS和JavaScript等网页技术的应用能力，通过实践项目，培养学生的创新思维和团队协作能力。
二、实验目标1.掌握网页设计和制作的基本原理和方法；2. 熟悉HTML、CSS和JavaScript等网页技术的使用；3.学会使用常见网页设计工具和软件进行网页制作；4.培养学生的创新思维和团队协作能力。
三、实验内容与教学安排1.实验一：网页布局和样式设计-HTML网页结构的搭建-CSS样式的设计与应用-响应式网页设计2.实验二：网页交互与动态效果设计- JavaScript基础知识与语法-网页交互与事件处理-动态效果设计与实现3.实验三：网页优化与维护-网页性能优化-SEO优化原理与方法-网页维护与更新4.实验项目：团队合作网站制作-学生分组进行团队合作项目-设计和制作完整的网站-考核团队的创新能力和团队协作能力四、实验要求1.实验过程中，学生需要独立思考和解决问题，注重实践能力的培养；2. 学生需具备基本的HTML、CSS和JavaScript基础知识，能够灵活运用这些技术进行网页设计与制作；3.实验过程中，学生需要遵守项目管理规范，完成实验报告和实验成果的整理和展示；4.学生需要积极参与团队合作项目，发扬团队协作精神。
五、实验评价与考核标准1.实验报告：实验报告书写规范，内容完整和准确，对实验过程和结果进行详细介绍和分析；2.实验成果：实验成果展示符合要求，网页设计和制作质量高，实现了预期的功能；3. 实验操作：实验操作过程规范，能够熟练运用HTML、CSS和JavaScript等技术进行网页设计和制作；4.实验考勤：参与实验课程的积极性高，完成实验任务，遵守实验室纪律。
六、实验资源与环境1.实验室设备：计算机，投影仪等2. 实验软件：Sublime Text、Adobe Dreamweaver等3. 网络资源：W3School、GitHub、Stack Overflow等七、实验参考教材1. 《HTML与CSS设计与构建网站》（第3版），Jon Duckett 著2. 《JavaScript权威指南》（第6版），David Flanagan 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。
网页设计教学大纲(共3篇)
网页设计教学大纲〔共3篇〕第1篇：网页设计教学大纲网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门理论环节课程，也可以作为其他相关专业的理论课程或选修课，它是一门操作性和理论性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能纯熟地制作出有专业水准的网站。
2、课程任务本门课程在专业教学方案中起着非常重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 可以解决一些网页设计中的常见问题。
* 理解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目的与要求1、本课程的根本目的〔1〕使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
〔2〕本课程学习完毕后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，纯熟掌握其根本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的根本要求〔1〕知识要求深化理解Inter，理解、、HTML等概念及作用；掌握网站设计和发布的1 流程。
理解网站维护管理的意义及重要性，理解效劳器、客户端、阅读器的概念和作用；理解多种网页制作软件和图像处理软件相结合设计网站的好处。
理解Dreamweaver cs3在动态网站上的应用。
《网页设计与制作》课程教案大纲.doc
《网页设计与制作》教学大纲（114学时）一、课程性质和任务本课程是中等职业学校的计算机专业的一门专业课。
其主要任务是学习有关网页设计与制作的基础知识和基本技能，使学生能够熟练地制作出一般企事业单位所需的中高级水平的网页。
二、课程教学目标本课程的教学目标是使学生掌握网页制作的基本知识和基本技能，掌握网页内容对象的制作方法及技能，具有对网页内容多个对象进行合理布局与设计的初步能力。
（一）课程目标要求1、掌握制作简单网页的基本方法。
2、掌握HTML常用标记及其功能格式。
3、掌握向网页中输入对象的方法。
4、会制作网页中各种超链接。
5、掌握网页内容多个对象的布局方法。
6、能给网页适当添加动态效果。
7、了解高级网页制作技巧。
8、能进行站点管理和维护。
（二）能力培养目标1、掌握FrontPage基本操作及技术。
2、会用HTML编辑修改简单网页。
3、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。
4、站点创建及站点内超链接的制作技巧。
5、能绝对定位和相对定位，表格，框架对网页合理布局。
6、会用模板、主题、样式制作高质量网页。
7、利用各种插件，控件脚本程序制作高级网页。
（三）思想教育目标1、培养学生网上分辨是非，合理运用网络资源的能力。
2、培养学生积极上进的求学态度和较强的自控能力。
三、教学内容和要求（一）理论教学摸块1、FrontPage基本概念1）新增功能、工作界面组成。
2、制作简单网页1）网页文件基本操作方法。
2）输入文本、制作超链接的基本方法。
3、HTML语言基础1）HTML基本法与结构。
2）常用标记的功能、格式。
4、添加网页元素1）输入标题、文本并对其进行格式化。
2）编辑列表。
3）插入图片及图片处理。
4）制作站点内超链接的方法介绍。
5）制作表格及用表格定位。
6）制作表单。
7）制作网页内动态效果。
5、网页元素合理布局1）相对定位和绝对定位。
2）表格定位。
3）框架定位。
6、快速制作网页1）网页模板。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》教学大纲
一、说明
1、课程的性质与内容
《网页设计与制作》课程就是计算机应用技术、电子商务等专业的一门核心课程,也就是其她计算机专业的普及型课程。
内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性,、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识,全面介绍WEB站点设计的基本操作技术与使用技巧。
2、课程的任务与要求
通过本课程的学习,要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传与维护并能够独立解决网页编辑中遇到的一般问题,能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识,能实现网页的交互与特殊效果;能维护、管理与设计WEB应用程序;能独立设计小型WEB站点。
3、教学中应注意的问题
在教学过程中要注重Dreamweaver、Firework或Photoshop与Flash软件的主要功能,其中Dreamweaver主要就是完成网页设计与网站管理;Firework或Photoshop主要进行图像的设计与编辑;Flash主要开发适应网络传输的流媒体电脑规划。
并且要培养学生综合使用这些软件的能力,注重学生动手能力的培养与上机试验。
教学过程中应该以Dreamweaver为主。
在讲授理论的同时加入具体的设计项目实验,力求达到实战的效果避免空洞的理论学习。
二、学时分配
三、课程内容及要求
模块一、初识网站与网页
教学要求:
1、使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣
2、了解网页中的常用元素类型
3、了解常用网站管理与制作软件
4、了解网站建设流程
5、理解HTML与CSS基本知识
教学内容:
1-1 认识网站与网页
1-2 网页中的元素类型
1-3 常用网站管理与制作软件
1-4 网站建设流程
1-5 HTML与CSS入门
模块二、初识Dreamweaver 教学要求:
1、熟悉Dreamweaver操作环境
2、了解网站规划与管理
3、掌握页面属性的设置
教学内容:
1-1 熟悉Dreamweaver操作环境1-2 网站规划与管理
1-3 设置页面属性
模块三、网页布局方法
教学要求:
1、掌握使用表格来布局来定位网页
2、掌握使用使用框架布局网页
教学内容:
1-1 使用表格布局网页
1-2 使用框架布局网页
模块四、编辑网页元素
教学要求:
1、掌握文本输入与编辑
2、掌握在网页使用图像
3、掌握使用Flash动画
4、了解使用其她媒体元素
教学内容:
1-1 文本输入与编辑
1-2 使用图像
1-3 使用Flash动画
1-4 使用其她媒体元素
模块五、使用超链接
教学要求:
1、掌握超链接的设置
2、掌握如何管理超链接
教学内容:
1-1 设置超链接
1-2 管理超链接
模块六、HTML样式与CSS样式教学要求:
1、掌握编辑基本HTML代码标记
2、掌握创建与使用CSS样式表
教学内容:
1-1 编辑HTML代码
1-2 创建与使用CSS样式表
模块七、Dreamweaver高级应用教学要求:
1、熟悉行为的使用
2、掌握时间轴的基本应用
3、掌握表单及其应用
4、了解模板与库
5、熟练掌握CSS样式的应用
教学内容:
1-1 使用行为
1-2 时间轴的应用
1-3 表单及其应用
1-4 模板与库
1-5 CSS样式的应用
模块八、网站的优化
教学要求:
1、掌握网站的基本优化技巧
2、掌握页面的美化与工具的使用
3、掌握站点的整体优化
教学内容:
1-1 页面的美化
1-3 站点的优化
模块九、站点的发布
教学要求:
1、掌握发站点发布前的工作与程序
2、掌握发布站点与站点的后续维护与更新
教学内容:
1-1 发布前的工作
1-2 发布站点与站点的后续维护与更新。