网页设计与制作上机实验指导书

网页设计与制作上机实验指导书实验一熟悉超文本标记的使用

1、实验目的熟悉常用的HTML标记，理解双边标记和单边标记的概念，使用记事本编写网页文件

2、实验内容1立一个基本的HTML文件2用〈strong〉Iu〈supsub等标记对网页中的文本进行修饰，使用font的sizecolorface等属性3原文件代码中修改网页背静颜色，使用背静图片4用imgsrcj..在网页中加入图片，使用widthheightborderalt等属性5用ahref=...标记对文本和图片作超链接

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

1、实验目的掌握网页中表格和表单的制作方法

2、实验内容1建立一个基本的HTML文件2网页中表格3网页中表单制作

3、预习要求及参考书目要求预习教材中的第一章、第一章

4、实验步骤:Windows环境中，点击“开始一程序一附件--记事本”2记事本中用HTML标记编写网页文件tabletrtd等标记在网页中建立教材名称、作者、出版社、单价等项目的表格变表格中borderwidthheightbgcolor等属性vform等标记建立表单，制作单行文本框，单选钮、复选框，选择下拉框、文本域等表单元素，制作一个客户调查表单，调查客户的姓名、性别、职业、爱好、建议等项目

（6）文件另存为*.Html

（7）浏览器打开所保存的网页文件

（8）原代码中加入对文本，背静修饰标记

（9）浏览器中显示修改后的效果

（10）据需要重新调整原代码

（11）重复第⑼

（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、实验步骤Flash环境中，新建文件2改变影片大小3场景中输入文字4使用时间轴、关键贞、移动键，创建动画或变形处理，使动画达到自己需要的效果5测试影片，调整6输出影片7新建另一文件，导入图片8在场景中加入新的一层，导入另一图片9使图片交替出现，10还可以加入文字，声音等图层，制作产品广告11导出影片实验五使用Dreamweaver制作网页

1、实验目的掌握Dreamweaver的操作方法

2、实验内容使用Dreamweaver制作网页

3、预习要求及参考书目要求预习教材中的关于Dreamweaver的内容

4、实验步骤:Dreamweaver环境中，新建网页2使用普通面板、表单面板、框架面板等工具制作网页3改变网页中各种元素的属性4在网页中插入图片、动画等元素5在相关的地方作超链接6预览页面效果7调整8使用DHTML制作动态网页9预览动态网页效果10进一步调整11重复上述各主要步骤。