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

《网页设计与制作综合实训》课程标准 课程定位 本课程是软件技术专业“网页设计与制作”等相关软件核心课程的实践课，是完成网页设计与制作课程和培养网页设计与制作的基本操作技能的重要实训实践环节。总学时为40学时，共包括8个实践项目。实践地点为校内计算机实训室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。 。 设计思路 （）和自定义的网页，两个网页项目来实践div+CSS，在实际操作过程中会把之前的知识串联起来，深入div+CSS的学习，在动手练习操作过程中遇到问题,在实际中解决问题。 课程目标 通过div+CSS的实践学习，使学生掌握基本的网页设计风格定位、静态元素设计、动态元素设计和网页合成的工作流程及方法。熟悉并熟练掌握photoshop和Dreamweaver等网页制作软件，并了解建站流程，最后，把做好网页发布到服务器上去，通过互联网访问页面。 教学内容与学时分配 《网页设计与制作综合实训》教学安排与学时分配 实训模块 知识分解 实训要求 学时 实训一 选框工具、移动工具、仿制图章工具、文字工具、默认前景和背景颜色 DIV+CSS基础实训，回顾基础 2 实训二 选中所需要的图层，新建、复制、粘贴图层 Photoshop基础，切图，准备好网页制作素材 2 实训三 新建web文件夹，在web文件夹下建立子文件夹，分别是css、flash、images文件夹将准备好的素材放进相对应文件夹里面，打开软件Dreamweaver，新建html然后改html文件里的标题，并改名为index.html保存在web文件夹里 制作网页的通常步骤和注意的一些细节要点 2 实训四 首先拿到一个网页设计图不是直接去做，而是先得去观察，思考这个设计图应该怎样分层，应该分几层，应该分哪几层。一般网页大致可分三层，就是头部层top，中间层box，尾部层foot。 开始制作网页，搭建好网页的框架 2 实训五 HTML语法、body主体标签、标题 heading、文本格式、段落 paragraph、实体、注释 讲解制作网页的常用标签代码 2 实训六 学校官网基本素材，box层，foot层等 开始编写网页代码，完成整体网页设计代码 10 实训七 FLASH层的添加及编辑、层、标签命令的编辑 网上搜索资料素材，寻找自己适合的网页制作 2 实训八 综合上述全部知识点及之前学过的软件知识进行自主开发制作网站，结合学校主页的编辑效果及HTML编辑命令，将截图网站进行加工、上传。 制作网页，完成整体自己独立设计的网页设计代码 18 合计 40学时 实训内容说明 实训一　 DIV+CSS基础实训 2学时 （一）实训目的 回顾之前学习的Photoshop的DIV+CSS相关知识，了解同学们之前所学知识的程度。 （二）实训要求 完成实训报告，在实训报告中要求记录如下内容： 1.怎样运用Photoshop软件及常用的快捷键 2.CSS基本用法及常用属性 （三）实训内容 1．写出HTML语法的基本结构 2．编写包括文本和图像的两至三个简单网页 3．在网页之间建立文本、图像和书签超链接 4．编写一个带有表格的网页 5．编写一个带框架结构的网页 实训二 Photoshop基础 2学时 （一）实训目的 1.回顾Photoshop的界面及其操作 2.使用Photoshop处理渐变图片上的文字，压缩图片大小 （二）实训要求 实训前认真预习，熟练掌握有关概念和知识。实训过程中记录发生的现象并分析原因。实训完毕将所有文件打包交给老师，并保存设计结果供下一个实训使用。 （三）实训内容 本实训的内容主要是完成制作学校官网主页界面素材的各种控件图标，分类建立文件夹如：images、flash、css等以及各项素材截图。 实训三 创建简单网页实例 2学时 （一）实训目的 1.本节课主要讲解网页的通常步骤. 2.在制作网页里面注意的细节问题 （二）实训要求 1.文件夹命名必须是英文的 2.命名必须有意义的(例如：放图片的文件夹就可以命名为images) 3.新建好html之后一定得记得立即保存并改名为index.html 4.代码编写规范（命名，格式等等）编写代码的好习惯（注释、随时保存等等） （三）实训内容 新建web文件夹，在web文件夹下建立子文件夹，将准备好的素材放进相对应文件夹里面打开软件Dreamweaver，新建html然后改html文件里的标题，并改名为index.html保存在web文件夹里。 实训四 设计网站分层结构 2学时 （一）实训目的 1.掌握分层思想 首先拿到一个网页设计图不是直接去做，而是先得去观察，思考这个设计图应该怎样分层，应该分几层，应该分哪几层。 2.常用分层思想 一般网