《网页设计与制作》课程概述

《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。

通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。

同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。

1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。

教学时各模块既有独立性, 又有关联性。

独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。

《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。

本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。

2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。

1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。

营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。

围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。

.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。

.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。

2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。

通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。

知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。

能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。

《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。

本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。

在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。

在以后学生还将学习《程序设计》课程，能设计和制作动态网页。

2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。

课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。

同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。

3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。

课程以工作任务来组织内容，以案例驱动贯穿教学过程。

由浅入深，最后完成主题网站的开发项目。

课程教学中以Dreamweaver的使用为主线，要重视HTML语言和CSS样式的讲解和应用。

通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。

二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握HTML语言的文档结构和基本标签使用。

《网页设计与制作》课程教案一、教学目标1. 了解网页设计与制作的基本概念和流程。

2. 掌握HTML、CSS和JavaScript的基本语法和应用。

3. 能够独立设计并制作一个简单的网页。

二、教学内容1. 网页设计与制作的基本概念和流程。

讲解网页设计与制作的基本概念，如网页、网页设计、网页制作等。

介绍网页设计与制作的流程，包括需求分析、页面布局、页面设计、编码实现等。

2. HTML的基本语法和应用。

讲解HTML的基本语法，如标签、属性、注释等。

通过实例演示HTML在网页中的应用，如、段落、图片、等。

3. CSS的基本语法和应用。

讲解CSS的基本语法，如选择器、属性、注释等。

通过实例演示CSS在网页中的应用，如字体样式、颜色、布局等。

4. JavaScript的基本语法和应用。

讲解JavaScript的基本语法，如变量、运算符、注释等。

通过实例演示JavaScript 在网页中的应用，如动态修改内容、响应用户事件等。

5. 设计并制作一个简单的网页。

根据所学知识，设计并制作一个简单的网页，包括页面布局、页面设计、编码实现等。

三、教学方法1. 讲授法：讲解基本概念、语法和应用。

2. 演示法：通过实例演示HTML、CSS和JavaScript在网页中的应用。

3. 实践法：学生动手实践，设计并制作一个简单的网页。

四、教学环境1. 教室环境：多媒体教学设备、网络连接。

2. 软件环境：文本编辑器、浏览器、网页设计软件。

五、教学评价1. 课堂参与度：学生参与课堂讨论、提问和回答问题的情况。

2. 课后作业：学生完成课后作业的情况，包括网页设计作品的质量和完成时间。

3. 期末考试：考查学生对网页设计与制作的基本概念、语法和应用的掌握情况。

六、教学资源1. 教材：《网页设计与制作教程》2. 辅助材料：PPT课件、实例代码、教学视频3. 网络资源：在线教程、相关论坛、网页设计素材库七、教学安排1. 课时：共计32课时，每课时45分钟2. 课程安排：第1-4课时：网页设计与制作的基本概念和流程第5-8课时：HTML的基本语法和应用第9-12课时：CSS的基本语法和应用第13-16课时：JavaScript的基本语法和应用第17-20课时：设计并制作一个简单的网页3. 课后作业：每课时布置相应的课后作业，巩固所学内容八、教学策略1. 针对不同学生的学习基础，调整教学进度和难度，确保学生能够跟上课程节奏。

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

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

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

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

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

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

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

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

