网页设计与制作电子教案第2章 创建“我爱旅”网页.pptVIP

第2章 创建“我爱旅游”网页 2014.11 第2章 创建“我爱旅游”网页 本章要点 本章主要通过一个简单的网页制作实例来说明如何创建与编辑网络站点，建立与设置网页文件，申请主页空间与发布网站。 创建本地站点 创建网页文件夹与文件 制作网页 建立超级链接 保存完整的Web站点 申请主页空间与注册域名 上传网页与更新网站 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 操作实例2-3 在“我爱旅游”站点建立子文件夹 操作步骤： ①在“我爱旅游”站点窗口，选中“C：\ myweb”文件夹，单击鼠标右键，在快捷菜单中选择“新建文件夹”选项。 ②输入文件夹名“image”，此文件夹用于存放图像文件。 ③参照步骤①~②，依次建立文件夹“swf”（用于存放Flash动画）、“html”（用于存放非首页的其他网页）、“music”（用于存放音乐文件）。 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.1 创建“我爱旅游”站点 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.2 制作“我爱旅游”网页 2.3 网页的操作 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 2.4 网站上传 上机实验 上机实验 上机实验 设置网页内容 2.2.4 单击“列表值…”按钮，弹出“列表值”对话框。单击“+”号，在“项目标签”和“值”下方输入“——友情链接——”，重复上述操作，依次输入图所示的文字与数字。单击“确定”按钮，关闭“列表值”对话框。 将光标定位在第六行单元格中，重复步骤⑥，插入“合作伙伴”列表。列表名称为“select2”，列表值为“北京旅游网报价北京旅游网 1”、“北京泰国旅游暑期精品线路 2”。 按快捷键Ctrl + S保存网页。按快捷键F12，预览生成的网页。 设置网页内容 2.2.4 操作实例2-14 制作“资讯”区域的导航栏 操作步骤： 光标定位在“资讯”区域，利用“表格”对话框插入一个“行数”为2、“列”为4、“表格宽度”为95百分比、“边框粗细”为0的表格。 光标定位在第一行第1个单元格中，单击“常用”工具栏的“图像”按钮，在“选择图像源文件”对话框中，选择image文件夹中的图像文件dot01.jpg（旅游咨询），不输入替换文本。 参照步骤②，依次为第2、第3个单元格插入图像源文件dot02.jpg（国内旅行）、dot03.jpg（国外旅行）。 光标定位在第4个单元格中，输入文本“更多”。 按快捷键Ctrl + S保存网页。 设置网页内容 2.2.4 操作实例2-15 制作资讯“列表” 操作步骤： 将表格第二行的4个单元格合并。 光标定位在合并后的单元格中，输入图所示的多行文本，每输入完一行，按回车键换行。 设置网页内容 2.2.4 在“插入”面板中，选择“文本”选项，将工具栏切换成“文本工具栏”。 选中要设置为“列表”形式的全部文本，单击“文本”工具栏中的“ul 项目列表”。 列表属性可以决定整个列表或选定列表项的外观。通过“格式”菜单中的“列表”、“属性”选项，进入“列表属性”对话框，可以改变项目列