网页设计与制作03.pptVIP

第3章 创建“我们的班”网页 本章要点： u创建本地站点 u创建网页文件夹与文件 u制作网页 u建立超级链接 u保存完整的Web站点 u申请主页空间与注册域名 u上传网页与更新网站 3.1 创建“我们的班”站点 3.1.1 设置站点存储位置 操作实例3-1 在C盘建立本地站点文件夹myweb 操作步骤： ①在桌面双击打开“我的电脑”窗口。 ②在“我的电脑”窗口中双击打开用于存储站点的硬盘驱动器C。 ③使用“文件”菜单中的“新建”、“文件夹”选项，在C盘建立一个新文件夹myweb。 3.1.2 建立Dreamweaver站点 启动Dreamweaver MX2004工作窗口，在“站点”菜单中选择“管理站点”选项，弹出“管理站点”对话框，单击“新建”按钮开始创建站点。 操作实例3-2 建立一个名称为“00111G”的站点。 操作步骤： ①启动“管理站点”对话框。 ②单击“新建”按钮，在下拉菜单中选择“站点”选项，弹出“站点定义为”对话框。 ③选择“高级”标签，在“分类”中选择“本地信息”。 ④在“站点名称”文本框中输入“00111G”；在“本地根文件夹”文本框中输入C:\myweb\（或单击黄色的浏览器按钮，选择“C：\ myweb”）作为本地根文件夹。 ⑤单击“确定”按钮，返回“管理站点”对话框。 ⑥单击“完成”按钮，完成创建。 3.1.3 建立站点文件夹 操作实例3-3 在“00111G”站点中建立站点子文件夹。 操作步骤： ①在“00111G”站点窗口，选中“C：\ myweb”文件夹，单击鼠标右键，在快捷菜单中选择“新建文件夹”选项。 ②输入文件夹名“image”，此文件夹用于存放图像文件 ③参照步骤①~②，依次建立文件夹“swf”（用于存放Flash动画）、“html”（用于存放非首页的其他网页）、“music”（用于存放音乐文件）。 3.1.4 建立网页新文件 主页是浏览者登录网站后显示的第一个页面。主页文件一般命名为index.htm或default.htm。主页文件必须存放在本地站点根文件夹下。 其他网页文件应放在指定的子文件夹下，以便于管理。 操作实例3-4 在“00111G”站点中建立网页新文件 操作步骤： ① 在“00111G”站点窗口，选中“C：\myweb”文件夹，在“文件”菜单中选择“文件”、“新建文件”选项。 ② 输入主页文件名“index.htm”。 ③ 选中“html”文件夹，在“文件”菜单中选择“文件”、“新建文件”选项，建立网页文件classrecord.htm（班级档案）。 ④ 参照步骤③，分别建立网页文件classphoto.htm（班级图片）、newknow.htm（新知识）、honorroom.htm（荣誉室）、learngarden.htm（学习园地）、life.htm（课余生活）、classcomm.htm（班委会）。 3.1.5 打开站点窗口 操作实例3-5 打开“00111G”站点 操作步骤： 方法一：启动Dreamweaver，在文档窗口中使用“站点”菜单中的“管理站点”选项，弹出对话框，选中需要打开的“00111G”站点名称，单击“完成”按钮即可打开相应的站点。 方法二：在站点窗口打开“显示”下拉列表，单击需要打开的站点名称，即可打开相应的站点。 3.2.1 制作网页标题 操作实例3-6 打开“我们的班”主页 操作步骤 ①启动Dreamweaver，在如图3-8所示的界面上，在“打开最近项目”中，单击“打开”选项，弹出“打开”对话框，如图3-9所示。 ②在“查找范围”中，选择网页所在的文件夹，然后选中指定的文件。例如，打开myweb文件夹下index.htm文件。 ③单击“打开”按钮，网页文件被打开。 此时主页是一个空白页。 2、添加标题图像 操作实例3-7 插入主页标题“我们的班----00111G” 操作步骤： ①在插入面板上单击“常用”工具栏中的插入“图像”按钮，弹出“选择图像源文件”对话框，如图3-10所示。如果“常用”工具栏未显示，可按快捷键Ctrl + F2打开。 ②在指定文件夹中找到标题图像文件，选择标题图像文件后，对话框右侧将显示该图像的预览图，单击“确定”按钮，插入结束。 3.添加水平分割线 为了将标题区与正文内容分隔开，通常在标题下面插入一条水平分隔线。 操作实例3-8 插入水平分隔线 操作步骤： ①将光标移动到需要插入分隔线的地方（标题下方）。 ②在“插入”面板上单击“HTML”工具栏中的“水平线”图标。 ③标题图像的下面出现一条水平分隔线，并处于选中状态，如图3-12所示。在属