网页制作实验实训大纲

本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。

实训学时数：125 （5周）课外学时数：100适用方向：办公自动化、电子商务执笔者：王平露编写日期：2006年4月一、实训教学的目的与任务本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。

通过设计、编辑和发布网页全过程的实际训练使学生对网页整体设计流程有一个深刻的认识，并且熟练掌握网页制作工具（Dreamweaver MX ）的使用，初步掌握HTML、CSS语法格式，能借助手册看懂代码，能进行简单的代码改写工作，了解客户端脚本和服务端脚本区别，了解在网页上进行简单代码的嵌入与改写，会与其他工具结合使用以便实现更高效高质量的网页效果，进一步提高办公自动化效率和水平。

二、实训项目的基本要求及考核标准基本要求：（一）网页内容要求：1、主题内容：创意突出，体现校园园区精神文明建设体现本班级大学生风貌，学习气氛浓厚，作品内容健康。

严禁发布反对政府、宣传迷信、传播色情、系统破坏、黑客教程等违法信息。

2、具体内容：标徽、标题、各链接页具体内容，站内搜索、计数器、留言系统、电子邮件地址、弹出窗口、漂浮广告、背景音乐、网页特效、友情链接、版权信息等。

（二）制作基本要求：1、至少有10 个页面，链接结构应有三层，下一层必须有返回上层的按钮或链接。

有整体框架结构，导航栏，表格定位，布局合理，色彩搭配协调统一。

2、主页的文件名为：index.htm 。

文件名一般用英文小写字母。

3、网页中要有文本、图像、表格、交互与链接、层与动画、表单。

4、网页主要建立站内链接，尽量少建立外部链接，至少建立一个E-mail 链接至你的邮箱。

《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。

总学时为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个网页。

《网页制作》课程实训大纲课程名称：网页制作实训学时：86适用专业：电子商务课程类别：专业课编写大纲教研组/实训组：电子商务组一、实训的性质、目的与要求《网页制作》课程是一门技术性和实践性很强的学科，其模拟实习是在基础理论教学完成之后，在校内利用仿真设备及模拟实训软件进行的实践性教学环节，是电子商务专业必须加强的技能教学环节。

目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用HTML 语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，通过该实训课程的学习，学生能够对所学过的静态网页设计的基本知识和方法进行练习和巩固，使学生了解并掌握静态网页设计的一般方法，具备初步的独立设计能力，提高综合运用所学的理论知识独立分析和解决若干简单问题的能力。

为学生学习动态网页的打下坚硬的基础。

要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML 的编辑和运行环境。

掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。

了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。

了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用二、实训方式学生上机操作，教师指导。

三、考核方法本实训按出勤和网页的设计、调试能力及实验完成情况综合考核，实验成绩按20%的比例记入总成绩。

四、实训指导书及主要参考资料实训指导书：《网页制作实训指导书》电子商务组编内部使用参考书：《网页设计语言教程（html/css）》于鹏编电子工业出版社2007 《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006五、实训项目及学时分配实训项目一览表六、实训项目内容及其要求实训一计创建站点及页面设置（4学时）【实训目的】掌握站点的规划学会创建与管理站点掌握页面的创建、保存操作学会设置页面属性【实训内容】本次实训将为XX广告公司网站进行站点规划以及站点的创建，并为站点创建主要的文件夹及文件：规划XX广告公司站点结构创建站点创建主要文件夹及文件【实训设备】：PC若干台【实训要求及成绩评定】：要求：熟悉站点的创建步骤，学会管理站点，页面的创建、保存及属性的设置方法。

《网站建设与网页设计》实训大纲一、课程的性质和任务本课程是计算机应用专业三个方向（计算机软件、计算机网络技术及计算机多媒体技术）专业开设的一门专业课程，课程主要涉及网页的基本元素、页面的布局与美化、动态网页制作、与其他软件的综合应用以及数据库应用等方面的基本操作和技巧。

全面介绍设计和优化网页的各种方法和技巧，通过讲解中文版Dreamweavermx2004应用软件的使用方法，学生可以熟练地创建网站，并且通过平面设计和动画设计来丰富网页内容和优化网站，从而体现网页制作技术的的特点，注重实用性和操作性。

二、课程的主要目的通过本课程的学习，使学生讲解如何应用Dreamweaver创建和管理网站，网站中网页的制作及链接，进行图片的优化处理，以及为网页加入特殊效果等等。

通过本课程的学习，培养学生对文字、图像、图片、动画、颜色搭配等的处理能力，为学生今后能设计出高质量的网页打下坚实的基础。

知识目标学生应能自行设计各种网页、开发一定规模的网站。

应使学生通过本课程的学习，熟练掌握网页基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上，能够从事对网站的日常管理和简单维护。

能力目标培养学生动手实践的能力，分析问题和解决问题的能力，网页设计的实际应用能力。

情感与态度目标努力把网站开发的基础知识和基本技能整合到学生的日常学习和生活中去，实现技术与应用、理论与实践相关联；利用网站开发技术的思想，激发学生对网页制作和参与创造性活动的兴趣。