《网页设计与制作》课程教案第一章：网页设计与制作概述1.1 课程介绍网页设计与制作的基本概念网页设计与制作的目的与意义网页设计与制作的应用领域1.2 网页设计原则网页设计的基本原则用户体验设计原则响应式网页设计原则1.3 网页制作工具与技术网页设计软件的选择与使用HTML与CSS的基本语法与使用方法JavaScript的基础知识与应用第二章：网页布局与排版2.1 网页布局的基本概念网页布局的定义与作用常见的网页布局方式布局元素的分类与使用2.2 排版的原则与方法排版的基本原则文本的格式化与排版图片与多媒体元素的排版2.3 响应式网页布局与排版响应式网页布局的概念与意义媒体查询的使用方法布局与排版在不同设备上的应用第三章：网页色彩与字体3.1 色彩的基本概念与应用色彩的视觉效应与心理作用色彩的搭配原则与技巧色彩在网页设计中的应用案例3.2 字体的选择与使用字体的分类与特点字体的搭配原则与技巧字体在网页设计中的应用案例3.3 网页色彩与字体的综合应用色彩与字体的协调与平衡字体大小与行距的设置与调整色彩与字体的个性化应用与创新第四章：网页图片与多媒体元素4.1 网页图片的选择与处理图片的格式与特点图片的选择标准与技巧图片的处理与优化方法4.2 多媒体元素的应用音频与视频元素的应用动画与GIF图片的应用交互式多媒体元素的应用4.3 网页图片与多媒体元素的优化图片与多媒体元素的加载优化图片与多媒体元素的响应式应用图片与多媒体元素的视觉效果与用户体验第五章：网页交互与动画5.1 网页交互的基本概念与原理交互的定义与作用交互的实现方式与技术交互的设计原则与技巧5.2 JavaScript基础与应用JavaScript的基本语法与功能事件处理与DOM操作JavaScript库与框架的选择与使用5.3 网页动画的实现与优化CSS动画的制作方法与技巧JavaScript动画的制作方法与技巧动画的加载优化与性能考虑第六章：HTML与CSS高级应用6.1 表单设计与验证表单的基本结构与属性表单元素的使用与布局表单验证的实现方法6.2 网页组件设计与实现导航栏与面包屑的制作折叠面板与标签页的制作轮播图与幻灯片的设计与实现6.3 网页动画与过渡效果CSS过渡与动画的实现JavaScript动画的实现方法动画的性能优化与调试第七章：前端框架与库7.1 前端框架的基本概念前端框架的作用与优势常见的前端框架介绍框架的选择与使用7.2 Bootstrap框架的应用Bootstrap的基本结构与组件栅格系统与布局设计Bootstrap表单与样式定制7.3 React与Vue框架的选择与应用React框架的基本概念与使用方法Vue框架的基本概念与使用方法框架项目结构与组件化开发第八章：网页兼容性与优化8.1 网页兼容性基本概念浏览器兼容性的原因与挑战兼容性测试的方法与工具兼容性解决方案与最佳实践8.2 网页性能优化网页加载速度的影响因素图片与多媒体元素的优化代码压缩与合并技巧8.3 搜索引擎优化（SEO）SEO的基本概念与原则关键词研究与内容优化代码优化与站点结构调整第九章：网页安全与维护9.1 网页安全基本概念网页安全的威胁与挑战跨站脚本攻击（XSS）的预防跨站请求伪造（CSRF）的预防9.2 数据备份与恢复数据备份的重要性与方法数据库备份与文件备份恢复策略与流程9.3 网站维护与更新网站维护的内容与流程网站更新的方法与技巧网站监控与性能调优第十章：项目实践与案例分析10.1 项目实践流程项目需求分析与规划设计阶段与实现阶段项目测试与上线流程10.2 项目案例分析案例一：个人博客网站设计与制作案例二：电子商务网站设计与制作案例三：响应式企业官网设计与制作项目过程中的问题与解决方法网页设计与制作的趋势与展望重点和难点解析1. 第一章：网页设计与制作概述难点解析：网页设计原则的理解与应用、网页制作工具与技术的熟练运用2. 第二章：网页布局与排版难点解析：响应式网页布局与排版的设计与实现3. 第三章：网页色彩与字体难点解析：色彩与字体的协调与平衡、字体大小与行距的设置与调整4. 第四章：网页图片与多媒体元素难点解析：网页图片与多媒体元素的优化方法、响应式应用5. 第五章：网页交互与动画难点解析：JavaScript事件的处理与DOM操作、动画的实现与优化6. 第六章：HTML与CSS高级应用难点解析：表单验证的实现方法、网页组件的布局与样式设计7. 第七章：前端框架与库难点解析：框架的选择与使用、React与Vue框架的选择与应用8. 第八章：网页兼容性与优化难点解析：兼容性解决方案与最佳实践、网页性能优化的实施方法9. 第九章：网页安全与维护难点解析：预防跨站脚本攻击（XSS）与跨站请求伪造（CSRF）的策略、网站维护与更新的方法10. 第十章：项目实践与案例分析难点解析：项目需求的分析与规划、项目测试与上线流程的控制本教案《网页设计与制作》涵盖了网页设计与制作的基本概念、技术应用、项目实践等各个方面。

