《网页设计与制作》-实训指导书.docVIP

目 录 实训1 站点创建 实训2 搜集素材 实训3 用表格设计主页布局 实训4 在主页制作中插入文本操作 实训5 在主页制作中插入图像操作 实训6 在主页制作中超级链接的设置 实训7 制作动感网页 实训8 表单制作 实训9 CSS样式表的使用 实训10 JavaScript技术 实训11 应用行为 实训12 利用框架制作“公司简介”网页 实训13 利用布局表格制作“新书推介”网页 实训14 模板和库的使用 实训15 利用层的布局制作“技术支持”网页 实训16 网页设计与网站管理 实训17　网站开发综合实训 实训1 站点创建 实训目的 为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建网站目录结构、栏目文件夹、网页文件的基本操作方法。 实训环境 硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。 操作系统：Windows95/98/me/2000/XP 软件环境：Dreamweaver MX 2004 特殊要求：必须将IIS配置好，能正常进行WEB浏览 素材准备 准备制作网页所需的文字素材。 实训课时 2学时 实训内容 创建站点： 创建网站目录结构： 创建栏目文件夹： 创建网页文件： 掌握设置网页的页面属性 实训要求 要求学生能掌握如何创建站点，正确创建网站目录结构及栏目文件夹，创建主页文件index.htm,并正确命名，掌握设置网页的页面属性的方法。 实训步骤 1、在E盘中新建本地根文件夹，命名为bookman，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。 2、定义站点：设置 站点名称，命名为 博客人;设置本地根文件夹,指定为E盘下的bookman文件夹;设置 HTTP地址为localhost。 3、创建网站目录结构及栏目文件夹(如下图): bookman bookman css Html images media MYbusiness Visitor company Example Product album cover danghang Image-map photo qiege image manger zhangdan ahuce 4、E盘下的bookman文件夹创建主页文件index.htm 5、设置网页的页面属性。 实训过程注意事项 1、在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径； 2、所有的图片文件单独放在image文件夹内。 3、主页文件命名index.htm。 实训思考 网站中所有的文件最好取名为英文，为什么？ 书写实训报告要求 写出本次实训的心得与体会 实训2 搜集素材 实训目的 为了让学生能熟练掌素材的搜集和制作方法，并学会把搜集到或制作好的素材正确命名，分门别类地存放在相应的文件夹中。 实训环境 硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。 操作系统：Windows95/98/me/2000/XP 软件环境： Fireworks MX Flash MX 特殊要求：必须将IIS配置好，能正常进行WEB浏览 素材准备 准备制作网页所需的文字素材、图片素材。 实训课时 2学时 实训内容 1、利用Fireworks MX制作网站标志、圆角矩形及个性化的图形。 2、利用Fireworks MX编辑制作有特殊效果的图。 3、利用Flash MX制作主页广告条。 实训要求 要求学生熟练掌握利用Fireworks MX 和Flash MX来制作个性化的图形图像素材的方法及技巧。 实训步骤 1、启动Fireworks MX，选择“文件”——“新建”，设置好新建文档的属性。 2、制作网站标志并正确命名，保存到相应的文件夹。 3、绘制圆角矩形及个性化的图形，保存到相应的文件夹。 4、选择“文件”——“导入”，导入相应图像，编辑设计特殊效果的图像，保存到相应的文件夹。 5、启动Flash MX 制作主页广告条，并保存到相应的文件夹。 实训过程注意事项 1、在制作过程中注意素材的命名要用英文名字。 2、图形图像及动画的保存格式在适合网页要求。 3、保存路径要正确。 实训思考 最适合网页的图形图像及动画的格式分别是什么？ 书写实训报告要求 写出图形图像及动画实训的心得与体会。 实训3 用表格设计主页布局 实训目的 为了让学生熟练掌握在Dreamweaver mx中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。 实训环境 硬件环境：考核用机为奔腾以上兼容机，内存不