三、实训课程的主要项目实验一：插入文本1.实验内容：输入文本、设置页边距、设置文字大小、改变字体组合、改变文本颜色、段落、对齐文本。

实验要求：2.具体要求：技能要求：会设置文本的基本属性，页面的基本属性。

知识要求：掌握设置文本的基本属性，页面的基本属性。

能力要求：培养学生动手实践的能力，自主探究的能力，知识综合应用能力。

情感与态度要求：培养学生严谨的学习态度，增强学生的自信，养成良好的学习习惯。

《网页设计与制作》课程实训大纲一、课程实训目的1、学习掌握INTERNET基础知识，掌握网页设计语言（HTML）基础。

2、熟练运用设计CSS控制网页风格，学习网页版面设计。

3、初步掌握动态网页设计基础，熟练掌握至少一种专业的可视化网页（站）设计软件（如DREAMWEA VER）。

4、了解后台网络数据库基础知识，具有设计制作网页和构架网站的基本技能。

二、实训内容、要求及时间安排1、小型网站设计（内容不限，可自选），也可做学院网站或系网站（资料在网站下载）2、要求：根据教师指定的网站开发内容，根据网站设计规范利用常用网页技术进行设计。

设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。

3、时间安排（1）资料收集、制定计划0.5天（2）开发设计、制作3天（3）检查、测试0.5天（4）有关文档资料撰写1天三、设计组织形式以小组为单位进行网站开发。

网站开发是以个人独立完成网站小组栏目中网页设计的多人协作项目。

每小组人数最多4名，先以自由组合方式成组，并自行选出负责的小组长。

每小组设组长一名，负责小组统筹规划，并进行组员的日常工作管理。

未能组合成组的同学由指导教师统一安排。

组员应服从组长的安排，并积极完成规定的开发任务。

组长有义务对组员进行工作的安排和调度，并单独进行考评，作为教师对组员最后评分的参考依据之一。

对不服从分配工作和管理的组员，组长可以向指导教师反映，由教师另行单独安排相应内容，独立完成其他指定的网页内容设计，并单独考核其成绩。

小组网站能否按期完成，组员间能否协同工作将作为组长的综合成绩考评依据之一。

四、设计纪律与注意事项在开发网站期间，一般上午由教师巡回辅导答疑，下午或晚上由学生自行独立设计。

组长应每天记录相应的开发情况，以供教师参考。

小组还应该不定期的进行讨论并纪录相应问题，并及时提出和解决。

在设计期间，除了必要的资料收集、讨论等活动，白天的其余时间必须在学校机房进行设计。

《网页设计（实践）》课程教学大纲
英文名称:WebDesign
课程编号：130527041
课程学时：32 学分：2
设课方式：单独设课
适用对象：数字媒体艺术本科专业三年级学生
大纲主撰人：大纲审核人：
本实验课程教学目的与教学基本要求
通过本实验课程的学习，要求学生掌握HTM1语言的基础知识，熟悉CSS格式语言，能够对网页进行布局和基本美化，能够使用ΠS架设本地WEB服务器，了解动态网站有关知识。

通过设计制作的实践过程，加深学生对该课程内容的理解与把握，使学生具备基础的HTM1语言阅读能力和静态网页制作能力。

二.实验项目一览表
实验项目目的和要求：
［序号IMPC端网站制作］：
使用<Div>+CSS进行网页布局
运用平面设计思路，美化网页
完成一个概念清楚、内容完整的Pe端网站
使用HS使之上线，能够通过局域网访问为最低要求
［序号2］.［移动端网站制作］：
选择合适的HTM15编辑工具
运用平面设计思路，美化网页
完成一个概念清楚、内容完整的移动端网站
通过微信向大家分享
三.考核方式
考查：在规定时间内完成某网站的制作，根据完成度评分。

成绩评定：平时作业（30%）+期末考核（70%）
四 .其他说明（前需后续课程等）
设计概论、版式编排设计、平面构成、色彩构成为前需课程。

交互设计、新媒体内容产品设计为后续课程。

五.教材、指导书及参考书目
[1]张明.网站开发与网页设计.北京：清华大学出版社,2011
[2] TerryFe1ke-Morris.HTM15与CSS3网页设计基础.北京：清华大学出版社,2013。

《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。

本实验课程主要注重学生对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 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。

《网页制作》课程实训周教学大纲实训周数：1周学分：2实训周天数：5天实训项目个数：3大纲执笔人：张永福一、实训周课程的性质与任务《网页制作》是一门实用性和实践性都很强的课程，《网页制作》课程实训周是实践教学环节中的重要内容，是完成教学计划达到教学培养目标的重要环节，它对帮助学生全面牢固地掌握课堂教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。

因此该课程的实训专周设计应占有非常重要的地位。

二、能力目标通过实训1周5天的集中《网页制作》实训技能训练，应达到以下能力目标：1.使学生对于网络信息及网络信息发布有更加深入的理解；2.提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力；3.提高学生的网页设计与制作能力；4.使学生进一步掌握网络信息发布的原理，及网络信息发布所需的软件、硬件条件；5.使学生掌握利用软硬件资源发布一个具体网站的操作过程。

