《网页设计与制作》课程大纲

《网页设计与制作》课程教学大纲 一、 课程的性质和任务、目的课程性质：《网页设计与制作》是教育技术学专业的一门选 修课程，是学习网页设计与制作的一门重要课程。

主要任务：向学生全面介绍与网页设计制作有关的知识，向 学生阐明Web基本工作机制， 并使学生具有解决一般网页制作问 题的能力。

与此同时， 通过对Web页制作技术和制作工具的学习， 使学生对于网页设计中所涉及的相关知识有一个全面的了解。

掌 握通过 HTML 语言、FrontPage、Flash、Photoshop 工具软件设 计制作一个网站的方法与技巧。

二、课程要求1、了解 Internet的过去、现在和将来及有关WWW、HTTP、 HTML、CSS的定义，概念和作用；2、理解服务器、客户端、浏览器的概念和作用；3、深入理解HTML语言中的各种文本格式、字符格式、段落 设置、列表、标记、表格、框架、表单的作用；4、熟练掌握使用绝对和相对 URL，创建超链接，图象链接， 图象映射的建立方法；5、掌握 HTML语言、FrontPage、Flash、Photoshop工具6、会使用FrontPage2000、DreamWeaver 等网页制作工具制 作网页；7 、具有利用 Internet 收发电子邮件、使用浏览器检索并 获取信息的能力三、本课程的教学内容《网页设计与制作》是一门理论与实践技能并重的课程，本 课程主要介绍第一章至第五章的内容。

部分教学内容如下：第一章网页设计基础第二章HTML基础第三章表格第四章框架第五章 使用AP Div元素本课程五章内容共分为三十六个课时， 上下课时的内容相互联系 相互影响。

第一章：第1课时、基本概念第2课时、网站分类第3课时、网页页面布局第4课时、网站制作流程第5课时 网站策划书第6课时、常用网页设计技术第7课时、常用网页设计工具第8 课时、网站建设流程第9 课时平台规划第二章;第10 课时 HTML第11 课时 HTML 的基本构成标记第12 课时 强制换行标记、段落标记 第13 课时文本标记第14 课时 列表标记第15 课时 层标记和表单标记第16 课时 框架的应用第17 课时 rows 属性和cols属性说明 第三章：第18 课时 在页面中创建表格第19 课时 表格的基本操作第20 课时 设置表格属性第21 课时 使用表格对网页进行布局 第四章：第22 课时 认识框架和框架集第23 课时 创建和保存框架集第24 课时 编辑框架第25 课时 设置框架和框架集属性第26 课时 框架标签第五章：第27 课时 AP Div概述第28 课时 创建 AP Div元素第29 课时 设置 AP Div元素的属性第30 课时 “属性”面板中各项含义第31 课时 AP 元素面板第32 课时 调整AP Div 的大小第33 课时 更改AP Div 的堆叠顺序第34 课时 嵌套AP元素第35 课时 对齐AP元素第36 课时 将AP Div元素转换为表格第37 课时 将表格转换为 AP Div 元素第38 课：AP Div 标签第39 课时 CSS与Div标签第40 课时 设置 Div属性五、本课程教材及参考书目1. 推荐教材《Dreanweavermx 实用培训教程》作者：朱萍、张超 清 华大学出版社 出版日期：2003年8月，第一版2. 参考书目(1) 《网页设计 4 合一 培训教程》作者：江春 机械工业 出版社 出版日期：2000年7月，第一版(2) 《WEB 编程丛书-HTML 编程指南》作者：武焰 电子工 业出版社，出版日期：1999年6月，第一版(3) 《计算机网络与因特网》《Computer Networks and Internets Second Edition》 作者：Douglas er 翻译： 徐良贤等 清华大学出版社 出版日期：2000年8月，第二版(4)《Internet网页工厂》作者： 张健Wittime工作室 重 庆出版社 出版日期：2000年4月第一版（5） 《网页制作基础教程 》黄洪杰 杨 军 主编， 电子工业出版社，2005年2月 。

《网页设计与制作》课程教学大纲一、课程的性质和任务课程性质：《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程，是学习网页设计与制作的一门重要课程。

主要任务：向学生全面介绍与网页设计制作有关的知识，向学生阐明Web 基本工作机制，并使学生具有解决一般网页制作问题的能力。

与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。

基本要求：1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义，概念和作用；2、了解图像的几种格式：GIF、JPEG、PNG和矢量图格式，它们各自的特点和差别；3、理解服务器、客户端、浏览器的概念和作用；4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用；5、理解客户端脚本程序的工作方式；6、熟练掌握使用绝对和相对URL，创建超链接，图象链接，图象映射的建立方法；7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页；二、课时分配课程教学总学时数为42学时，具体分配见课时分配表。

课时分配表三、本课程的教学内容第一章 HTML概述什么是HTML；什么是WEB；HTML的定义；基本的HTML语法；标记符的属性； WEB页的基本结构；HTML标记；首部标记；正文标记符；添加注释；显示特殊字符。

第二章页面背景与颜色控制页面背景；背景颜色；背景图案；字符和链接的颜色。

第三章文本格式字符格式；物理字符样式；逻辑字符样式；段落格式；分段与换行；段落对齐。

第四章列表格式有序列表；OL标记符和LI标记符；有序列表的嵌套；无序列表；定义无序列表；混合嵌套列表；定义列表；创建定义列表；使用定义列表缩排文档第五章使用图象WEB页图象格式；在网页中插入图象；IMG标记符及其基本属性；图象布局；使用GIF动画；创建GIF动画；注意事项；使用网页图象的要点。

《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。

内容主要涵盖了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《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 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 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。

《网页设计与制作》课程教学大纲（适用于网管专业、维护专业、计算机网络专业）（96课时）一、课程的性质与任务1、课程性质：《网页设计与制作》是高等职业技术学院多媒体专业和计算机网络专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver CS3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

2 、课程任务：本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：●掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

●掌握各种网页元素在Dreamweaver CS3中的使用。

例如表格、文本、图像、超级链接、层和表单等。

●熟悉一些网页设计辅助软件的功能和使用方法。

例如Flash、Fireworks、Photoshop等。

●掌握测试和发布网站的方法。

包括网站测试的内容和方法、Cuteftp的使用方法等。

●能够解决一些网页设计中的常见问题。

二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握Dreamweaver CS3的使用方法，学会使用Dreamweaver CS3制作Web网页的技术。

本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

课程在知识、素质和能力方面的基本要求：（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。

了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等协议的含义和作用；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。

《网页制作及设计》教学大纲学时：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 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。

《网页设计与制作》教学大纲（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）网页模板。