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

合集下载

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

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

主要任务：向学生全面介绍与网页设计制作有关的知识，向学生阐明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

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

网页设计与制作》教学大纲

网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明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网站和网页。

2网页中的元素类型。

2常用网站管理与制作软件。

2网站建设流程。

2HTML与CSS入门。

30模块2.初识Dreamweaver。

2熟悉Dreamweaver操作环境。

6网站规划与管理。

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

《网页设计与制作》课程大纲《网页设计与制作》课程教学大纲适用专业：计算机网络技术学时：64学时一、编写说明（一）本课程的性质、目的和任务《网页设计与制作》是计算机网络技术专业的一门专业基础课。

通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。

在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。

（二）课程教学的基本要求通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。

（三）实践环节（四）本课程与其它课程的关系先修课程：计算机应用基础、图像处理软件PhotoShop后续课程：动态网站开发、中小型网站设计与开发等（五）教学时数分配表（六）考核方式与要求1.该课程是考查课2.考核形式：上机操作3.成绩的计算方法：①平时成绩：40％（主要评估学生的现实表现）②试卷成绩：60％（七）教材与主要参考书1.教材：《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月2.主要参考书：《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月二、课程各章教学内容纲要第1章Dreamweaver CS6基础知识1.教学基本要求（1）了解Dreamweaver CS6的工作界面及新功能2.具体教学内容（1）Dreamweaver CS6 简介△（2）Dreamweaver CS6 的工作界面（3）Dreamweaver CS6 的新功能第2章文本的处理与控制1.教学基本要求（1）理解HTML文件的基本结构（2）掌握文本的基本设置和项目列表的使用方法2.具体教学内容（1）设置网页标题（2）HTML文件的基本结构△（3）文本的基本设置（4）项目列表○（5）使用外部文本第3章建立超级链接1.教学基本要求（1）理解超级链接的概念（2）掌握为文本添加链接的方法，以及制作电子邮件链接，添加锚链接的方法2.具体教学内容（1）超级链接的概念△（2）为文本添加链接（3）检查链接△（4）制作电子邮件链接（5）下载链接△（6）添加锚链接第4章在网页中使用图像1.教学基本要求（1）掌握在Dreamweaver中插入图片以及处理图片的方法（2）掌握添加背景图像和使用Photoshop文件的方法2.具体教学内容（1）网络图形格式（2）在Dreamweaver中插入图片△（3）在Dreamweaver中处理图片（4）使用热区（5）制作鼠标指针经过图像（6）插入图像占位符△（7）添加背景图像○（8）使用Photoshop文件第5章在网页中使用多媒体1.教学基本要求（1）掌握在网页中使用Flash的方法（2）熟悉在网页中添加其他插件的方法2.具体教学内容△（1）在网页中使用Flash（2）在网页中添加其他插件第6章使用表格布局页面1.教学基本要求（1）理解页面布局及表格的相关知识（2）掌握表格的使用方法和表格式数据的处理方法2.具体教学内容（1）页面的布局（2）认识表格△（3）使用表格（4）格式化表格△（5）导入表格式数据△（6）导出表格式数据○（7）扩展表格模式和标准模式第7章使用AP Div布局页面1.教学基本要求（1）掌握AP Div的创建方法以及基本操作（2）掌握AP Div的属性设置方法和使用“AP 元素”面板的方法（3）熟悉AP Div的常见使用技巧2.具体教学内容（1）创建AP Div△（2）AP Div的操作△（3）设置AP Div的属性（4）使用“AP 元素”面板○（5）AP Div的使用技巧第8章使用层叠样式表1.教学基本要求（1）掌握层叠样式表（CSS）的创建和CSS样式的使用方法（2）掌握Div标签的应用方法2.具体教学内容（1）层叠样式表基础（2）在Dreamweaver中创建层叠样式表△○（3）使用CSS 样式（4）ID（5）标签（6）复合内容△（7）使用Div标签○（8）CSS布局块可视化第9章使用流体网格布局1.教学基本要求（1）掌握流体网格布局创建的方法和使用流体网格布局网页的方法（2）熟悉使用媒体查询重置样式的方法2.具体教学内容（1）流体网格布局简介△○（2）使用流体网格布局（3）使用媒体查询重置样式第10章使用模板和库1.教学基本要求（1）掌握模板的创建、编辑和管理方法以及软件自带模板的使用方法（2）熟悉库的创建与管理方法2.具体教学内容△（1）使用软件自身提供的模板△（2）创建自定义模板（3）创建模板的可编辑区域（4）使用可选区域（5）使用重复区域（6）应用模板（7）编辑和更新模板（8）在基于模板的文档中编辑内容（9）管理模板○（10）库项目第11章使用行为1.教学基本要求（1）熟悉行为的应用、修改和设置方法2.具体教学内容（1）什么是行为△（2）应用行为（3）修改行为○（4）设置行为第12章使用表单1.教学基本要求（1）掌握表单的使用方法（2）熟悉spry构件的相关知识2.具体教学内容（1）表单的工作模式（2）在页面中插入表单△○（3）插入表单对象并设置其属性○（4）Spry构件第13章网站的创建与管理1.教学基本要求（1）掌握网站的创建与管理方法2.具体教学内容○（1）规划网站（2）使用“资源”面板△（3）创建Dreamweaver本地站点△（4）管理站点信息（5）创建和管理文件注：△-表示重点○-表示难点编写人：审核人：。

