网页制作上机实验指导书Word下载.docx

网页制作上机实验指导书Word下载.docx

《网页制作上机实验指导书Word下载.docx》由会员分享，可在线阅读，更多相关《网页制作上机实验指导书Word下载.docx（10页珍藏版）》请在冰豆网上搜索。

能对网页和网站做出正确的判断

能通过后缀名区分静态网页和动态网页

实验过程

1，观察网页包含的元素

2，保存网页查看其后缀名

网站开发流程练习

2015.9.2

了解网站建设的基本流程，熟悉网页开发工具

网站建设的需求分析

能收集网页需要素材，并安装网页开发工具

1，上网下载后缀名为.jpg.gif.png.flv.swf的素材，为以后制作网页准备充足的素材

2，安装Dreamweaver并掌握每个菜单的应用

站点的创建与设置

2015.9.7

创建站点操作站点

站点文件管理

能对站点文件进行分类命名和管理

1，站点管理：

新建编辑复制删除导出导入

2，查看站点

了解网页中的HTML代码

2015.9.9

掌握HTML的基本概念和基本结构

网站的头部文件设置

能有效理解HTML头部文件中的head和meta的用法

1，<

html>

<

head>

<

title>

/title>

/head>

/html>

2，插入关键字

实现网页中文本的添加与设置

2015.9.14

掌握网页中文本的编辑和水平线的插入

文本在网页中的插入编辑特殊符号的插入

能有效换行，并能修改字体的颜色大小和列表效果

body>

文本的写入地方<

/body>

2，使用css样式来简单的修饰文字效果

实现向网页中添加图像和超链接

2015.9.16

掌握网页中图像和超链接的插入

img>

ahref=””>

标签的使用

插入图片能修改其大小适应内容超链接的样式必须更改为正常的黑色无下划线的样式

1，插入图像，图像属性面板中宽高设置。

链接设置替换设置

2，锚点连接电子邮件链接空链接脚本链接链接打开的窗口图像热点链接

页面布局

2015.9.21

掌握网页中文本图像的布局，超链接的使用

Text-align:

leftrightcenter图像的放置

能排除和谐整齐的版面

1，打开ps.html，设置锚点链接

2，使用<

p>

写入文本，使用<

img>

插入图像，右键对齐使文本和图像环绕排列。

超链接制作

2015.9.23

超链接样式的修改

a:

linka:

visiteda:

hover特效

能够区分何时使用访问链接

1，a:

link{color:

black;

text-decoration:

none;

}

visited{color:

2，a:

hover{border:

5pxsolidyellow;

font-size:

16px;

3,<

ahref=”index.html”>

Css设置

2015.9.28

s202

Css中对于类型区块方块边框定位的使用

文本属性定位属性内补丁外补丁

充分掌握盒子模型

1，打开soft.html页面，单击新建css规则，创建基于标签的css样式

2，打开soft.html页面，单击新建css规则，创建基于标签id选择器的css样式

3,打开soft.html页面，单击新建css规则，创建基于类选择器的css样式

使用Css修饰页面

2015.9.30

w203

掌握整个页面的美化

Paddingmargin的使用

边距以及留白是否合理

1，打开soft.html页面，使用margin保证没一部分的间距合适

2，打开soft.html页面，使用padding确保内容和盒子模型的间距合适，字体的设置以及美化。

使用框架布局页面

2015.10.12

掌握Framesetiframe的使用

框架的布局，上中下结构左中右结构上左右结构

正确使用<

frameset>

标签

1，添加框架

2，设置框架和框架集属性

3，设置框架链接

4，内联框架

使用表格布局页面

2015.10.14

S202

掌握tabletrtd的使用

正确使用table标签

1，添加表格

2，设置表格属性

3，设置表格链接

第一个网页“幸福摩天轮”的制作

4课时

2015.10.（19，21）

掌握整个页面的布局

背景图片的插入文本的定位

能正确呈现网页的所有内容

1，两个背景图片的插入

2，logo的放置菜单的制作

3，左侧的布局

4，右侧的上下布局

5，页脚的制作

第二个网页“武汉大学首页”的制作

2015.10.（26，28）

掌握Div在页面中的使用

Div的大小边框间距的调整

1，header的制作

2，菜单的制作

3，大图放入

4，display显示图文混排

5，表格布局图片

6，news两个板块设计

7，页脚中版权的加入

第三个网页“武汉大学子页”的制作

2015.11.（2，4）

8，frameset的实例使用

9，背景图片的透明度

10，下拉菜单的首次引入

多媒体页面制作

2015.11.9

掌握如何让页面多元化

动画的插入背景音乐的插入

能正确使用<

embed>

1，<

embedsrc=”1.mp3”loop=”true”autoplay=”true”

Hidden=”true”>

2，<

embedsrc=”1.flv”loop=”true”autoplay=”true”

Width=”200px”height=”200px”>

在页面中应用其他类型的多媒体文件

2015.11.11

掌握创建多元化的多媒体页面

在页面中使用ActiveX控件JavaApplet对象

能正确设置相关控件或者对象

1，利用JavaApplet对象实现翻书式的图片切换效果

2，配置ActiveX控件

表单的制作

2015.11.18

掌握表单的排版

把制作好的表单放入到指定位置

能正确排版表单内容

1，创建文本框密码框单选按钮复选框文本域

下拉列表文件域

2，排版这些组件，使摆放整齐清晰