网页设计上机操作练习题Word文档下载推荐.docx
《网页设计上机操作练习题Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《网页设计上机操作练习题Word文档下载推荐.docx（15页珍藏版）》请在冰豆网上搜索。
\mywebsite\images\，设定HTTP地址为localhost，如图2.18所示。
三、多站点管理
在“管理站点”对话框中单击“新建”按钮，就可以打开站点定义对话框创建一个新站点。
这里单击“新建”按钮创建另外一个站点mywebsite2，如图2.19所示。
如果要在“文件”面板中显示其他站点的名称，可以先在“管理站点”对话框中选中要显示的站点，然后单击“完成”按钮。
另外，在“文件”面板顶部的下拉列表框中，选择要切换到的站点，也可以在站点之间进行切换，如图2.20所示。
选中要编辑站点的名称，然后单击“编辑”按钮，就可以重新打开站点定义对话框，修改选中站点的属性。
●复制站点
首先选中要复制的源站点的名称，然后单击对话框中的“复制”按钮，就可以产生一个新的站点，如图2.21所示。
●删除站点
先选中要删除的站点名称，然后单击“管理站点”对话框中的“删除”按钮。
四、创建站点目录结构
创建目录结构可以在“文件”面板中的站点窗口进行。
单击“文件”面板中的“展开以显示本地和远端站点”按钮，这样将打开站点管理器，如图2.22所示。
●创建一级目录
（1）在站点管理器的根目录上单击鼠标右键，在打开的快捷菜单中选择“新建文件夹”命令，如图2.23所示。
（2）此时将在站点管理器中创建一个空的文件夹，将其修改为images，以后将用它来存放站点中公用的图片文件，如图2.24所示。
（3）使用同样的方法，在站点根目录中创建出另外一些文件夹，构成一级目录如图2.25所示。
●创建二级目录
由于images文件夹中保存的是整个中都可以使用的图片文件，具体的目录名称和用途如表2.1所示。
最终建好的子目录如图2.26所示。
在站点管理器中的根目录上单击鼠标右键，然后选择菜单命令“文件”|“新建文件”，此时将在站点的根目录下生成文件名为untitled.htm的网页文件，如图2.27所示。
修改文件名的具体操作步骤如下。
（1）选中该文件，然后按下键盘上的F2快捷键，或者在右键菜单中选择“编辑”|“重命名”，此时文件名变为可修改状态，如图2.28所示。
（2）修改文件的文件名为index.htm，注意文件名结尾的.htm不能省略，最后按下Enter键确认文件的名称。
（3）如果有其他文件到该文件，就会打开“更新文件”对话框，如图2.29所示。
（4）单击其中的“更新”按钮，系统将会自动更改与该文件相关的所有。
●移动文件
将文件index.htm移动到errors目录下。
（1）可以在选中文件index.htm后，按住鼠标左键拖动文件到errors文件夹上，如图2.30所示。
（2）松开鼠标后，如果文件index.htm没有在任何页面中被过，文件就会被直接移动到errors文件夹中。
如果文件曾被，此时将打开“更新文件”对话框。
（3）单击“更新”按钮，Dreamweaver就会自动更新文件中的。
如果选择“不更新”，就会出现断链。
练习二：
认识HTML
在DreamweaverCS中使用HTML标记。
标记
类型
名称或意义
作用
备注
文件标记
<
HTML>
●
文件宣告
让浏览器知道这是HTML文件
HEAD>
开头
提供文件整体信息
TITLE>
标题
定义文件标题，将显示于浏览器顶端
BODY>
主体
设计文件格式及容所在
排版标记
!
--注解-->
○
说明标记
为文件加上说明，但不被显示
P>
段落标记
为字、图、表格等之间留下一空白行
BR>
换行标记
令字、图、表格显示于下一行
HR>
水平线
插入一水平线
CENTER>
居中
令字、图、表格等显示于中间
反对
PRE>
预设格式
令文件按原代码的排列方式显示
DIV>
定位标记
设定字、图、表格等的摆放位置
NOBR>
不换行
令文字不因太长而换行
WBR>
建议换行
预设换行部位
字体标记
STRONG>
加重语气
产生字体加粗Bold的效果
B>
粗体标记
产生字体加粗的效果
EM>
强调标记
字体出现斜体效果
I>
斜体标记
TT>
等宽字体
Courier字体，字母宽度相同
U>
加下划线
H1>
一级标题标记
将字体变大，级数越高越小
H2>
二级标题标记
将字体变大
H3>
三级标题标记
H4>
四级标题标记
H5>
五级标题标记
H6>
六级标题标记
FONT>
设定字体、大小、颜色
BASEFONT>
基准字体标记
设定所有字体、大小、颜色
BIG>
字体加大
令字体稍微变大
SMALL>
字体缩小
令字体稍微缩小
STRIKE>
加删除线
为文字加删除线
CODE>
程式码
字体稍微加宽如<
KBD>
键盘字
字体稍微加宽，单一空白
SAMP>
例
字體稍為加寬如<
VAR>
变量
斜体效果
CITE>
BLOCKQUOTE>
向右缩排
文字向右缩排
DFN>
述语定义
ADDRESS>
地址标记
SUB>
下标字
文字下标
SUP>
上标字
文字上标
清单标记
OL>
顺序清单
清单项目将以数字、字母顺序排列
UL>
无序清单
清单项目将以实心圆点作为符号排列
LI>
清单项目
清单中的项目，一个标记一行
MENU>
选项清单
可用type参数指定项目符号。
反對
DIR>
目录清单
与<
menu>
相同
DL>
定义清单
清单分两层出现
DT>
定义条目
清单项标题
DD>
定义容
清单项容
表格标记
TABLE>
设定该表格的各项参数
CAPTION>
表格标题
做成一打通列以填入表格标题
TR>
表格列
设定该表格的列
TD>
表格栏
设定该表格的栏
TH>
表格标头
相等于<
，但其文字字体会变粗
表单标记
FORM>
决定该表单的运作模式
TEXTAREA>
文字框
提供文字输入栏
INPUT>
输入标记
决定输入形式
SELECT>
选择标记
建立弹出卷动清单
OPTION>
选项
每一个清单选项
图形标记
IMG>
用来插入图形及设定图形属性
A>
加入
BASE>
基准标记
可将相对URL转绝对及指定
框架标记
FRAMESET>
框架设定
设定框架
FRAME>
窗口设定
设定框架中的窗口
IFRAME>
页框架
于网页中插入框架
IE
NOFRAMES>
不支持框架
设定浏览器不支持框架时的提示
影像地图
MAP>
影像地图名称
设定影像地图名称
AREA>
区域
设定各区域
多媒体
BGSOUND>
背景声音
令背景播放音乐或声音
EMBED>
加入声音、音乐或影像
其他标记
MARQUEE>
走马灯
令文字走动
BLINK>
闪烁文字
令文字闪烁
NC
ISINDEX>
页寻找器
可输入关键字寻找该页
META>
开头说明
提供关于此页的信息给浏览器
LINK>
关系定义
定义该文件与其他URL的关系
StyleSheet
STYLE>
式样表
控制网页版面
span>
自订标记
独立使用或与样式表一起用
注：
·
●表示该标记属于围堵标记，即需要结束标记<
/标记>
。
○表示该标记属空标记，即不需要结束标记。
IE表示该标记只适应于InternetExplorer。
NC表示该标记只适用于NetscapeCommunicator。
反对表示该标记不为W3C所赞同，通常这标记是微软或网景自订，且已被大
升级会员 