网页制作技术Word文件下载.docx

网页制作技术Word文件下载.docx

《网页制作技术Word文件下载.docx》由会员分享，可在线阅读，更多相关《网页制作技术Word文件下载.docx（11页珍藏版）》请在冰豆网上搜索。

爱是不能忘记的>

第二部分”可以跳到网页的第二部分文字区域，点击最下端的“首部”能返回到页面的最顶端。

4、单元格边距、背景图片、单元格内文字的对齐方式等。

5、什么是框架，制作类似下图的框架集页面及用到的所有页面文件

6、什么是表单，表单的组成，制作类似下图的一表单页面

7、什么是CSS、CSS的作用是什么、用CSS控制页面的显示如下图所示（其中要求：

1、表头<

h2>

标记中直接嵌入CSS字体为楷体字颜色为绿色；

2、表格的背景颜色使用<

style>

标记定义样式，然后在<

table>

标记中使用class来访问；

3、表格单元格内文本的右对齐以及文本的颜色为蓝色使用链接外部样式表来控制）

8、做两个超链接，用CSS控制其显示效果：

1、去掉下划线效果2、正常显示颜色为黑色，鼠标移上去时显示颜色为黄色，移开时仍为黑色；

3、鼠标点按下但鼠标未放开时显示颜色为绿色；

4、超链接访问过之后的显示颜色为红色

提示：

:

link未访问过的超链接

hover悬停状态的超链接

active活动超链接

visited访问过的超链接

例如：

所有超链接去下划线：

a{text-decoration:

none}

悬停变色:

hover{color:

red:

text-decoration:

underline}

9、在Dreamweaver中创建本地站点，站点名称为myweb，对应网页文件夹为d：

\web，练习在站点中创建文件及文件夹等。

10、在Dreamweaver中制作如下网页。

11、在Dreamweaver中制作如下导航条网页（图片在images文件夹中）

12、导入表格数据（数据文件为data.txt）,数据分隔符为“TAB键”。

13、利用表格和样式表制作如下效果

14、利用表格制作如下效果

15、利用表格和表单及样式表制作如下效果，用到图片在pic文件夹中

16、根据上课讲的内容，完成如下页面的布局，可参照的原页面文件为3.4.htm，所有的图片都在images文件夹中。

17、练习使用photoshop软件的切片工具，对图301.jpg根据网页布局的需要进行切割，切割完毕后另存为web格式，得到一网页文件和images图片文件夹，对得到的此网页文件重新布局，并去掉images文件夹里面的多余图片。