网页设计上机操作练习题Word文件下载.docx

1、/localhost，如图2.18所示。三、多站点管理在“管理站点”对话框中单击“新建”按钮，就可以打开站点定义对话框创建一个新站点。这里单击“新建”按钮创建另外一个站点mywebsite2，如图2.19所示。如果要在“文件”面板中显示其他站点的名称，可以先在“管理站点”对话框中选中要显示的站点，然后单击“完成”按钮。另外，在“文件”面板顶部的下拉列表框中，选择要切换到的站点，也可以在站点之间进行切换，如图2.20所示。选中要编辑站点的名称，然后单击“编辑”按钮，就可以重新打开站点定义对话框，修改选中站点的属性。复制站点首先选中要复制的源站点的名称，然后单击对话框中的“复制”按钮，就可以产生一

2、个新的站点，如图2.21所示。删除站点先选中要删除的站点名称，然后单击“管理站点”对话框中的“删除”按钮。四、创建站点目录结构创建目录结构可以在“文件”面板中的站点窗口进行。单击“文件”面板中的“展开以显示本地和远端站点”按钮，这样将打开站点管理器，如图2.22所示。创建一级目录 （1）在站点管理器的根目录上单击鼠标右键，在打开的快捷菜单中选择“新建文件夹”命令，如图2.23所示。 （2）此时将在站点管理器中创建一个空的文件夹，将其修改为images，以后将用它来存放站点中公用的图片文件，如图2.24所示。（3）使用同样的方法，在站点根目录中创建出另外一些文件夹，构成一级目录如图2.25所示。

3、创建二级目录由于images文件夹中保存的是整个网站中都可以使用的图片文件，具体的目录名称和用途如表2.1所示。最终建好的子目录如图2.26所示。在站点管理器中的根目录上单击鼠标右键，然后选择菜单命令“文件”|“新建文件”，此时将在站点的根目录下生成文件名为untitled.htm的网页文件，如图2.27所示。修改文件名的具体操作步骤如下。（1）选中该文件，然后按下键盘上的F2快捷键，或者在右键菜单中选择“编辑”|“重命名”，此时文件名变为可修改状态，如图2.28所示。（2）修改文件的文件名为index.htm，注意文件名结尾的.htm不能省略，最后按下Enter键确认文件的名称。（3）如果有

4、其他文件链接到该文件，就会打开“更新文件”对话框，如图2.29所示。（4）单击其中的“更新”按钮，系统将会自动更改与该文件相关的所有链接。移动文件将文件index.htm移动到errors目录下。 （1）可以在选中文件index.htm后，按住鼠标左键拖动文件到errors文件夹上，如图2.30所示。（2）松开鼠标后，如果文件index.htm没有在任何页面中被链接过，文件就会被直接移动到errors文件夹中。如果文件曾被链接，此时将打开“更新文件”对话框。 （3）单击“更新”按钮，Dreamweaver就会自动更新文件中的链接。如果选择“不更新”，就会出现断链。练习二：认识HTML在Drea

5、mweaverCS中使用HTML标记。标记类型名称或意义作用备注文件标记文件宣告让浏览器知道这是 HTML 文件HEAD开头提供文件整体信息TITLE标题定义文件标题，将显示于浏览器顶端BODY主体设计文件格式及内容所在排版标记!-注解-说明标记为文件加上说明，但不被显示P段落标记为字、图、表格等之间留下一空白行BR换行标记令字、图、表格显示于下一行HR水平线插入一水平线CENTER居中令字、图、表格等显示于中间反对PRE预设格式令文件按原代码的排列方式显示DIV定位标记设定字、图、表格等的摆放位置NOBR不换行令文字不因太长而换行WBR建议换行预设换行部位字体标记STRONG加重语气产生字体

6、加粗 Bold 的效果B粗体标记产生字体加粗的效果EM强调标记字体出现斜体效果I斜体标记TT等宽字体Courier字体，字母宽度相同U加下划线H1一级标题标记将字体变大，级数越高越小H2二级标题标记 将字体变大H3三级标题标记 H4四级标题标记 H5五级标题标记 H6六级标题标记 FONT设定字体、大小、颜色BASEFONT基准字体标记设定所有字体、大小、颜色BIG字体加大令字体稍微变大SMALL字体缩小令字体稍微缩小STRIKE加删除线为文字加删除线CODE程式码字体稍微加宽如键盘字字体稍微加宽，单一空白SAMP范例字體稍為加寬如变量斜体效果CITEBLOCKQUOTE向右缩排文字向右缩排D

7、FN述语定义ADDRESS地址标记SUB下标字文字下标SUP上标字 文字上标清单标记OL顺序清单清单项目将以数字、字母顺序排列UL无序清单清单项目将以实心圆点作为符号排列LI清单项目清单中的项目，一个标记一行MENU选项清单可用type参数指定项目符号。反對DIR目录清单与相同DL定义清单清单分两层出现DT定义条目清单项标题DD定义内容清单项内容表格标记TABLE设定该表格的各项参数CAPTION表格标题做成一打通列以填入表格标题TR表格列设定该表格的列TD表格栏设定该表格的栏TH表格标头相等于决定该表单的运作模式TEXTAREA文字框提供文字输入栏INPUT输入标记决定输入形式SELECT选

8、择标记建立弹出卷动清单OPTION选项每一个清单选项图形标记IMG用来插入图形及设定图形属性链接标记A加入链接BASE基准标记可将相对 URL 转绝对及指定链接框架标记FRAMESET框架设定设定框架FRAME窗口设定设定框架中的窗口IFRAME页内框架于网页中插入框架IENOFRAMES不支持框架设定浏览器不支持框架时的提示影像地图MAP影像地图名称设定影像地图名称AREA链接区域设定各链接区域多媒体BGSOUND背景声音令背景播放音乐或声音EMBED加入声音、音乐或影像其他标记MARQUEE走马灯令文字走动BLINK闪烁文字令文字闪烁NCISINDEX页内寻找器可输入关键字寻找该页META

9、开头说明提供关于此页的信息给浏览器LINK关系定义定义该文件与其他 URL 的关系StyleSheetSTYLE式样表控制网页版面span自订标记独立使用或与样式表一起用注： 表示该标记属于围堵标记，即需要结束标记 。 表示该标记属空标记，即不需要结束标记。IE 表示该标记只适应于 Internet Explorer。NC 表示该标记只适用于 Netscape Communicator。反对 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。弃用 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。新 表示该标记是 HTML 4.0 中新增的。