网页设计与制作综合实训大纲而二次修改

1、.网页设计与制作综合实训课程标准 一 课程定位本课程是软件技术专业“网页设计与制作”等相关软件核心课程的实践课，是完成网页设计与制作课程和培养网页设计与制作的基本操作技能的重要实训实践环节。总学时为40学时，共包括8个实践项目。实践地点为校内计算机实训室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。 。二 设计思路（）和自定义的网页，两个网页项目来实践div+CSS，在实际操作过程中会把之前的知识串联起来，深入div+CSS的学习，在动手练习操作过程中遇到问题,在实际中解决问题。三 课程目标通过div+CSS的实践学习，使学生掌握基本

2、的网页设计风格定位、静态元素设计、动态元素设计和网页合成的工作流程及方法。熟悉并熟练掌握photoshop和Dreamweaver等网页制作软件，并了解建站流程，最后，把做好网页发布到服务器上去，通过互联网访问页面。四 教学内容与学时分配；.网页设计与制作综合实训教学安排与学时分配实训模块知识分解实训要求学时实训一选框工具、移动工具、仿制图章工具、文字工具、默认前景和背景颜色DIV+CSS基础实训，回顾基础2实训二选中所需要的图层，新建、复制、粘贴图层Photoshop基础，切图，准备好网页制作素材2实训三新建web文件夹，在web文件夹下建立子文件夹，分别是css、flash、images文

3、件夹将准备好的素材放进相对应文件夹里面，打开软件Dreamweaver，新建html然后改html文件里的标题，并改名为index.html保存在web文件夹里制作网页的通常步骤和注意的一些细节要点2实训四首先拿到一个网页设计图不是直接去做，而是先得去观察，思考这个设计图应该怎样分层，应该分几层，应该分哪几层。一般网页大致可分三层，就是头部层top，中间层box，尾部层foot。开始制作网页，搭建好网页的框架2实训五HTML语法、主体标签、标题 heading、文本格式、段落 paragraph、实体&、注释讲解制作网页的常用标签代码2实训六学校官网基本素材，box层，foot层等开始编写网页

4、代码，完成整体网页设计代码10实训七FLASH层的添加及编辑、层、标签命令的编辑网上搜索资料素材，寻找自己适合的网页制作2实训八综合上述全部知识点及之前学过的软件知识进行自主开发制作网站，结合学校主页的编辑效果及HTML编辑命令，将截图网站进行加工、上传。制作网页，完成整体自己独立设计的网页设计代码18合计40学时实训内容说明实训一 DIV+CSS基础实训 2学时（一）实训目的回顾之前学习的Photoshop的DIV+CSS相关知识，了解同学们之前所学知识的程度。（二）实训要求完成实训报告，在实训报告中要求记录如下内容： 1.怎样运用Photoshop软件及常用的快捷键2.CSS基本用法及常用

5、属性（三）实训内容1写出HTML语法的基本结构2编写包括文本和图像的两至三个简单网页3在网页之间建立文本、图像和书签超链接4编写一个带有表格的网页5编写一个带框架结构的网页实训二 Photoshop基础 2学时（一）实训目的1.回顾Photoshop的界面及其操作2.使用Photoshop处理渐变图片上的文字，压缩图片大小（二）实训要求实训前认真预习，熟练掌握有关概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师，并保存设计结果供下一个实训使用。（三）实训内容本实训的内容主要是完成制作学校官网主页界面素材的各种控件图标，分类建立文件夹如：images、flash、c

6、ss等以及各项素材截图。实训三 创建简单网页实例 2学时（一）实训目的1.本节课主要讲解网页的通常步骤.2.在制作网页里面注意的细节问题 （二）实训要求1.文件夹命名必须是英文的2.命名必须有意义的(例如：放图片的文件夹就可以命名为images)3.新建好html之后一定得记得立即保存并改名为index.html4.代码编写规范（命名，格式等等）编写代码的好习惯（注释、随时保存等等）（三）实训内容新建web文件夹，在web文件夹下建立子文件夹，将准备好的素材放进相对应文件夹里面打开软件Dreamweaver，新建html然后改html文件里的标题，并改名为index.html保存在web文件夹

7、里。实训四 设计网站分层结构 2学时（一）实训目的1.掌握分层思想首先拿到一个网页设计图不是直接去做，而是先得去观察，思考这个设计图应该怎样分层，应该分几层，应该分哪几层。2.常用分层思想一般网页大致可分三层，就是头部层top，中间层box，尾部层foot。（二）实训要求1.观察网页设计图，思考怎样为其分层2.开始搭建网页框架（三）实训内容本实训的内容主要是利用上次实训的内容分析网站主页结构如何进行分层处理，设计理想完善的结构为后续实训搭建框架。实训五 常用标签代码使用 2学时（一）实训目的1.熟悉Dreamweaver中html常用标签代码有哪些2.HTML语法（二）实训要求实训前认真预习，

8、熟练掌握有关表格布局的基础概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师，并保存设计结果供下一个实训使用。（三）实训内容本实训的内容主要是利用html常用标签代码进行主体标签的定义1.标题字2.文本基本标记3.文本格式化标记4.段落标记5.换行与不换行6.水平线7.实体8.注释9.其他定义实训六 框架网页的创建 10学时（一）实训目的掌握和了解框架网页的创建和编辑操作，熟悉目标框架的设定。（二）实训要求实训前认真预习，熟练掌握有关框架网页的基础概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师，并保存设计结果供下一个实训使用。（三）实

9、训内容本实训的内容主要是利用框架结构来建立网页，并设置目标框架。1.建立一个本地站点,包括2-3个网页2.制作两个框架网页其中一个为教师指定样式，另一个可以自由发挥。3.设置网页间的超链接,并设置目标框架.实训七自主设计网站 2学时（一）实训目的1.选取适合发布和制作的网站主页并做好前期准备工作2.熟悉层面板，利用时间轴制作层动画。（二）实训要求实训前认真预习，熟悉知名网站或门户论坛的版面规划，并运用所学知识进行静态加工。实训过程中记录发生的问题并分析原因。实训完毕将所有文件打包交给老师。（三）实训内容使用层和CSS编辑主页：1.建立一个本地站点,包括2-3个网页2.在网页上添加动画及控件(1

10、)FLASH层的添加及编辑(2)层、标签命令的编辑3.设置超链接将站点中的网页链接起来。实训八 表单网页的创建 3学时（一）实训目的1.熟悉和掌握表单的各元素的基本操作2.能够独立创建表单网页实例（二）实训要求实训前认真预习，熟练掌握有关表单网页的基础概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师，并保存设计结果考评使用。（三）实训内容本实训的内容主要是熟练表单的基本操作，并制作表单网页。1.建立一个本地站点,包括2-3个网页2.其中一个网页为表单网为老师指定,其他含表单项目网页自由发挥制作。3.设置超链接将站点中的网页链接起来。五 实训要求1.考勤：实训期间不迟到，不早退，不旷课，不无故请假。2.纪律：实训课不大声喧哗，不讨论实训无关话题；不随意接听电话。3.严禁上网做与实训无关的事情。4.实训期间注意维护实验室卫生，不得在实验室乱丢垃圾，不得在实验室吃东西。5.按照实训进度及时完成实训报告。六 课程考核任课教师根据实训要求拟定出具体考核细则，由学生动手操作完成相关实训实践项目，按统