《网站前台设计》实训指导书

《《网站前台设计》实训指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网站前台设计》实训指导书(第二版)主编：苏绍培李娟四川科技职业学院自编自用102《网站前台设计》实训指导书一、实训目的与要求《网站前台设计》是实践性很强的课程，学生必须通过不断上机实习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程设计，使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识在动手实践能力方面有很大的提升，并按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。二、实训内容1.实例实训以组建静态网站设计的相关实例指导学生如何独立完成静态

2、站点的设计和制作。让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。三、参考课时标题实训内容实训课时实训一网页设计基础1实训二网站站点规划及创建2实训三常见的HTML标签应用2实训四HTML表格布局应用2实训五网站案例制作4102实训六超级链接应用2实训七网站表单应用3实训八DIV+CSS样式设计3实训九网页界面设计与制作3实训十网页动画制作2实训十一网页脚本

3、编程应用3实训十二网页框架技术应用2实训十三测试和上传作品1附录1网站规划书书写格式1附录2CuteFTP使用说明1机动8总计40一、实训材料准备1.软件准备DreamweaverCS6中文版、PhotoShopCS6以上版本、FlashCS6以上的中文版。2.硬件准备网络条件：与因特网连接的局域网。教师用机：WindowsXP或Windows2008Server版。学生用机：WindowsXP或Windows2008Professional版。二、考核办法1.考核分为三个部分：平时实训考核、作品实训考核和综合实训考核。平时实训考核按照每一实训课程的考

4、核办法进行考核。作品实训考核按照实训结束后的作品综合考核办法进行考核。综合实训考核按照平时成绩考核的30％与作品实训考核的70％的和进行考核。2.综合实训考核办法：1)系统文档20分1021)编写代码30分2)程序调试10分3)实训出勤20分4)技术含量10分5)美工设计10分1.将综合实训考核的分数作为期末考试考核的一部分，期末考试考核中，综合实训考核占50％102目录实训一网页基础知识1任务一：网站、网页和主页1任务二：网站设计与制作工具使用2任务三：网站策划方案的编写6实训二网站站点规划及创建10任务一：站点规划创建10任务二：在远程服务器上创建

5、站点11实训三常见的HTML标签应用14任务一：HTML语法使用申明与练习14任务二：常用HTML标签的认识与练习14任务三：在网页中添加图片、动画元素16任务四：制作网页的背景图像18任务五：制作网页滚动字幕18实训四HTML表格布局应用20任务一：表格HTML标签练习20任务二：制作一个最简单表格21任务三：表格嵌套的应用22任务四：制作细线条表格24任务五：利用表格制作课程表26任务六：圆角表格的制作31实训五网站案例制作34任务一：素材准备及站点创建34任务二：表格布局网页应用34任务三：填充网页中的内容35实训六超级链接应用41任务一：超链接

6、的HTML语法练习41任务二：文本与图像超链接应用41任务三：电子邮件链接应用42任务四：创建声音、视频文件链接42任务五：超链接样式设置42任务六：超链接综合应用43实训七网站表单应用45任务一：表单HTML标签及控件练习45任务二：搜索表单制作应用46任务三：登录表单页面制作应用48102任务四：QQ靓号申请注册页面51实训八DIV+CSS样式设计58任务一：初识DIV与CSS58任务二：最简单的DIV+CSS布局60任务三：DIV+CSS布局上-中-下网页结构63任务四：DIV+CSS布局上-中(左-中-右)-下网页结构66任务五：DIV+CSS

7、综合案例应用69实训九网页界面设计与制作77任务一：PS图像合成的应用77任务二：制作留言簿效果图81任务三：制作网站后台登录界面86任务四：制作企业网站首页效果图91实训十网页动画制作96任务一：制作Gif文字交替显示动画96任务二：制作Flash图片交替显示动画100实训十一网页脚本编程应用105任务一：禁止使用鼠标右键编程应用105任务二：关闭网页编程应用106任务三：选择头像编程应用106任务四：登录验证编程应用107任务五：无接缝图片滚动程序应用109任务六：漂浮广告程序应用111任务七：网页图片幻灯轮换播放器程序应用113任务八：目录展开程

8、序应用115实训十二网页框架技术应用119任务一：框架及框架集应用119任务二：浮动框架技术1