网页设计与制作大纲

《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。

“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。

二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。

通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。

教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。

第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。

网页制作与设计教学大纲

网页制作与设计教学大纲一、课程介绍1.1 课程背景网络技术的迅速发展和互联网的普及，为网页制作与设计带来了巨大的需求。

本课程旨在培养学生掌握基本的网页制作与设计技能，以满足市场对于专业人才的需求。

1.2 课程目标通过本课程的学习和实践，学生将能够掌握网页制作与设计的基本原理、技术和工具，能够独立完成简单的网页制作与设计工作，并具备进一步深入学习与研究的基础。

二、教学大纲2.1 基础知识2.1.1 网页制作与设计的概念及发展历程2.1.2 网页制作与设计的基本原理2.1.3 网页制作与设计的相关标准和规范2.2 网页制作技术2.2.1 HTML标记语言的基本语法和常用标签 2.2.2 CSS样式表的基本语法和属性2.2.3 JavaScript脚本语言的基本语法和常用函数 2.3 网页设计原理2.3.1 网页设计的基本原则和要素2.3.2 色彩搭配和配色原则2.3.3 网页布局设计的基本规则和技巧2.4 网页制作与设计工具2.4.1 Dreamweaver软件的基本使用和功能2.4.2 Photoshop软件的基本使用和功能2.4.3 Illustrator软件的基本使用和功能三、教学方法3.1 理论授课通过讲解基础知识和技术原理，帮助学生全面理解网页制作与设计的基本概念和流程。

3.2 实践操作给予学生实际的网页制作与设计任务，通过动手操作，巩固和应用所学知识。

3.3 学习讨论鼓励学生参与课堂讨论和分享，提高学生的思维能力和创造力。

四、教学评估4.1 平时成绩占比出勤情况、课堂表现、作业完成情况，占总评成绩的30%。

4.2 期末考试占比考察学生对于网页制作与设计知识的理解和应用能力，占总评成绩的70%。

五、参考教材5.1 《网页制作与设计教程》作者：李晓华出版社：清华大学出版社5.2 《网页设计与制作技术教程》作者：韩雪晴出版社：人民邮电出版社六、教学进度安排第一周：课程介绍，基础知识概述第二周：HTML标记语言基础第三周：CSS样式表基础第四周：JavaScript脚本语言基础第五周：网页设计的基本原则和要素第六周：色彩搭配和配色原则第七周：网页布局设计规则和技巧第八周：Dreamweaver软件基本使用和功能第九周：Photoshop软件基本使用和功能第十周：Illustrator软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。