实验一 站点的创建及基本页面编辑.docVIP

实验一 站点的与1．熟悉并掌握站点的建立。2．掌握在Dreamweaver中的方法。3．掌握。1．搭建如图所示的站点结构。 （素材） 提示：首先在本地磁盘中创建一个文件夹，用来作为站点文件夹，然后通过Dreamweaver站点管理功能创建本地站点（名称为“我的第一个网站”）。站点建好后，根据站点结构图所示，在该站点下创建3个子文件夹，再根据要求创建页面文件（此时，页面文件都是空白页面）。把下载的素材添加到相应的站点文件夹中。 2.在【文件】窗口双击打开index.html页面，编辑内容如下：1）在【属性】面板，打开【页面属性】设置对话框，设置页面字体为宋体、大小为16px、页面背景图片为bg.jpg、左右页边距分别设为80px。2）在编辑窗口插入两幅按钮图片ann1.gif和ann2.gif。然后一段文本（已提供）,把文本标题设为“标题2”，居中显示。把文本分为4段。把第二段的字体设为“楷体”，字体颜色设为#3366CC。在文本最后一段插入一条水平线(“HTML”(“水平线” ），在水平线属性面板上设置水平线宽度占屏幕宽度的80%居中红色。在水平线下方插入当前系统日期和时间，居中显示。）在第三段的末尾插入一幅图片comm.jpg,大小设置为100×100，并设置对齐方式为右对齐。效果图如下： 3. 双击打开newpage1.html ，编辑其网页内容。 (1)打开素材文件“九个最值得去的中国小镇.doc”，全选并复制所有文本。 (2)选择【编辑】／【选择性粘贴】命令，将Word文档内容粘贴到网页文档中，在【选择性粘贴】对话框的【粘贴为】栏中选择【带结构的文本以及基本格式（粗体、斜体）】单选按钮，并取消勾选【清理Word段落间距】复选框。 (3)设置【页面属性】对话框：在【外观】分类中，设置【页面字体】为“宋体”，【大小】为“12像素”，所有页边距均为“20像素”，在【标题/编码】分类中设置显示在浏览器标题栏的标题为“九个最值得去的中国小镇”。 (4)在【属性】面板中设置标题“九个最值得去的中国小镇”的格式为“标题2”，并使其居中显示。 （5）在属性面板设置正文中9个小镇的名称为“项目列表”，然后设置每个小镇的介绍文本缩进1次。 （6）在正文后面插入一条水平线，并在水平线下面插入自动更新的日期，日期格式自定。 （7）Ctrl+S保存文件。 （8）按F12在浏览器中预览页面。 4. 双击打开newpage2.html ，切换至代码窗口编辑网页内容。 （1）编辑HTML文档的标题为“民间故事”。 （2）将“孔雀公主.txt”中的文本全部复制到网页正文标记body/body中。 （3）使用h2标记设置文章的标题“孔雀公主”,并设置属性让其水平居中。 （4）使用段落标记p为文章除标题外分2段。在每一段的段首添加4组nbsp; 用来首行缩进2个字符。 （5）使用br标记为第二段最后一句话换行。 （6）设置第三段，用img标记在页面中插入图片princess.jpg。（注意，先将图片素材复制到站点的images文件夹，然后再设置相对路径属性。） （7）Ctrl+S保存文件。 （8）按F12在浏览器中预览页面。 4. 创建远程站点，P地址：192.168.173.