网页设计上机操作练习题Word文件下载.docx
《网页设计上机操作练习题Word文件下载.docx》由会员分享,可在线阅读,更多相关《网页设计上机操作练习题Word文件下载.docx(15页珍藏版)》请在冰豆网上搜索。
//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所赞同,通常这标记是微软或网景自订,且已被大家支持,只是HTML标准中有其它功能相同或更好的选择。
弃用表示该标记已被W3C所抛弃,是过时的标记,但HTML有向下兼容性,所以浏览器仍然支持。
新表示该标记是HTML4.0中新增的。