《网页设计与制作》教案第一章：网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的标准和原则1.2 网页设计流程讲解网页设计的基本流程，包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具介绍常用的网页设计工具，如Photoshop、Dreamweaver、Fireworks等第二章：HTML与CSS基础2.1 HTML概述介绍HTML的概念、作用和基本结构2.2 HTML标签讲解常用的HTML标签，如、段落、图像、、列表等2.3 CSS概述介绍CSS的概念、作用和基本语法2.4 CSS选择器讲解常用的CSS选择器，如类选择器、ID选择器、属性选择器等第三章：网页布局与排版3.1 网页布局概述介绍网页布局的概念和重要性3.2 常用的网页布局方法讲解常用的网页布局方法，如固定布局、百分比布局、弹性布局等3.3 排版与字体介绍排版和字体的概念、作用和常用属性3.4 响应式网页设计讲解响应式网页设计的概念、方法和实现方式第四章：网页特效与交互4.1 网页特效概述介绍网页特效的概念和作用4.2 JavaScript基础讲解JavaScript的概念、作用和基本语法4.3 常用的网页特效与实例讲解常用的网页特效，如鼠标悬停效果、下拉菜单、滚动动画等，并提供实例进行演示4.4 交互式网页设计讲解交互式网页设计的概念、方法和实现方式第五章：网页设计与制作实践5.1 实践项目概述介绍实践项目的需求和目标5.2 网页设计稿制作根据实践项目需求，使用设计工具制作网页设计稿5.3 网页编码与测试使用HTML和CSS编写网页代码，并进行测试和调试讲解网页发布的步骤和注意事项，以及常用的网页推广方法第六章：网页图像与多媒体6.1 图像格式与优化介绍常见的网页图像格式，如JPG、PNG、GIF等，以及图像优化方法6.2 音频与视频讲解如何在网页中嵌入音频和视频，以及常用的媒体格式6.3 Flash动画介绍Flash动画的概念、制作方法和在网页中的应用6.4 动态效果与动画讲解如何在网页中实现动态效果和动画，包括使用CSS动画和JavaScript实现第七章：网页服务器与数据库7.1 服务器概述介绍网页服务器的概念、作用和常用服务器软件7.2 数据库概述介绍数据库的概念、作用和常用数据库管理系统7.3 动态网页制作基础讲解动态网页制作的基本原理，如服务器端编程和数据库连接7.4 实践项目：搭建简易的个人博客系统讲解如何使用服务器和数据库搭建一个简易的个人博客系统，包括前端设计和后端编程第八章：网页安全与SEO介绍网页安全的概念和重要性，以及常见的网络安全威胁8.2 网页安全措施讲解如何防范网络攻击和提高网页安全性，如使用SSL证书、X-Frame-Options 等8.3 SEO概述介绍搜索引擎优化（SEO）的概念、作用和方法8.4 SEO实践技巧讲解如何优化网页内容、结构和，以提高搜索引擎排名第九章：网页设计与制作的进阶技巧9.1 响应式网页设计深入讲解响应式网页设计的原理和实践方法，包括媒体查询和弹性布局9.2 前端框架与库介绍常用的前端框架和库，如Bootstrap、jQuery、React等，以及如何使用它们提高网页制作效率9.3 网页性能优化讲解如何提高网页加载速度和性能，包括图片优化、代码压缩和缓存策略9.4 实践项目：制作一个响应式商务网站讲解如何使用响应式设计和前端框架制作一个商务网站，包括布局、样式和交互设计第十章：网页设计与制作的拓展与趋势10.1 网页设计与制作的未来趋势探讨网页设计与制作的发展方向，如虚拟现实（VR）、增强现实（AR）等技术的应用10.2 网页设计规范与最佳实践介绍网页设计规范和最佳实践，以提高网页质量和用户体验10.3 跨平台网页设计与制作讲解如何使用跨平台技术，如PWA（Progressive Web Apps）、Node.js等，实现网页在不同平台和设备的兼容性和性能10.4 实践项目：制作一个跨平台的网页应用重点和难点解析重点环节1：网页设计基础和流程网页设计的标准和原则是设计的基石，需要重点掌握。

