《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学实施大纲
《网页设计与制作》课程实施性教学大纲一、课程性质和任务本课程的目的是通过对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样式美化网页、网页设计。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、课程说明1、课程代码：2、总学时数：64 ，其中理论环节学时数：32 ，实验实践环节学时数：323、学分： 44、适用专业：计算机媒体应用技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求（1）知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件，如DREAMWEAVER•了解一定图像制作及动画软件使用，如FLASH、FIREWORK（2）素质要求•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配四、大纲具体内容（一）教学大纲内容第一章网页制作基础知识教学目的要求１、掌握：Internet的接入方法，IP地址、域名。
２、理解：Intranet的基本概念，TCP/IP分层模型、IP协议基本内容。
３、了解：Internet的产生、发展、现状、构成和功能。
教学重点：Internet的接入方法，IP地址。
网页设计与制作(教学大纲)
《网页设计与制作》教学大纲一、课程说明1、课程代码： 0400302、总学时数：68 ，其中理论环节学时数：44 ，实验实践环节学时数：243、学分： 44、适用专业：计算机应用技术、计算机网络技术、信息安全技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求（1）知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件，如DREAMWEAVER•了解一定图像制作及动画软件使用，如FLASH、FIREWORK（2）素质要求•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配《网页制作技术》教学大纲四、大纲具体内容（一）教学大纲内容第一章 Internet 基础教学目的要求１、掌握：Internet的接入方法，IP地址、域名。
２、理解：Intranet的基本概念，TCP/IP分层模型、IP协议基本内容。
３、了解：Internet的产生、发展、现状、构成和功能。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、说明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、了解网页中的常用元素类型3、了解常用网站管理与制作软件4、了解网站建设流程5、理解HTML与CSS基本知识教学内容:1-1 认识网站与网页1-2 网页中的元素类型1-3 常用网站管理与制作软件1-4 网站建设流程1-5 HTML与CSS入门模块二、初识Dreamweaver 教学要求:1、熟悉Dreamweaver操作环境2、了解网站规划与管理3、掌握页面属性的设置教学内容:1-1 熟悉Dreamweaver操作环境1-2 网站规划与管理1-3 设置页面属性模块三、网页布局方法教学要求:1、掌握使用表格来布局来定位网页2、掌握使用使用框架布局网页教学内容:1-1 使用表格布局网页1-2 使用框架布局网页模块四、编辑网页元素教学要求:1、掌握文本输入与编辑2、掌握在网页使用图像3、掌握使用Flash动画4、了解使用其她媒体元素教学内容:1-1 文本输入与编辑1-2 使用图像1-3 使用Flash动画1-4 使用其她媒体元素模块五、使用超链接教学要求:1、掌握超链接的设置2、掌握如何管理超链接教学内容:1-1 设置超链接1-2 管理超链接模块六、HTML样式与CSS样式教学要求:1、掌握编辑基本HTML代码标记2、掌握创建与使用CSS样式表教学内容:1-1 编辑HTML代码1-2 创建与使用CSS样式表模块七、Dreamweaver高级应用教学要求:1、熟悉行为的使用2、掌握时间轴的基本应用3、掌握表单及其应用4、了解模板与库5、熟练掌握CSS样式的应用教学内容:1-1 使用行为1-2 时间轴的应用1-3 表单及其应用1-4 模板与库1-5 CSS样式的应用模块八、网站的优化教学要求:1、掌握网站的基本优化技巧2、掌握页面的美化与工具的使用3、掌握站点的整体优化教学内容:1-1 页面的美化1-3 站点的优化模块九、站点的发布教学要求:1、掌握发站点发布前的工作与程序2、掌握发布站点与站点的后续维护与更新教学内容:1-1 发布前的工作1-2 发布站点与站点的后续维护与更新。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、课程基本信息：1．课程编号：2．课程名称：网页设计与制作3．英文名称：Design and Making of Webpages4．课程简介：《网页设计与制作》是新闻学专科的一门专业课程。
本课程综合讲述了网页设计与网站建设的基本原理、关键技术及其开发和应用，本课程注重实用性和操作性。
综合介绍Dreamweacer、Fireworks、Flash在设计网站及网页方面的应用。
主要内容包括：Dreamweacer简介；创建Web网站和Web页面，在页面中添回各种元素；网页超链接；表格、层、框架的灵活使用；css样式表，创建动态交互式网页: Fireworks概述；文本、图片的创建及特效；图像处理优化；动画制作；制作网页的交互性；flash基本界面和操作图形、文本处理编辑；动画制作；符号和图层的创建使用动画中添加声音；交互式动画制作等。
二、课程说明：1．教学目的和要求：通过本课程的学习，了解网页网站的基础知识；掌握网页三剑客的使用方法；学会综合使用多种工具，来创建和优化网站网页，为学生自学图形设计、多媒体制作及广告设计，今后进行网站的设计和开发打下良好的基础。
2．与相关课程衔接：大学计算机基础3．周课时、总学时：4课时；总学时：72课时，理论课36课时，实践实验课36课时。
4．开课学期：第四学期5．教学方法：讲授与实践相结合。
6．考试方法：平时占30%，期中考试占20%，期末考试占50%。
平时成绩中包括上机实训报告（30%）。
7．实验、实习、作业：5次实训，课堂讨论、作业8．教材：暂用《Dreamweacer+Photoshop+Flash+Fireworke8网站建设与网页设计详解（cs3版）》电子工业出版社孙东海编著9．教学参考资料：《Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂》人民邮电出版社孙宇等编著2008年版《网页制作与网站建设从入门到精通》人民邮电出版社宇帆，王方，何翠平编著2008年版《Flash基础教程》曾顺编著清华大学出版社2008年版《中文Flash MX 教程》成昊编著北京科海电子出版社2008年版《中文photoshop教程》图灵编浦东电子出版社008年版《Flash基础教程》曾顺编著清华大学出版社008年版三、课程内容与教学要求第一章Fireworks 基本操作一、教学要求：掌握Fireworks 的基础操作方法（新建、打开、导入、导出Fireworks 文档），以及“首选参数”对话框的设置方法。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲《网页设计与制作》教学大纲课程编号：14411400 课程总学时：48 周学时数：3 学分：3课程类型：专业必修课开课〔系〕院：教育学院执笔人：朱玲审核人：刘梅一、课程简介《网页设计与制作》是一门综合性、应用性很强的课程，是教育技术学专业的一门专业必修课程。
通过学习本课程，能利用Dreamweaver 8来开发出有实用价值的网站来。
熟练掌握Dreamweaver 8的根本界面环境和HTML语法，了解当前常用数据库的根底知识，能利用数据库来为网站效劳。
本课程以《Dreamweaver 8中文版网页制作根底》作为教材，该教材采用工程教学法。
工程教学法〞是通过实施一个完整的工程而进行的教学活动，其目的是在课堂教学中把理论与实践教学有机地结合起来，充分开掘学生的创造潜能，提高学生解决实际问题的综合能力。
这也充分表达了我校的培养应用型人才的路线。
二、教学目的与要求1、教学目的本课程开设的主要目的，是为了适应web技术的飞速开展，为学生今后在学习、工作中建立网站及网页制作打下根底。
通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的根底知识，能熟练利用Dreamweaver 8提供的强大的功能制作出精美的网站。
2、教学要求在本课程的学习中，要求学生能够熟练使用Dreamweaver 8操作环境，掌握HTML的语法规那么，并能够利用Dreamweaver 8的强大功能制做出精美的网页，同时能独立创立并管理网站。
三、教学内容及学时安排第一章Dreamweaver 8概论[教学目的与要求]1.认识Dreamweaver 82.了解Dreamweaver 8的用途及新增功能3.熟悉Dreamweaver 8的工作界面4.熟悉Dreamweaver 8的一些简单的设置 [重点与难点]1. Dreamweaver 8的工作界面2.自定义工作环境3.选择视图方式 [教学时数] 3学时[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]一、什么是Dreamweaver 二、新增功能三、Dreamweaver 8的工作界面〔一〕选择工作界面〔二〕界面组成四、自定义工作环境〔一〕显示/隐藏面板和工具栏〔二〕更改“插入〞工具栏的外观〔三〕自由组合面板〔四〕调整文档窗口大小五、选择视图方式〔一〕代码视图〔二〕设计视图〔三〕代码和设计视图 [实验实践教学环节]实验工程：熟悉Dreamweaver8操作环境实验课时：2学时 [课堂训练、作业思考题]×480像素大小？[教学目的与要求]1.了解网页的设计与布局原那么2.明确网站的筹划与创立原那么3.知道网站的开发流程 [重点与难点]1.网页的设计与布局原那么2.网站的筹划与创立原那么3.网站的开发流程第二章网页与网站的根本知识[教学时数] 3学时[教学方法与手段] 讲授法与多媒体教学相结合 [主要内容]一、网页设计和布局原那么〔一〕网页主题网页主题时应该遵循以下原那么：〔二〕网页命名和标志〔三〕网页的色彩〔四〕网页的文字〔五〕网页中的表格〔六〕网页版面和布局二、筹划与创立原那么(一)什么是网站 (二)网站的目标定位 (三)网站的风格 (四)网站的CI形象(五)网站的栏目和板块 (六)网站的目录结构。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、课程基本信息1.学分：42.学时：1083.适用专业:电子商务专业二、课程性质与目标（一）课程性质“Dreamweaver 8.0网页设计”是计算机网络技术专业（专科）的一门统设必修课。
本课程的主要任务是介绍利用Dreamweaver 8.0开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
（二）课程目标掌握Dreamweaver 8.0的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。
掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver 8.0中应用表单设计网页的方法，掌握并了解可以在网页中插入Flash 8.0影片、ActiveX.控件等多媒体对象的方法。
本课程要求学生掌握基本的HTML语言,学会使用Dreamweaver 8.0开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2.技能目标：1. 会根据网页创意原理和规划布局方法，进行网页设计和页面布局；2. 会用HTML语言中的标记设置颜色、文本框和列表；3. 掌握HTML语言的语法结构和HTML语言的标记应用；4. 掌握在网页中添加CSS的方法，掌握三种添加样式信息的方法；5.掌握GIF动画制作的方法，会使用一种GIF动画制作工具制作动画；6. 掌握图像布局和位置相关的标记和概念的用法；7. 会使用Flash工具进行指定尺寸的动画创作。
《网页设计与制作》课程实验(上机)教学大纲
《网页设计与制作》课程实验（上机）教学大纲一、实验教学目标与基本要求本实验课程是信息管理专业和财务管理专业的专业任选课程。
通过本实验课程的学习，要求学生掌握Web的基本概念，学会使用常用的网页设计工具，网站的建立维护能力。
通过发布属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。
因此，精通Web的应用基础，掌握Web网页的制作和Web 站点的管理等内容已经成为现代人必备的一种技能。
该课程强调基础知识的教学和实践技能的培养。
在“虚拟企业”教学实践平台上，大力开展技能教学，专门设计电子商务网站构架平台，辅助学生自行动手创建个性化的商务网站。
并编写实训手册，训练学生帮助企业解决企业电子商务问题的能力，形成了以案例教学为主线的理论教学和以项目驱动为特点的实践教学相结合的课程特色。
本课程内容以网站建设的实践为线索来确定课程的知识结构。
根据课程具有的实用性的特点，实践环节在教学过程中应占有重要地位，为此，教学中一定要加强实际动手能力的培养。
具体通过本课程的学习，要求学生掌握一、两种常用的网页设计工具，熟练运用多种网页设计技术，具备Web页设计、制作及站点管理的基本知识和基本技能；了解一种绘制图形和加工图像的图像处理工具。
二'基本理论与实验技术知识1.了解网站开发的基本知识。
2.掌握网页文本操作、插入图象、表格应用、超级链接、层的使用、网页布局、框架与框架集。
3.掌握加强网页显示效果的CSS样式、资源、模板和库。
4.掌握交互的表单应用和插入媒体对象。
5.掌握行为的应用、动画创建等实际内容。
6.学习搭建服务器平台，测试和发布站点。
7.掌握在Macromedia Dreamweaver CS4中使用数据库、ASP对象、服务器行为制作动态网页。
三' 实验方法' 特点与基本要求本实验开设对象为《网页设计与制作》课程的学习者（经济管理类信管专业学生），实验为必修内容。
网页设计与制作教学大纲
《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。
内容主要涵盖了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操作环境。
第二节网站规划与管理知识点：网站规划原则、管理方法。
第三章网页布局方法第一节使用表格布局网页知识点：表格布局方法。
第二节使用框架布局网页知识点：框架布局网页方法。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：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制作网页的方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》教学大纲
（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）网页模板。
2）主题设置。
3）样式分类及使用。
7、高级网页制作技巧
1）嵌入HTML标记、使用Jave小程序。
2）运用视频、音频、插入控件。
3）脚本使用。
8、站点管理和维护
1）建立站点和管理站点。
2）维护站点的方法。
（二）实习教模块
1、FrontPage基本操作及工作界面
1）启动与退出\四种操作
2）六种视图模式的切换及使用.
3）三种视图方式的切换及功能.
4）打开与关闭工具栏.
2、制作简单网页
制作一简单网页并设置其属性且能预览效果
3、用HTML制作网页
1）用HTML编辑网页正文。
2）用HTML制作超链接
3）用HTML制作网页中的列表
4）用HTML制作表格。
4、添加网页元素
1）网页内标题内各种列表操作
2）创建网页内各种列表操作
3）插入图片及图片处理操作
4）制作网页内超链接基本操作方法及技巧
5）制作网页中的表格及用表格定位操作
6）制作表单网页基本操作
7）给文本图片设置动态效果操作
5、网页布局
1）表格定位技巧
2）绝对定位和相对定位操作技巧
3）框架网页制作技巧
6、快速制作网页
1）模板应用操作
2）主题和样式应用实例
7、高级网页制作技巧
1）嵌入HTML标记、插入音频、视频文件
2）插入控件和JavaScript脚本的使用
8、站点管理和维护
1）站点及站点中文件的管理操作
2）发布、修饰、维护站点维护
四、学时分配建议
序号 课程内容
学时数
合计 上机 讲授 机动
1 Forntpage概念 6 4 2
2 制作简单网页 2 2 0
3 HTML语言基础 18 12 6
4 添加网页元素 33 22 11
5 网页元素布局 20 16 4
6 快速制作网页 6 4 2
7 高级网页制作 6 4 2
8 站点管理与维护 7 4 3
单元过关3次 6 0 6
综合复习及其它 10 8 1 1
合计 11
4
76 37 1