电子商务网站网页设计上机实验指导书

1、电子商务网站网页设计上机实验指导书实验一： 熟悉超文本标记的使用1、 实验目的：熟悉常用的html标记，理解双边标记和单边标记的概念，使用记事本编写网页文件。2、 实验内容：（1） 立一个基本的html文件（2） 用<strong>,<i>,<u>,<sup>,<sub>等标记对网页中的文本进行修饰，使用<font>的size,color,face等属性。（3） 原文件代码中修改网页背静颜色，使用背静图片（4） 用<img src=>在网页中加入图片，使用width,height, border,alt等属性。

2、（5） 用<a href=>标记对文本和图片作超链接3、 预习要求及参考书目要求预习教材中的第一章、第二章。4实验步骤：（1） 在windows环境中，点击“开始-程序-附件-记事本”（2） 在记事本中用html标记编写网页文件（3） 将文件另存为*. html（4） 用浏览器打开所保存的网页文件（5） 在原代码中加入对文本，背静修饰标记（6） 在原代码中使用<img src=.>标记加入图片（7） 对文本和图片进行超链接。（8） 在浏览器中显示修改后的效果。（9） 根据需要重新调整原代码。（10） 重复第(8),(9)步骤。实验二： 网页表格和表单的制作1、实验目的：

3、掌握网页中表格和表单的制作方法2、实验内容：（1） 建立一个基本的html文件（2） 网页中表格（3） 网页中表单制作3、预习要求及参考书目要求预习教材中的第一章、第二章。4、实验步骤：（1） windows环境中，点击“开始-程序-附件-记事本”（2） 记事本中用html标记编写网页文件（3） <table>,<tr>,<td>,等标记在网页中建立教材名称、作者、出版社、单价等项目的表格。（4） 变表格中border,width,height,bgcolor等属性（5） <form>,等标记建立表单，制作单行文本框，单选钮、复选框，选择下拉框、

4、文本域等表单元素，制作一个客户调查表单，调查客户的姓名、性别、职业、爱好、建议等项目（6） 文件另存为*. html（7） 浏览器打开所保存的网页文件（8） 原代码中加入对文本，背静修饰标记（9） 浏览器中显示修改后的效果。（10） 据需要重新调整原代码。（11）重复第(9),(10)步骤。实验三： 网页图片和文字处理1、实验目的：掌握网页中图片和文字的处理方法2、实验内容：图片的处理文字的处理3、预习要求及参考书目要求预习教材中的关于fireworks、photoshop的内容4、实验步骤：（1） photoshop环境中，新建文件（2） 使用各种工具制作图片，文字。（3） 对图片大小，图层

5、，效果，滤镜使图片文字达到自己需要的效果（4） 保存图片为jpg或gif格式（5） 在fireworks中，打开一副图片（6） 对打开的图片使用各种工具进行处理（7） 保存处理好的图片和文字实验四： 网页动画制作1、实验目的：掌握网页中动画的制作方法2、实验内容：（4） 认识flash各种工具及其使用方法（5） 文字、图片动画的制作（6） 广告的制作3、预习要求及参考书目要求预习教材中的关于flash制作的内容4、实验步骤：(1) flash环境中，新建文件(2) 改变影片大小（3） 场景中输入文字（4） 使用时间轴、关键贞、移动键，创建动画或变形处理，使动画达到自己需要的效果（5） 测试影片，调整（6） 输出影片（7） 新建另一文件，导入图片（8） 在场景中加入新的一层，导入另一图片（9） 使图片交替出现，（10） 还可以加入文字，声音等图层，制作产品广告（11） 导出影片实验五： 使用dreamweaver制作网页1、实验目的：掌握dreamweaver的操作方法2、实验内容：使用dreamweaver制作网页3、预习要求及参考书目要求预习教材中的关于dreamweaver的内容4、实验步骤：(1) dreamweaver环境中，新建网页(2) 使用普通面板、表单面板、框架面板等工具制作网页(3) 改变网页中各种元素的属性(4) 在网页中