网页设计与制作-实训指导书

《网页设计与制作-实训指导书》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、.目录实训1站点创建实训2搜集素材实训3用表格设计主页布局实训4在主页制作中插入文本操作实训5在主页制作中插入图像操作实训6在主页制作中超级链接的设置实训7制作动感网页实训8表单制作实训9CSS样式表的使用实训10JavaScript技术实训11应用行为实训12利用框架制作“公司简介”网页实训13利用布局表格制作“新书推介”网页实训14模板和库的使用实训15利用层的布局制作“技术支持”网页实训16网页设计与网站管理实训17　网站开发综合实训Øword范文.实训1站点创建实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建网站目录结构、栏目文件夹、网页文件的基

2、本操作方法。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M，最好64M或128M；硬盘不小于500M；VGA彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：DreamweaverMX2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材。实训课时2学时实训内容创建站点：创建网站目录结构：创建栏目文件夹：创建网页文件：掌握设置网页的页面属性实训要求要求学生能掌握如何创建站点，正确创建网站目录结构及栏目文件夹，创建主页文件index.htm,并正确命名，掌握设置网页的页面属性的方法。实训步骤1、在E盘

3、中新建本地根文件夹，命名为bookman，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。2、定义站点：设置"站点名称"，命名为"博客人";设置本地根文件夹,指定为E盘下的bookman文件夹;设置"HTTP地址"为localhost。Øword范文.3、创建网站目录结构及栏目文件夹(如下图):bookmancssHtmlimagesmediaMYbusinessVisitorcompanyExampleProductalbumcoverdanghangImage-mapphotoqiegeimagemangerzhangdanahuce4、E盘下的bookman文件

4、夹创建主页文件index.htm5、设置网页的页面属性。Øword范文.实训过程注意事项1、在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；2、所有的图片文件单独放在image文件夹内。3、主页文件命名index.htm。实训思考网站中所有的文件最好取名为英文，为什么？书写实训报告要求写出本次实训的心得与体会实训2搜集素材实训目的为了让学生能熟练掌素材的搜集和制作方法，并学会把搜集到或制作好的素材正确命名，分门别类地存放在相应的文件夹中。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M，最好64M或128M；硬

5、盘不小于500M；VGA彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：FireworksMXFlashMX特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图片素材。实训课时2学时实训内容1、利用FireworksMX制作网站标志、圆角矩形及个性化的图形。2、利用FireworksMX编辑制作有特殊效果的图。Øword范文.3、利用FlashMX制作主页广告条。实训要求要求学生熟练掌握利用FireworksMX和FlashMX来制作个性化的图形图像素材的方法及技巧。实训步骤1、启动FireworksMX，选择“

6、文件”——“新建”，设置好新建文档的属性。2、制作网站标志并正确命名，保存到相应的文件夹。3、绘制圆角矩形及个性化的图形，保存到相应的文件夹。4、选择“文件”——“导入”，导入相应图像，编辑设计特殊效果的图像，保存到相应的文件夹。5、启动FlashMX制作主页广告条，并保存到相应的文件夹。实训过程注意事项1、在制作过程中注意素材的命名要用英文名字。2、图形图像及动画的保存格式在适合网页要求。3、保存路径要正确。实训思考最适合网页的图形图像及动画的格式分别是什么？书写实训报告要求写出图形图像及动画实训的心得与体会。实训3用表格设计主页布局实训目的为了让学生熟练掌握在Dreamweav

7、ermx中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M，最好64M或128MØword范文.；硬盘不小于500M；VGA彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：DreamweaverMX2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2学时实训内容1、