《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。

本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。

在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。

在以后学生还将学习《程序设计》课程，能设计和制作动态网页。

2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。

课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。

同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。

3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。

课程以工作任务来组织内容，以案例驱动贯穿教学过程。

由浅入深，最后完成主题网站的开发项目。

课程教学中以的使用为主线，要重视语言和样式的讲解和应用。

通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。

二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握语言的文档结构和基本标签使用。

能综合应用软件、和技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。

《⽹页设计与制作》课程教学⼤纲（精）《⽹页设计与制作》课程教学⼤纲⼀、课程的性质和任务课程性质：《⽹页设计与制作》是现代汽车技术/计算机及应⽤专业的⼀门选修课程，是学习⽹页设计与制作的⼀门重要课程。

主要任务：向学⽣全⾯介绍与⽹页设计制作有关的知识，向学⽣阐明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）创建和管理文件注：△-表示重点○-表示难点编写人：审核人：。

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

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

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

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

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

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

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

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

《网页设计与制作》教学大纲第一部分大纲说明一、课程的性质和任务：《网页设计与制作》是一门操作性和实践性很强的课程,为网络专业和计算机相关专业的必修课。

本课程的主要内容包括了网页编辑与制作软件Dreamweaver MX建站的全过程。

教材体现网页制作技术的的特点，注重实用性和操作性,综合讲述了网页制作中的网页编辑、Web图像制作以及网页中动画设计的基本概念和基本操作技能。

书中文字叙述简单明了、通俗易懂。

按照Macromidia公司出品的网页制作系列软件的系统内容，由浅入深、循序渐进，符合学习者的认知规律。

书中列举了部分实例，各章都编排了适量的习题、思考题，以使学生更好地理解和掌握书中所讲述的内容。

二、培养目标：结业后能独立完成公司或个人主页的制作、维护、站点管理、设计制作精美的网页，能够更好地把企业通过互联网推向全球，并通过考试可获得网页设计师相关证书。

三、授课对象：高职高专类网络专业和计算机相关专业四、课程的特点和教学基本要求课程在重点介绍网页设计软件Dreamweaver MX的操作与应用的基础上，通过大量实例和光盘教学素材，详细地阐述了网页设计软件的应用技巧，使学生在学习过程中得以融会贯通，掌握网页设计软件的高级应用。

同时，授课过程中将始终遵循“用户界面感受第一”的基本原则，教导学生在策划、设计过程中设身处地为用户着想，让创意为用户服务，培养学生独立思考、独立创作的良好学习习惯，为学生成为一名优秀的网页设计师打下坚实的基础。

课程设置的根本思路是为使学生能够最大程度满足企业对于网页设计人员的需求，达到学以致用的目的，从而为企业培养优秀的网页设计实用人才。

五、课程教学要求的层次1、掌握：在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。

在Dreamweaver MX中使用的图像格式、在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法，会使用图像编辑器，会在网页中插入翻转图像和导航条的操作、表格的组成和基本操作方法及创建表格、表格操作、表格编辑的方法、表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图布局页面的总体布局。

《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。

本课程的先修课程是《计算机应用基础》，后续课程是《程序设计》。

在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。

在以后学生还将学习《程序设计》课程，能设计和制作动态网页。

2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。

课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。

同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。

3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。

课程以工作任务来组织内容，以案例驱动贯穿教学过程。

由浅入深，最后完成主题网站的开发项目。

课程教学中以的使用为主线，要重视语言和样式的讲解和应用。

通过以3—4人为小组完成主题网站的建设，培养沟通能力、合作能力和团队协作能力，为今后的职业生涯打下良好的基础。

二、课程目标1. 总体目标本课程以学生能独立完成静态网站开发和维护的实际工作能力为学习目标，要求学生掌握语言的文档结构和基本标签使用。

能综合应用软件、和技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。