网页制作注意事项.doc

注意事项：
1． 首选参数设定：
1） 编辑/常规： 移动文件时更新链接（提示）。
允许双字节内联输入（√）。
允许多个连续空格 （√）。
2） 编辑/不可见元素： 换行符（√）。
命名锚记（√）。
3） 编辑/文件类型/编辑器：重载修改过的文件（提示）。
运行时先保存文件（提示）。
4） 编辑/新建文档： 默认文档（HTML）。

2．所有图片、文件、都必须放在已建立的站点的文件夹中
再制作网页，以避免浏览器运行时找不到文件。

3．三种方法复制文件到站点下：
1）在Dreamweaver文件面板操作中通过拷贝、粘贴到站点的文件夹中。
2）在Windows的资源管理器中通过复制、粘贴到站点的文件夹中。
3）在Dreamweaver中插入等操作提示中，自动备份到站点的文件夹中。

4．站点下的路径中不能有中文。
（站点下的路径不能有中文的文件名和中文目录名）。

5. 回车符和换行符
例题：
1) 单击"Enter"键插入一个段落标记到全角模式，按空格键。

6．例题：200910一级操作题（8套）
B卷：（2）制作“滚动字幕”，必须先关闭中文输入法。
将光标放于页面，插入/标签/HTML标签/marquee/关闭后；在代码窗中，
中文字幕。最后打开汉字输入法，输入“中文字幕”。
E卷：（4）设置行间距（行高）（line-height）：
（方法1：代码方式；汉字输入不能打开；
方法2： 设置CSS样式）
段前、段后距离为0
（方法1： ；
方法2：设置CSS样式）

7．例题：2007～2008计算机基础(动画和网页9套)
A卷（1）制作背景图片固定不动：
在代码窗中，在第一个BODY后打入空格后，
插入。
A卷（4）超级链接颜色的改变：修改/页面属性/链接...。
C卷（3）插入水平线：
（方法1：通过代码方式；在后打入“<加空格”/选择“hr”…； "#0000FF">；
方法2：插入/标签/HTML/hr/插入/关闭/常规中的选择“对齐方式、宽度、高度”/浏览器特定的/颜色；
方法3：在工具栏中插入HTML/水平线；在属性中选择“对齐方式、宽度、高度”；右键“水平线”/编辑标签/浏览器特定的/颜色）。

8．例题：2008～2009计算机基础(动画和网页8套)
A卷（4）创建A.CSS样式。
（选择“类”/新建“CSS”…）
A卷（6）鼠标经过改变图像。
(选中图像/插入/图像对象/鼠标经过改变图像)
B卷（1）电子邮件超级链接。
（方法1：mailto: jc@）(方法2：常用/电子邮件链接...)
C卷（4）图上写出文字：
插入层，输入文字“汽车时代”。
E卷（1）下载XZ.RAR。
超级链接直接拖至XZ.RAR

9．例题：200905一级操作题（6套）
1卷（2）根据内容自动调整行高、行宽。
清除行宽、清除列宽按纽。

10. 网页结构：

无标题文档

。

代码：
和标记位于和标记之间。
标题文字就位于和标记之间。
和ody>标记用于定义HTML文档的正文部分，通常它在标记之后，而在标记之前。所有出现在网页上的正文内容都应该写在这两个标记之间。
其它的一些标记如：
……当前超级链接
接”
“激活的链接”的文字颜色。
页面文字同页面边缘的“左边界”和“上边界”、“边界宽度”和“边界高度”。

12．超级链接13种方法：
1）.定义页面链接样式。
2）一般链接的常见形式。
3）输入法建立第一个链接。
4）指向法制作链接。（用滚轮指向）
5）快捷键拖动法创建链接。（shift+鼠标拖动指向）
6）插入法建立链接。(插入常用工具栏中的HTML中的超级链接)
7）直接用代码建立链接。
8）插入标签法建立链接。（插入标签/HTML/页元素。。。）
9）环绕标签法建立链接。（选中链接文字/ctrl+T）
10）链接的修改与Email链接。
11）制作特殊的Email链接。
12）制作下载类链接。
13）锚链接的制作。

