经济学院上机实验指导书.doc

网页设计与制作上机实验指导书实验一： 熟悉超文本标记的使用1、 实验目的：熟悉常用的HTML标记，理解双边标记和单边标记的概念，使用记事本编写网页文件。2、 实验内容：（1） 立一个基本的HTML文件（2） 用,等标记对网页中的文本进行修饰，使用的size,color,face等属性。（3） 原文件代码中修改网页背静颜色，使用背静图片（4） 用在网页中加入图片，使用width,height, border,alt等属性。（5） 用标记对文本和图片作超链接3、 预习要求及参考书目要求预习教材中的第一章、第二章。4实验步骤：（1） 在Windows环境中，点击“开始-程序-附件-记事本”（2） 在记事本中用HTML标记编写网页文件（3） 将文件另存为*. Html（4） 用浏览器打开所保存的网页文件（5） 在原代码中加入对文本，背静修饰标记（6） 在原代码中使用标记加入图片（7） 对文本和图片进行超链接。（8） 在浏览器中显示修改后的效果。（9） 根据需要重新调整原代码。（10） 重复第(8),(9)步骤。实验二： 网页表格和表单的制作1、实验目的：掌握网页中表格和表单的制作方法2、实验内容：（1） 建立一个基本的HTML文件（2） 网页中表格（3） 网页中表单制作3、预习要求及参考书目要求预习教材中的第一章、第二章。4、实验步骤：（1） Windows环境中，点击“开始-程序-附件-记事本”（2） 记事本中用HTML标记编写网页文件（3） ,等标记在网页中建立教材名称、作者、出版社、单价等项目的表格。（4） 变表格中border,width,height,bgcolor等属性（5） ,等标记建立表单，制作单行文本框，单选钮、复选框，选择下拉框、文本域等表单元素，制作一个客户调查表单，调查客户的姓名、性别、职业、爱好、建议等项目（6） 文件另存为*. Html（7） 浏览器打开所保存的网页文件（8） 原代码中加入对文本，背静修饰标记（9） 浏览器中显示修改后的效果。（10） 据需要重新调整原代码。（11）重复第(9),(10)步骤。实验三： 网页图片和文字处理1、实验目的：掌握网页中图片和文字的处理方法2、实验内容：图片的处理文字的处理3、预习要求及参考书目要求预习教材中的关于Fireworks、Photoshop的内容4、实验步骤：（1） Photoshop环境中，新建文件（2） 使用各种工具制作图片，文字。（3） 对图片大小，图层，效果，滤镜使图片文字达到自己需要的效果（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) 在网页中插入图片、动画等