网页设计与制作教材编写大纲
网页设计教学大纲
网页设计教学大纲第一部分：介绍随着互联网的普及，网页设计已成为一门热门的技能。
本教学大纲旨在帮助学生全面了解网页设计的基础知识和技能，为将来从事相关工作打下坚实基础。
第二部分：课程目标1. 熟悉网页设计的基本概念和术语。
2. 掌握网页设计的基本流程和方法。
3. 学会运用HTML、CSS等技术进行网页设计。
4. 培养学生的审美观和设计能力。
5. 培养学生的团队合作和沟通能力。
第三部分：课程内容1. 网页设计概述- 什么是网页设计- 网页设计的重要性- 网页设计的基本原则2. HTML基础- HTML的概念和历史- HTML标签的基本语法- 常用HTML标签和属性3. CSS基础- CSS的作用和概念- CSS样式表的引入方式- 常用CSS样式和属性4. 网页布局设计- 盒模型的理解- 浮动和定位的运用- 响应式设计的概念5. 图片和多媒体设计- 图片格式和优化- 视频和音频的插入- 图片和视频的响应式处理6. 网页交互设计- 链接和导航设计- 表单设计和验证- JavaScript的基本概念第四部分：教学方法1. 理论教学结合实践，通过案例分析和练习，帮助学生更好地理解和掌握知识。
2. 鼓励学生独立思考和创新，培养其解决问题的能力。
3. 注重学生的实际操作能力，通过实际项目实践，提高学生的技能水平。
4. 培养学生的团队合作和沟通能力，鼓励学生互相学习和交流经验。
第五部分：评估方式1. 期中考试：主要考查学生对基本概念和技能的掌握程度。
2. 课堂作业：包括布置的实践项目和练习，检验学生的实际操作能力。
3. 课程设计：结合实际项目，要求学生根据所学知识设计并完成一个完整的网页项目，考察学生的综合能力。
第六部分：参考教材1. 《HTML5权威指南》2. 《CSS3实战》3. 《网页设计与制作实例教程》4. 《JavaScript高级程序设计》第七部分：教学团队本教学大纲由资深网页设计师和教育专家共同制定，教学团队具有丰富的教学经验和实践经验，将为学生提供优质的教学服务。
网页设计与制作教学大纲
《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。
内容主要涵盖了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.WWW网站以及相关知识2.网页基本元素3.HTML语言简介要求：了解www网站的相关知识；掌握HTML语言以及相关技术；（二）网站设计及其工具1.网站与网页2.规划网站设计流程3.设计工具选择4.远程站点的管理——FTP上传下载软件的使用要求：制作工具Frontpage的介绍；与dreamwear工具区别与联系了解web 站点的申请过程；掌握FTP上传下载软件的使用；（三）网站制作1.建立网站2.主页设计与制作]3.表格制作4.创建表单和框架页面5.发布网站及其维护要求：了解网站导航以及网页中超级链接的作用；掌握不同链接源(包括图片热点)链接各种文件的方法；掌握web站点的申请过程；建立本地站点的必要性、原理和原则掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点（四）让网页美起来1.Web上的图形2.网页中色彩选择3.使用photoshop设计图形4.使用Flash创建动画等要求：了解网页艺术设计的必要性和原则；掌握网页布局、图片和动画的设计方法和原则，掌握综合应用photoshop设计图形使用Flash创建动画等（五）网页编程1.网页编程基础2.VBScript语言编程3.JavaScript语言编程4.网页编程实例要求：了解JavaScript语言基础知识，VBScript语言知识（六）设计个人主页1.个人主页制作的一般步骤2.个人主页设计举例要求：综合所学知识，制作精美，合理，科学个人网站。
网页制作与网站设计课程设计大纲
网页制作与网站设计课程设计大纲《网页制作与网站设计课程设计》大纲1(实习项目中英文名称:网页制作与网站设计实习 (course Exercise of WebPage & WebsiteDesigning )2(实习项目编号: 0302613(适用对象及专业:06级相关专业4.实习指导书《网页制作与网站设课程设计指导书》，刘万辉主编，院内自编讲义，2004年5月修订版。
5(先修课程及实践项目简单的程序编码、Adobe Photoshop，Macromedia DreamWeaver MX，Macromedia FlashMX，Macromedia FireWorks MX软件的使用。
6(实习组织形式分组集中实习周7(实习所需主要仪器设备多媒体电脑。
8(实习目的(1)巩固和加强网页制作与网站设计的理论知识，为动态编写后续课程的学习奠定必要的基础。
(2)使学生掌握网页制作与网站设计各个相关软件之间相互的关系;(3)使学生懂得并能正确地使用网页制作的相关软件;(4)熟悉和掌握网站建设的界面设计、可用性分析。
(5)熟悉和掌握架设网站，完成测试，调试和维护的方法。
(6)锻炼和培养学生的动手能力。
9(实习质量(1)遵守安全操作规程，避免不安全事故的发生(2)独立完成行业市场分析、网站设计需求、网站设计风格、网站架设。
(3)查找相关的资料设计网站的风格。
(4)熟悉网站建设中的网站的效果图的制作。
(5)制作网站相关的Flash动画与Gif动画。
(6)制作和架设网站，完成测试，调试和维护网站。
10(实习时间及学分。
本实习时间为一周，折算30课时，1学分。
11.实习基本内容及安排时间内容完成网站设计的需求分析，设计模块:1、了解市场需求，构造简要的市场分析。
一2、搜索网站建设的相关资料。
3、完成网站设计风格的定位。
完成网站的效果图的制作:1、确定网站的色彩设计风格。
二2、制作网站效果图。
3、将网站主页效果图输出位网页。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》教材编写大纲
【开篇引案】卓帆五金制品厂网站
【网页设计与制作的职业岗位分析】
◆认识网站、网页
◆网页设计与制作的职业岗位分析
◆网页设计与制作的典型工作任务
【典型任务1】网站规划
【工作任务描述】
1．任务背景
2．任务目标
对网站进行需求分析
对网站的风格进行定位
制定网站具体实施方案，制作网站规划说明书
3．所需工具
【工作过程】
第1步：网站需求分析
第2步：制作网站规划说明书
◆嵌入知识点
【典型任务2】站点建设与管理
【工作任务描述】
1．任务背景
2．任务目标
认识站点，明确站点建设与管理的重要性
根据网站建设实际需要，合理有效地创建与管理站点资源3．所需工具
【工作过程】
第1步：认识Web站点
第2步创建“卓帆五金制品厂”网站本地Web站点
第3步管理站点
第4步创建文件夹和空白页面
◆嵌入知识点
【典型任务3】首页设计与制作
【工作任务描述】
1．任务背景
2．任务目标
明确首页设计与制作的过程和注意事项
在页面中设置跟踪图像，作为布局蓝图
在网页中绘制布局表格和布局单元格对页面进行布局
在页面中插入表格、设置表格属性
对网页中的文本进行格式化设置
在网页中插入图像并进行编辑与美化
3．所需工具
【工作过程】
第1步：设计网站首页
第2步：制作网站首页
◆嵌入知识点
【典型任务4】首页美化
【工作任务描述】
1．任务背景
2．任务目标
理解CSS 样式表的意义和原理
在Dreamweaver网页制作软件中定义并应用样式表来美化首页外观3．所需工具
【工作过程】
第1步：认识CSS样式表
第2步：创建与编辑CSS规则美化网站首页
◆嵌入知识点
【典型任务5】设计二级页面
【工作任务描述】
1．任务背景
2．任务目标
3．所需工具
〖子任务1〗设计“首饰包装”页面的内部与外部链接
【工作任务描述】
1．任务背景
2．任务目标
重点掌握创建、编辑各类超级链接，更重要是能够使用CSS 样式统一管理网页超级链接样式。
【工作过程】
第1步认识超级链接
第2步为网站二级页面创建超级链接
◆嵌入知识点
〖子任务2〗利用层设计与制作“家居装饰”页面
【工作任务描述】
1．任务背景
2．任务目标
重点掌握层的基本操作和应用，如插入层、调整层的大小、编辑层、嵌入层、以及层的相对定位等，进一步理解层的定位特效和动画特性。
【工作过程】
第1步：认识层
第2步：在“家居装饰”页面中插入层并设置层的属性
◆嵌入知识点
〖子任务3〗利用框架设计与制作网站二级页面
【工作任务描述】
1．任务背景
2．任务目标
了解框架的适应情况，掌握利用框架搭建页面和修改框架页面的方法。
【工作过程】
第1步：认识框架集与框架
第2步：创建框架集与框架
第3步：指定框架源文件
第4步：保存框架及框架集文件
第5步设置框架集属性
第6步设置框架页属性
◆嵌入知识点
〖子任务4〗利用模板设计与制作“产品模具”页面
【工作任务描述】
1．任务背景
2．任务目标
理解模板与库在网页设计中的作用，掌握创建模板与库的方法、定义模板的可编辑区域、重复区域和可选区域的方法以及应用模板和库批量制作大量统一风格网页的方法。
【工作过程】
第1步认识模板与库
第2步利用模板创建“产品模具”页面
第3步使用库
◆嵌入知识点
〖子任务5〗设计广告特效页面
【工作任务描述】
1．任务背景
2．任务目标
从认识行为入手，熟练掌握如何创建行为、修改行为、附加行为，最重要的是掌握常用行为的使用方法，能够创建丰富的动态页面效果，达到用户与页面的交互。
【工作过程】
第1步：认识行为与事件
第2步：在页面中添加与设置行为
◆嵌入知识点
【典型任务6】制作交互式页面
【工作任务描述】
1. 任务背景
2．任务目标
在网页中创建表单
正确设置表单域中各构件的属性
制作客户留言页面
3．所需工具
【工作过程】
第1步：了解Web表单
第2步利用表单设计“客户留言”页面
第3步检查与提交表单
◆嵌入知识点
【典型任务7】网站测试与发布
【工作任务描述】
1．任务背景
2．任务目标
站点测试，检查网站中的链接，生成站点报告，修正网站中存在的问题
站点测试无误后，申请网站域名和空间，设置远端主机信息并上传文件
3．所需工具
【工作过程】
第1步：站点测试
第2步：网站上传发布
第3步：站点更新
◆嵌入知识点
附：同步模仿实践项目————《徒步天下》网站的设计与制作过程。