13.CSS（Cascading Stylesheets，层叠样式表）
.样式表手册。下面列举最常用的样式表语句：
1)color (颜色，例如FF0000代表红色，000000代表黑色……)
2)font-size (字体大小)
3)font-family (字体类型)
4)width和height (宽度和高度)
5)line-height (段落行距，建议使用百分比的形式，例如150%)
6)margin-top表示段前；margin-bottom表示段后。
7）margin-left表示整个段落向右缩进，
8)margin-right表示段落右边距离右边的边框的距离。
例如1：这句。
而且也可直接定义在图片中，例如表示这张图片向右对齐，并且图片再向左移动9像素。
实例2：去掉超链接下划线，a{TEXT-DECORATION:none}
实例3：超链接变色，a{COLOR:000000}a:hover{COLOR:FF0000</p><p style='height:0px;padding:0;overflow:hidden'>11、}
实例4：超链接变色且去掉下划线，a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}
实例5：超链接变色且鼠标停在超链接上有下划线，鼠标离开下划线消失，a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}
实例6，请再翻回头实例1：td{font-size:9pt;line-height:150%}，这句可以让你网页的字体擂打不动，不随IE浏览器的“查看→文字大小”的设置而改变。
9)text-align (段落的对齐方式，例如left、center、right)
10)background-color (背景颜色)
11)position:absolute;top:30;left:50 表示绝对定位(DW中的层)

12)控制边框的样式
样式表规定了一个边框，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。
为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个
位于边框模型的最外层，包括四项属性。
格式分别如下：

margin-top：顶部空白距离
margin-right：右边空白距离
margin-bottom：底部空白距离
margin-left：左边空白距离
空白的距离可以用带长度单位的数字表示。
如果使用上述属性的简化方式margin，可以在其后连续加上四个带长度单位的数字，来分别表示margin-top、margin-right、margin-bottom、margin-left，每个数字中间要用空格分隔。
对象边框（BORDER）
位于边框空白和对象空隙之间，包括了七项属性。
格式分别如下：
border-top：顶边框宽度
border-right：右边框宽度

border-bottom：底边框宽度
border-left：左边框宽度
border-width：所有边框宽度
border-color：边框颜色
border-style：边框样式参数
其中border-width可以一次性设置所有的边框宽度，border-color同时设置四面边框的颜色时，可以连续写上四种颜色，并用空格分隔。上述连续设置的边框都是按border-top、border-right、border-bottom、border-left的顺序
Border-style相对别的属性而言稍稍复杂些，因为它还包括了多个边框样式的参数：
none：无边框。
dotted：边框为点线。
dashed：边框为长短线。
solid：边框为实线。
double：边框为双线。
groove：根据color属性显示不同效果的3D边框
ridge：根据color属性显示不同效果的3D边框
inset：根据color属性显示不同效果的3D边框
outset：根据color属性显示不同效果的3D边框
对象间隙（PADDING）:
如图所示，位于对象边框和对象之间，包括了四项属性。
基本格式如下：
padding-top：顶部间隙
padding-right：右边间隙
padding-bottom：底部间隙
padding-left：左边间隙和MARGIN类似，PADDING也可以用padding一次性设置所有的对象间隙，格式也和MARGIN相似，不再一一列举了。

总之，最常用的就是以上这几种了，需要多多实践。

二、基础题：
（1）学习指导书： 第三章。（至P.155）
（2）《教程》:第三章。（至P.323）。
（3）下载的《基础题》文件夹，反复测试4组基础题，并且透彻理解。
（4）补充题《200910一级考试》中8套《基础》试题。
（5）补充题《200905一级考试》（6套）《基础》试题。
（6）实验中的思考题。

4月18日上机上传作业内容

上传作业：《实验18 》、《实验19》《实验20》《实验21》四个目录放于《学号姓名》目录中，压缩打包上传文件名为：学号姓名.rar 例如：12345678李明.rar。

上传方法：打开浏览器/在网址中打入ftp://192.168.9.91/w ,将打包文件：12345678李明.rar，拖入或粘贴到该目录。

5月16日上机上传作业内容
网页补充题
1）200910一级操作题（8套）网页制作，放于《网页1》。
2）200905一级操作题（6套），放于《网页2》。
3）2007～2008计算机基础(动画和网页9套)，放于《网页3》。
4）2008～2009计算机基础(动画和网页8套)，放于《网页4》。

上传作业：《网页1》、《网页2》、《网页3》、《网页4》四个目录放于《学号姓名》目录中，压缩打包上传文件名为：学号姓名.rar 例如：12345678李明.rar。

上传方法：打开浏览器/在网址中打入ftp://192.168.9.91/w ,将打包文件：12345678李明.rar，拖入或粘贴到该目录。

期中考试上机考内容如下：
考试时间：5月16日，（80分钟）
课程：计算机应用基础（一级）

题 号
基础题40分
Windows操作6分
Word操作6分
Excel操作6分
Flash操作16分
网页制作
26分
得 分

阅卷人

复核人

关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：