三、实训专周课程的要求1.学生根据自己的兴趣爱好或专长，确定一个网站主题；2.根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息；3.白行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构；4.利用Dreamweaver网页制作软件设计制作各个页面；5.测试完成的网站；6.充分利用能够得到的软硬件资源，将网站发布到内部网或Internet上。

测试完成的网站; 四、实训专周的实训项目及内容提要序实训项冃编号天数必选实训项目类型内容提要基本操作验证综合设计1实训一：评析网站1天寸学牛在网络上自选两个网站，从网站的冃标定位、版面的总体设计和栏目设置、提供的内容信息是否准确、网页的制作结构、色彩和导航、交互设计是否合理方便等方面对其进行评析比较。

2实训二：进行个人网站设计与规划1天寸7学生根据自己的兴趣爱好或专长，确定一个网站主题；并进行个人网站的规划与设计。

3实训三：小型个人网站的建设与发布3天寸7根据个人网站设计的内容要求，进行文字、声音、图形、图象，动画、视频等多媒体素材的收集、加工和处理。

本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。

实训学时数：125（5周）课外学时数：100适用方向：办公自动化、电子商务执笔者：王平露编写日期：2006年4月一、实训教学的目的与任务本实训项目的目的与任务是使学生根据问题的要求，构思一个主题，并运用网页制作工具，制作和发布网页，并对此进行更新和维护，掌握网站发布的工作流程，了解域名申请、空间申请的方法，能在校园网及英特网上发布网页。

通过设计、编辑和发布网页全过程的实际训练使学生对网页整体设计流程有一个深刻的认识，并且熟练掌握网页制作工具（Dreamweaver MX）的使用，初步掌握HTML、CSS语法格式，能借助手册看懂代码，能进行简单的代码改写工作，了解客户端脚本和服务端脚本区别，了解在网页上进行简单代码的嵌入与改写，会与其他工具结合使用以便实现更高效高质量的网页效果，进一步提高办公自动化效率和水平。

二、实训项目的基本要求及考核标准基本要求：（一）网页内容要求：1、主题内容：创意突出，体现校园园区精神文明建设体现本班级大学生风貌，学习气氛浓厚，作品内容健康。

严禁发布反对政府、宣传迷信、传播色情、系统破坏、黑客教程等违法信息。

2、具体内容：标徽、标题、各链接页具体内容，站内搜索、计数器、留言系统、电子邮件地址、弹出窗口、漂浮广告、背景音乐、网页特效、友情链接、版权信息等。

（二）制作基本要求：1、至少有10个页面，链接结构应有三层，下一层必须有返回上层的按钮或链接。

有整体框架结构，导航栏，表格定位，布局合理，色彩搭配协调统一。

2、主页的文件名为：index.htm。

文件名一般用英文小写字母。

3、网页中要有文本、图像、表格、交互与链接、层与动画、表单。

4、网页主要建立站内链接，尽量少建立外部链接，至少建立一个E-mail链接至你的邮箱。

《网页设计与制作》实践大纲《网页设计与制作》实习指导书【实验简介】掌握使用HTML 代码、熟练运用Dreamweaver 设计网页；利用Fireworks 图片处理；利用Flash 制作动画。

【实验目标】通过实验，使学生能进行WEB 站点网页的规划、设计、制作、管理与维护。

【学时数】32 学时【学时分配】实验项目一网页的创建及其基本结构【实验目的】使学生了解用HTML 创建网页的过程，掌握HTML 文档的结构及基本标记的使用。

【实验内容】1 ．使用文本编辑软件（如Window 的记事本）编辑、修改HTML 文件；2 ．利用IE 浏览器显示效果。

3 ．制作“个人简介”的简单网页；实验项目二HTML 的常用标签【实验目的】使学生掌握字体、字更进一步型、字号、颜色的设置，掌握段落的控制以及链接的标签和图像标签。

【实验内容】1 ．字体标志的使用2 ．理解书签超级链接的意义，target 属性不同取值对应的含义。

3 ．掌握图像的标签4 ．对“个人简介”的网页进行美化实验项目三HTML 常用标签2【实验目的】掌握表格的制作，掌握综合性表单的制作和跑马灯动态网页效果设计，掌握框架的使用【实验内容】1 ．使用表格组织数据2 ．使用表单标签建立注册信息3 ．用环绕标签制作跑马灯效果4 ．用框架标签布局网页5 ．使用内框架。

实验项目四Dreamweaver 站点管理和建立简单的网站【实验目的】使学生掌握Dreamweaver 的基本使用方法，并利用Dreamweaver 工具制作一个比较完整的网页。

【实验内容】1 ．建立本地站点，题材自选。

主页上要求有导航栏，文字、图像以及站点的广告图像（用鼠标经过图像来制作）。

2 ．主页下创建三个子页，要求子页上面有内容列表、水平线，日期，并利用属性页面设置这些对象的属性。

3 ．用多种超链接方式完成站点地图的创建。

4 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。