《网页制作原理及实现》教学大纲
《网页设计与制作》课程教学实施大纲
《网页设计与制作》课程实施性教学大纲一、课程性质和任务本课程的目的是通过对HTML、VBScript编程技术、Dreamweaver 8、ASP动态页面设计的学习，掌握综合应用网页设计的各种技能，培养学生的自我学习和动手能力，真正能使用所学的知识进行建设。
二、课程培养目标【教学目标】1．熟练掌握Web站点的基本概念；2．熟练掌握HTML文档结构和各种标记的使用；3．掌握VBScript 编程技术和ASP技术；4．掌握Dreamweaver 8页面设计方法和常用的表单对象。
【能力目标】1．熟练掌握利用HTML标记进行页面设计的方法和技巧；2．熟练掌握利用VBScript、ASP进行动态页面设计的方法和技巧；3．熟练掌握利用Dreamweaver 8进行页面设计与布局的方法和技巧。
4．养成良好的网页设计与制作习惯。
5．养成良好的自主自学能力。
【思想教育目标】1．培养学生科学、严谨的态度。
2．培养学生理论联系实际的学习能力。
3．培养学生全面发展的学习能力。
4．培养学生的社会责任感。
5．培养学生的良好的职业道德和敬业精神。
三、课程教学要求1．在接受大学计算机基础知识教育的基础上，从使用角度进一步掌握计算机的基本知识，并了解当前有关计算机的新知识和新热点，以及当前的流行软件。
2．掌握制作网页的基础知识。
3．掌握网页的核心技术HTML语言，涉及了HTML语言文档的基本结构，逐一介绍了HTML语言中的格式、表格、、框架结构、表单、图象标记处理以及移动文字等容。
4．了解支持实现客户端动态页面(DHTML)的DOM(文档对象模型)、CSS(层叠样式表)和SCRIPT(脚本程序语言)技术及DHTML页面的设计。
5．掌握专业网页设计工具Dreameweaver软件的使用及用它进行页面制作。
6．熟悉综合开发的全过程。
7．在教学过程中，应特别重视培养学生利用计算机知识进行自学的能力和探索、创新的精神。
四、课程重点与难点1．《网页设计与制作》课程的重点有网页的布局、网页中文本和图像的处理、超级与导航栏、HTML语言、使用CSS样式美化网页、网页设计。
网页制作教学大纲(专业课)
《网页制作》教学大纲（40学时）课程代码：13407334一、课程性质、目的及开课对象（一）课程性质：专业选修课（二）目的：对学生进行网页制作技能训练，提高他们对网络资源利用开发的能力，处于信息时代，还应努力培养学生的信息素养，使他们掌握网页制作的基本技能和网络资源利用的基本能力，以及网络道德素养的培养与提高。
（三）开课对象：教育技术学专业本科学生，时间为第七学期。
二、先修课程：无三、教学方法和考核方法（一）教学方法：演示法、讲授法。
（二）考核方式：考查四、学时数分配总学时：40学时。
授课20学时，实验20学时。
五、教学内容与学时第一章HTML基础（2学时）【主要内容】：1.1 什么是HTML1.Web页的基本概念2.HTML的工作原理3.创建和测试Web页1.2 创建WEB页1.标记符基础2.Web页的基本结构3.设置页面属性4.添加注释5.显示特殊符号1.3 发布WEB页1.创建本地站点2.申请网页空间3.用FTP上传网页【重点难点】：站点的创建与使用【学生掌握要点】：什么是HTML、站点的创建与使用【习题】：1.简要说明HTML的基本工作原理。
2.编写一个能够显示背景图案并能播放背景音乐的网页。
第二章文本格式（2学时）【主要内容】：2.1 文本分段1.段落标记符P和换行标记符BR2.水平线标记符HR3.标题标记符Hn4.段落对齐2.2 控制文本的显示效果1.字体控制标记符FONT2.物理字符样式3.逻辑字符样式4.滚动文字效果2.3 列表格式1.有序列表2.无序列表【重点难点】：控制文本的显示效果【学生掌握要点】：文本格式化【习题】：1、自行编写实例，尝试本章中介绍的所有标记符和属性。
第三章使用图像（4学时）【主要内容】：3.1 web页图像基础1.位图与矢量图形2.Web页图像格式3.使用网页图像的要点3.2 图像处理基本操作1.Fireworks的界面2.修改图像大小3.用适当的格式导出图像4.制作GIF动画3.3 图像标记符IMG1.插入图像2.设置图像属性3.4 创建超链接1.相对地址和绝对地址2.页面链接3.锚点链接4.电子邮件链接3.5 使用图像映射1.什么是图像映射2.创建图像映射【重点难点】：创建超级链接和对页面空间结构的理解。
网页设计与制作实践教学大纲讲解
《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时，共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1．计算机基础及网络基础理论知识；2．电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1．硬件要求：使用计算机，512M 内存、40G 硬盘2．软件要求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、实践内容实验一 HTML基础实验 7学时（一）实验目的1．掌握HTML 语法基本的基本结构。
2．熟悉HTML 编写网页的方法。
（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML 语法基本结构⑵．HTML 各标记的使用（三）学时分配本实践项目为7学时（四）实验内容1．写出HTML 语法的基本结构2．编写包括文本和图像的两至三个简单网页3．在网页之间建立文本、图像和书签超链接4．编写一个带有表格的网页5．编写一个带框架结构的网页实验二 Dreamweaver基础 2学时（一）实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
（三）学时分配本实践项目为2学时。
（四）实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
网页制作 教学大纲
网页制作教学大纲网页制作教学大纲一、引言在当今数字化时代，网页设计与制作已经成为一项重要的技能。
无论是个人网站、企业宣传页面还是电子商务平台，都需要精心设计的网页来吸引用户，并提供良好的用户体验。
本文将探讨网页制作的教学大纲，以帮助学习者系统学习和掌握网页制作的技能。
二、基础知识1. 网页制作的概念和发展历程- 介绍网页制作的定义和背景- 回顾网页制作的发展历程，从简单的HTML页面到现代的响应式设计2. HTML与CSS基础- 介绍HTML和CSS的作用和基本语法- 学习如何使用HTML标签创建网页结构- 学习如何使用CSS样式表美化网页3. 响应式设计与移动优先- 解释响应式设计的概念和重要性- 学习如何使用媒体查询和流式布局创建适应不同设备的网页- 强调移动优先设计的原则和实践三、进阶技巧1. 图像和多媒体的应用- 学习如何插入图像和视频到网页中- 探讨图像和多媒体的优化和压缩方法，以提高网页加载速度2. 交互式元素与动画效果- 学习如何使用JavaScript和CSS动画创建交互式元素和动画效果 - 强调用户体验的重要性，提供用户友好的交互功能3. 网页导航与布局设计- 探讨网页导航的设计原则和最佳实践- 学习如何创建吸引人的网页布局，包括网格系统和平衡布局四、实践项目1. 个人网站设计与制作- 学习如何规划和设计个人网站的结构和内容- 实践使用HTML、CSS和JavaScript创建个人网站2. 企业宣传页面设计与制作- 学习如何根据企业品牌和目标受众设计企业宣传页面- 实践使用响应式设计和交互式元素创建企业宣传页面3. 电子商务平台设计与制作- 学习如何设计和制作电子商务平台的网页- 探讨电子商务平台的用户体验和安全性要求五、实践与评估1. 实践项目的完成与展示- 学习如何将网页上传到服务器并进行测试- 学习如何使用浏览器开发者工具进行调试和优化2. 项目评估与反馈- 学习如何评估网页设计的质量和用户体验- 探讨如何接受反馈并进行改进六、总结通过本教学大纲的学习，学生将掌握网页制作的基础知识和技能，并能够设计和制作个人网站、企业宣传页面和电子商务平台。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：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制作网页的方法。
《网页设计与制作》课程实验教学大纲
《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对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）网页模板。
《网页制作》技能教学大纲
《网页制作》课程教学大纲一、课程性质本门课程属于计算机网络技术专业的专业核心领域课程，本课程的前导课程是《计算机网络技术》、《平面设计与制作》、《动画设计与制作》，后续课程有《网站建设与规划》、《ASP 动态网页程序设计》等，本课程对应的就业岗位有网页设计员、网页美工、网页编辑、网站管理员等。
二、课程目标职业教育的目地在于服务于区域经济，服务于当地区域经济，我们学校在桐乡地区，这里有很多中小型企业，需要一批网站制作员和网站维护员。
所以我们将网站建设作为计算机网络技术专业的主要核心程之一，主要面向企事业单位的网络管理部门和计算机网络开发部门，培养具备良好的职业道德、团队合作精神、沟通和创新能力，具备中小型网站开发与维护基本理论知识和实用技能，可以从事网站开发与管理等工作的高素质技能型人才。
三、课程要求《网页制作》课是计算机专业的专业课，是计算机应用技术专业的专业核心课，所以这门课列入了学校的教学计划，成绩记入学生档案，按照《大纲》组织实施课堂教学，严格考勤考核制度。
《网页制作》总教学时数为66课时，理论教学时数为20学时，实验实训课时为46课时，学校在完成规定的学时之外，还积极备战技能节，让学生在课后更加深化知识，做到学以致用，还通过网站论坛师生讨论教、学心得，实现教、学、做合一。
四、课程内容（一）理论教学1 、网页布局技巧（2课时）教学内容：熟悉Dreamweaver工作界面、HTML语言语法和常用标签。
重点：确定个人网站主题，设计栏目结构图和绘制首页布局图。
难点：用布局表格对网页布局。
知识目标：确定个人网站主题，设计栏目结构图和绘制首页布局图。
2、创建网站模板（2课时）教学内容：掌握网站站点管理方法。
重点：掌握超链接的应用。
难点：创建网站模板。
知识目标：创建网站模板。
3、网页内容填充和处理（10课时）教学内容：传授网页美工知识。
重点：制作“幽幽我心的个人网站”及网页中需要的小图片或小动画。
难点：完成网页内容的填充（文字、图片、音乐或视频等）。
网页制作教学大纲
网页制作教学大纲网页制作教学大纲随着互联网的快速发展，网页制作已经成为一项重要的技能。
无论是个人博客、企业官网还是电子商务平台，都需要一个精美、实用的网页来吸引用户。
因此，学习网页制作成为了许多人的追求。
本文将为大家介绍一份完整的网页制作教学大纲，帮助读者系统地学习网页制作的各个方面。
一、HTML基础知识1.1 HTML简介HTML是网页制作的基础语言，学习HTML的基本概念和语法是网页制作的第一步。
本节将介绍HTML的历史背景、基本标签和常用属性。
1.2 HTML文档结构学习HTML文档的结构对于编写整洁、有序的网页至关重要。
本节将介绍HTML文档的基本结构，包括DOCTYPE声明、html、head和body标签的作用。
1.3 HTML文本标签网页中的文本是最基本的元素，学习如何使用HTML标签来定义文本的样式和结构是网页制作的核心。
本节将介绍常用的文本标签，如p、h1-h6、strong、em等。
二、CSS样式设计2.1 CSS简介CSS是网页样式设计的关键技术，学习CSS可以为网页增加丰富的样式和布局效果。
本节将介绍CSS的基本概念和语法。
2.2 CSS选择器选择器是CSS中最重要的概念之一，通过选择器可以选择特定的HTML元素并为其添加样式。
本节将介绍常用的选择器，如标签选择器、类选择器、ID选择器等。
2.3 CSS样式属性掌握常用的CSS样式属性可以使网页呈现出各种各样的效果。
本节将介绍常用的样式属性，如背景、边框、字体、颜色等。
三、响应式网页设计3.1 移动设备的普及随着智能手机和平板电脑的普及，移动设备上的网页访问量大幅增加。
学习响应式网页设计可以使网页在不同设备上都能有良好的显示效果。
3.2 媒体查询媒体查询是响应式网页设计中的重要技术，通过媒体查询可以根据设备的特性来调整网页的样式和布局。
本节将介绍媒体查询的基本语法和常用的媒体特性。
3.3 弹性布局弹性布局是一种适应不同屏幕尺寸的布局方式，通过使用弹性盒子模型和网格布局可以实现网页的自适应。
网页制作教学大纲
网页制作教学大纲网页制作教学大纲随着互联网的迅猛发展，网页制作已经成为了一种非常重要的技能。
无论是个人还是企业，都需要一个优秀的网页来展示自己的形象和产品。
因此，学习网页制作已经成为了现代人必备的一项技能。
本文将为大家提供一份网页制作教学大纲，帮助初学者快速入门。
一、HTML基础1.1 什么是HTMLHTML（Hypertext Markup Language）是一种用于创建网页的标记语言。
学习HTML是网页制作的第一步。
本节将介绍HTML的基本概念和语法规则。
1.2 HTML标签HTML标签是用于定义网页结构和内容的元素。
本节将介绍HTML常用的标签，如标题标签、段落标签、链接标签等，并讲解它们的使用方法。
1.3 HTML属性HTML属性是用于为HTML元素提供额外的信息。
本节将介绍HTML常用的属性，如颜色属性、字体属性等，并讲解如何使用这些属性来美化网页。
二、CSS样式设计2.1 什么是CSSCSS（Cascading Style Sheets）是一种用于描述网页样式的语言。
学习CSS可以帮助我们为网页添加各种各样的样式，使其更加美观和易读。
本节将介绍CSS的基本概念和语法规则。
2.2 CSS选择器CSS选择器用于选择要应用样式的HTML元素。
本节将介绍CSS常用的选择器，如标签选择器、类选择器、ID选择器等，并讲解它们的使用方法。
2.3 CSS样式属性CSS样式属性用于定义HTML元素的样式。
本节将介绍CSS常用的样式属性，如背景颜色、字体大小、边框样式等，并讲解如何使用这些属性来美化网页。
三、响应式设计3.1 什么是响应式设计随着移动设备的普及，网页需要适应不同的屏幕尺寸和设备。
响应式设计可以使网页在不同的设备上都能够良好地显示和使用。
本节将介绍响应式设计的基本概念和原理。
3.2 媒体查询媒体查询是用于根据设备特性来应用不同的CSS样式的技术。
本节将介绍媒体查询的语法和常用的媒体特性，如屏幕宽度、设备方向等，并讲解如何使用媒体查询来实现响应式设计。
网页制作教学大纲
《网页制作》教学大纲一、课程的性质与任务本课程属于计算机技术基础的多媒体系列课程。
主要学习Macromedia公司制作网页的软件——Dreamweaver8。
通过本课程的学习，使学生了解网页设计的基础知识，熟练掌握网页制作的基本方法，具有制作网页的能力。
二、课程教学总体目标通过本课程的课堂教学，系统学习网站的工作原理、HTML代码和网页制作软件Dreamweaver8的使用，使学生熟练掌握网站创建技术。
由于本课程具有很强的实践性，所以在教学过程中应注重典型案例的教学，通过案例使学生掌握HTML语言和Dreamweaver8的使用，并能设计和制作出功能强大的网站。
三、课程教学学时安排本课程所需学时为204 学时，其中理论课为72学时，实践教学为96学时及课程设计36学时，教学周数17周。
四、课程教学内容及教学要求(一)教学内容第1章网页设计导论（4学时）1.1 网页的设计构思和布局1.2 站点规划与设计流程1.3 主页的基本制作流程1.4 网站的后期第2章Dreamweavre8的基本操作（4学时）2.1 创建Dreamweaver站点2.2 编辑站点2.3 文档管理2.4 设置文档属性2.5 在文档窗口中选择元素第3章网页元素的基本操作（6学时）3.1 文本处理3.2 图片处理3.3 多媒体处理第4章表格与布局（10学时）4.1 表格基本应用与高级应用4.2 布局应用第5章超级链接（8学时）第6章框架（10学时）第7章表单（12学时）7.1 表单域的创建与修改、检查7.2 常用表单元素第8章层（4学时）第9章模板和库（12学时）第10章行为（8学时）第11章Css样式表（14学时）第12章动态网页设计（24学时）12.1 Asp工作原理、ASP脚本语言12.2 ASP应用对象12.3 Access数据库基本操作12.4 ASP操作数据库Access第13章站点发布（4学时）第14章在Dreamweaver中编写Html代码（14学时）14.1 HTML语言基础、常用标记14.2 在Dreamweaver中编辑代码、优化代码14.3 制作网页按钮14.4 手绘网页插画第15章综合网站开发（12学时）15.1 网站定位与规划、功能模块设计与数据库设计15.2 首页、模板、网页页面、模块整合与网站测试第16章网站制作实例：（58学时）门户站点主页16.1 网页的布局设计和实现16.2 制作网页素材16.3 构建网页框架16.4 制作其他特效（二）教学要求了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、Logo Banner设计思路、动作脚本的用途等基本概念。
《网页设计与制作》课程教学大纲（精）
《⽹页设计与制作》课程教学⼤纲（精）《⽹页设计与制作》课程教学⼤纲⼀、课程的性质和任务课程性质：《⽹页设计与制作》是现代汽车技术/计算机及应⽤专业的⼀门选修课程，是学习⽹页设计与制作的⼀门重要课程。
主要任务：向学⽣全⾯介绍与⽹页设计制作有关的知识，向学⽣阐明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动画；注意事项；使⽤⽹页图象的要点。
《网页设计与制作》课程大纲
《网页设计与制作》课程大纲《网页设计与制作》课程教学大纲适用专业：计算机网络技术学时：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）创建和管理文件注：△-表示重点○-表示难点编写人：审核人：。
网页制作与设计教学大纲
网页制作与设计教学大纲一、课程介绍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软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。
HTML网站开发原理与实践教学大纲
HTML网站开发原理与实践第一节：课程说明1.1课程目的本课程是思远云技术顾问有限公司软件外包、3G通信专业技术课程之一，课程目的在于使学生掌握网页构成的基本理论、构成形式和构成方法，掌握HTML语言，通过本课程的学习，使学生具备设计与制作简单网页的能力，并掌握学习的方法与技巧，获取知识能力有所提高，为后续学习网站建设打下坚实的基础。
课程任务1、了解Web信息服务系统的特点、工作环境、搜索方法等基本概念。
2、掌握HTML语言的基本构成，超文本文件的编制，表单、图像、音频、视频等信息的嵌入、链接方法。
3、学会使用样式表CSS文件来对网页的美观进行管理和维护。
4、学会使用记事本、EditPlus制作网页等。
1.2教材、教参或学习资料教材：人民邮电出版社的《HTML、CSS、JavaScript网页制作从入门到精通》（ISBN：978-7-115-29971-0）。
该教材采用图解方式诠释HTML、CSS|、JavaScript最新技术。
汇集了网页制作技巧，便于学生解决实际问题。
还通过实例方式，详尽的讲述了实际开发中所需的各类知识。
教参：w3school手册完整版电子版。
1.3课时分配1.4教学设备配置表1.5 教学场地安排表第二节：教学原则和教学方法本课程以实践教学为原则，以六步教学法为主要教学方法。
提出问题：以真实、绚丽的网站实际案例为素材，通过模仿制作，从而激发学员对本课程的学习兴趣，借此培养学员的职业意识，并向往即将从事的职场环境；分析问题：针对每一个环节的设疑，让学员主动参与、积极思考，培养学员自主学习的能力；从而引入所学新知识，找出解决问题的方法。
设计任务：任务驱动。
通过向学员提供的优化或常规的解决任务的方案，指导学员进行任务及完成任务所需步骤、方法、工具的设计；解决任务：让学员通过对上一个环节所设计任务的内容与步骤，自己尝试着去进行解决、实施； 归纳规律：通过学员自身的尝试、参与、体验，在老师的指导下进行归纳总结，找到学习的方法。
网页制作技术理论教学大纲
《网页制作技术》理论教学大纲1、课程性质与任务（1）课程性质本课程是计算机专业的职业技术课程，它是一门集理论与实践于一体的综合应用课程。
通过学习本课程学生初步掌握制作网页和建立网站的技术。
（2）课程任务通过一种有代表性的网页制作软件（如Dreamweaver 2008）的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
制作一个网站需要很多的技术，包括图像设计和处理、网页的动画效果和最终合成网页等，所以本课程还应能掌握一种典型的图象处理软件(如photoshop)和动画制作软件(flash)的使用方法。
2、课程目标与基本要求课程目标：本课程学习结束后，应了解网页制作和网站建设所需的基本知识，理解HTML语言和CSS样式个属性以及JavaScript语言的基本知识，掌握网页制作和网站建设所需的基本技能。
根据任务需求能够建立客户端的的静态网页和网站。
学生应能自行设计各种网页、编辑一定的平面图象、网络动画，并最终设计一个综合性的网站且编制简单的脚本上传到互联网上。
本课程对学生在知识、素质和能力方面的基本要求如下：（1）知识要求·掌握网站设计和发布的流程；·理解网站维护管理及使用脚本的要求和重要性；·了解多种网页制作软件和图象处理软件相结合设计网站的好处。
（2）素质要求本课程将培养学生以下几方面的职业素质：·培养敬业精神和社会责任感；·培养创新意识和审美观念；·培养协调工作能力和组织管理能力；·较强的自我知识及技术更新能力；·快速跟踪网页制作的新技术及市场应用动态。
（3）能力与技能要求通过本课程的学习，学生应能掌握：·图象软件的使用方法；·网页制作软件(dreamweaver)的使用方法；·进行网站的上传/下载、更新、管理。
三、教学内容与要求(一)教学内容第一章网页设计基础在本章中详细介绍了Dreamweaver 8的启动方式和工作环境，重点介绍了本地站点的创建、站点地图的使用，同时介绍了网站制作流程、建站技巧和在制作网页过程中需要注意的问题。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页制作原理及实现》教学大纲课程类别：专业主干课适用专业：计算机应用技术，计算机网络技术，计算机信息管理，电子商务，信息安全技术授课学时：周4节课程学分：4一、课程性质、任务本课程是计算机相关专业的专业主干课程，是校级精品课程，同时也是网络营销、网络建设与维护等课程的基础，通过网页制作相关技术知识要点的学习，学生应掌握制作正确、美观、实用的页面文件。
二、课程培养目标：1、知识目标掌握网页制作原则方法及常用技术熟悉一种主流软件了解一定图像制作及动画软件使用2、技能目标HTML语言的运用与理解三剑客的使用设计一个静态网站3、素质目标敬业精神：树立敬业精神，网页设计与制作必须全身心投入团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展三、选用教材与参考资料1、教材版本信息《网页设计与制作实用教程》，第二版，刘艳丽，高等教育出版社，普通高等教育“十一五”国家级规划教材。
2、教材使用评价体系全面，内容丰富，可适当结合就业突出重点。
3、选用的参考资料《网页制作技术》，许莉、李汉娇主编，中国水利水电出版社。
《网页设计与制作》，孙振业主编，高等教育出版社。
四、本课程与其他课程的联系与分工先修课程计算机应用基础，网络技术后续课程网络程序设计，企业级应用软件开发技术与其他课程配合与取舍情况网络程序设计部份将会用到html基本知识，应详细讲解。
五、课程教学内容与基本要求第一章Internet 基础教学目的要求１、掌握：Internet的接入方法，IP地址、域名。
２、理解：Intranet的基本概念，TCP/IP分层模型、IP协议基本内容。
３、了解：Internet的产生、发展、现状、构成和功能。
教学重点：Internet的接入方法，IP地址。
教学内容1．1 Internet概述1．2 Internet在中国1．3 接入Internet1．4 Internet的主要服务1．5 万维网WWW1．6 Intranet 简介第二章网页设计基础教学目的要求１、掌握：网页构成的基本元素，网页设计的有关知识和术语。
２、理解：网页制作的基本原则和布局思想。
３、了解：网站开发的基本流程和制作步骤。
教学重点：网页构成的基本元素，网页设计的有关知识和术语。
教学内容2．1 网页设计基础知识2．2 见面设计思想2．3 网页的版面布局2．4 网页制作的基本流程第三章超文本标识语言教学目的要求１、掌握：HTML中常见的标签命令。
２、理解：HTML文件的基本结构。
３、了解：HTML中的基本概念和术语。
教学重点：HTML中常见的标签命令。
教学内容3．1 HTML的基本结构3．2 常用的HTML标签命令3．3 综合制作实例第四章网页图像制作——Fireworks教学目的要求１、掌握：矢量图形的绘制方法，图层的使用方法。
２、理解：图形图像的基础知识。
３、了解：Fireworks MX2004的功能、特点及工作界面。
教学重点：矢量图形的绘制方法，图层的使用方法。
教学内容4．1 Fireworks MX 2004简介4．2 矢量图形的绘制4．3 矢量对象的高级处理4．4 文本的应用第五章网页图像处理教学目的要求１、掌握：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
２、理解：图层的使用方法。
３、了解：网页图像处理的基本概念，优化图像的方法。
教学重点：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
教学内容5．1 位图图像处理5．2 动画的制作5．3 图像的切割5．4 按钮、导航栏和弹出菜单的制作5．5 图像的优化导出5．6 综合制作实例第六章网页动画制作——Flash教学目的要求１、掌握：使用绘图工具栏来创建图形、文本对象，元件和实例创建及编辑方法。
２、理解：帧帧动画、运动补间动画、形状补间动画的创建方法。
３、了解：Flash 的功能和特点，基本术语。
教学重点：帧帧动画、运动补间动画、形状补间动画的创建方法。
教学内容6．1 Flash MX 2004的简介6．2 Flash MX 2004的基本操作6．3 元件与实例6．4 基本动画制作6．5 综合制作实例第七章高级动画制作教学目的要求１、掌握：创建引导层动画的方法，遮罩动画的方法。
２、理解：制作文字特效，声音的添加方法。
３、了解：导出和发布动画的方法。
教学重点：创建引导层动画的方法，遮罩动画的方法。
教学内容7．1 创建引导层动画7．2 创建遮罩层动画7．3 文字特效制作7．4 为动画添加声音7．5 发布与导出动画7．6 综合制作实例第八章网页制作工具——Dreamweaver教学目的要求１、掌握：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
２、理解：Dreamweaver MX2004的工具面板及属性面板的使用。
３、了解：Dreamweaver MX2004的功能和特点，站点发布的基本方法。
教学重点：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
教学内容8．1 Dream weave MX 2004简介8．2 Dream weave MX 2004的基本操作8．3 网站的外国链接与导航8．4 站点的整理与上传8．5 综合制作实例第九章表格排版制作网页教学目的要求１、掌握：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
２、理解：布局视图的使用方法，利用表格进行排版布局。
３、了解：表格各部分名称的含义。
教学重点：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
教学内容9．1 表格的基本操作9．2 表格的其他视图9．3 综合制作实例第十章嵌入表单元素教学目的要求１、掌握：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
２、理解：用表格来控制表单的显示和整体提交。
３、了解：表单的功能和含义。
教学重点：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
教学内容10.1 创建表单10.2 创建文本域10.3 创建选框与列表10.4 创建文件上传域10.5 创建按钮10.6 创建跳转菜单10.7 综合制作实例第十一章网页的框架结构教学目的要求１、掌握：框架的创建方法，如何利用框架制作网页。
２、理解：框架面板的使用方法，框架及框架集的概念。
３、了解：框架集的属性设置，框架集的各种操作。
教学重点：框架的创建方法，如何利用框架制作网页。
教学内容11.1 创建框架11.2 框架的属性设置11.3 保存框架11.4 综合制作实例第十二章利用图层制作网页教学目的要求１、掌握：插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
２、理解：层与表格相互转换的方法。
３、了解：图层的含义和特点。
教学重点：插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
教学内容12.1 层的特点12.2 层的基本操作12.3 层与表格的转换12.4 综合制作实例第十三章利用模板制作网页教学目的要求１、掌握：创建、编辑模板的方法，以及如何利用模板制作网页。
２、理解：模板自动更新的方法。
３、了解：模板的功能特点和基本术语。
教学重点：创建、编辑模板的方法，以及如何利用模板制作网页。
教学内容13.1 创建模板13.2 模板的编辑13.3 模板的应用13.4 综合制作实例第十四章应用CSS样式表教学目的要求１、掌握：CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
２、理解：CSS各咱滤镜的效果及应用。
３、了解：CSS样式的特点。
教学重点：CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
教学内容14.1 关于CSS样式表14.2 样式的创建与应用14.3 CSS样式化网页14.4 综合制作实例第十五章应用行为和JavaScript制作特效教学目的要求１、掌握：行为的应用方法，浮动层的制作方法。
２、理解：行为面板的使用。
３、了解：行为和事件的概念，JavaScript的特点。
教学重点：行为的应用方法，浮动层的制作方法。
教学内容15.1 在Dream Weaver中添加行为15.2 制作JavaScript特效15.3 综合制作实例第十六章动态网页制作教学目的要求１、掌握：ASP编程的基础知识。
２、理解：ASP的基本概念。
３、了解：ASP访问数据库的对象ADO。
教学重点：ASP编程的基础知识。
教学内容16.1 ASP简介16.2 ASP编程基础七、课程考核要求及考核方法：1、考核方式为考试，平时占30%，期末占70%；2、平时成绩由考勤10%、课堂参与5%、平时作业15%三部份构成；3、期末考试为上机操作，在规定时限内完成一套网页文件。
八、补充说明不同专业在个别地方要求略有区别，本大纲主要基于计算机应用技术专业，计算机网络技术专业在Fireworks部份可另外重点讲解，对计算机信息管理专业而言，高级动画制作部份可略讲。
教学大纲编写组：组长（签名）本课程大纲执笔：（签名）年月日系部专家审查组：（签名）年月日。