第2章创建“我爱旅游”网页(5347KB).pptVIP

上机实验 《网页设计与制作》 1．定义一个本地站点，站点名为myclassweb，站点根文件夹为myclass，站点资源文件夹包括html、image。 操作提示： （1）启动Dreamweaver。 （2）首先在“站点”菜单打开“站点管理”对话框。 （3）在“站点管理”对话框，打开“新建站点”对话框。 （4）输入站点名称与根文件夹路径。 （5）在“文件面板”或“站点窗口”建立其他文件夹。 上机实验 《网页设计与制作》 2．制作如图2-63所示的网页，保存在站点文件夹myclassweb，文件名为index.html。 操作提示： （1）在文档窗口新建文档。 （2）将新建文档保存在站点文件夹，文件名为index.html。 上机实验 《网页设计与制作》 （3）设置插入点，插入1行1列的表格，并在表格中插入标题图像，设置图像与表格的属性。 （4）设置插入点并插入水平线，设置水平线的属性。 （5）设置插入点，插入5行2列的表格,。 （6）在第一列输入导航文字，设置表格与文字的属性。 （7）合并第二列所有单元格，输入文本，设置文本的属性。 （8）设置插入点并插入水平线，设置水平线的属性。 （9）设置插入点，插入1行1列的表格，并在表格中输入文字，设置表格与文字的属性。 （10）保存网页文件，预览网页。 （11）检查网页链接。 （12）申请网页空间。 （13）上传网站。 3．规划自己设计的网站。 4．如果有条件可申请网页空间并上传自己的网站。 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 将光标定位在第四行单元格，在表格“属性”面板，“水平”选择“居中对齐”。 在“插入”菜单选择“表单”、“按钮”选项。默认“输入标签辅助功能属性”对话框选项设置，单击“确定”按钮。在弹出的“是否添加表单标签”对话框选择“是”。 将窗口视图切换到“拆分”视图，将按钮对应代码input type=submit name=button id=button value=提交 /中的“提交”修改为“登录”。 将光标定位在“登录”按钮后，重复步骤⑤插入按钮的操作，将按钮对应代码input type=submit name=button2 id=button2 value=提交 /中的“提交”修改为“注册”。 光标定位在第五行单元格，在表格“属性”面板，“水平”选择“居中对齐”。在“插入”菜单选择“表单”、“选择（列表/菜单）”选项。默认“输入标签辅助功能属性”对话框选项设置，单击“确定”按钮。在“是否添加表单标签”对话框选择“是”。 选中插入的“选择（列表/菜单）”，在“选择”属性面板，为该菜单输入惟一的名称“select1”，“类型”选择“菜单” 。 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 单击“列表值…”按钮，弹出“列表值”对话框。单击“+”号，在“项目标签”和“值”下方输入“——友情链接——”，重复上述操作，依次输入图所示的文字与数字。单击“确定”按钮，关闭“列表值”对话框。 将光标定位在第六行单元格中，重复步骤⑥，插入“合作伙伴”列表。列表名称为“select2”，列表值为“北京旅游网报价北京旅游网 1”、“北京泰国旅游暑期精品线路 2”。 按快捷键Ctrl + S保存网页。按快捷键F12，预览生成的网页。 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 操作实例2-14 制作“资讯”区域的导航栏 操作步骤： 光标定位在“资讯”区域，利用“表格”对话框插入一个“行数”为2、“列”为4、“表格宽度”为95百分比、“边框粗细”为0的表格。 光标定位在第一行第1个单元格中，单击“常用”工具栏的“图像”按钮，在“选择图像源文件”对话框中，选择image文件夹中的图像文件dot01.jpg（旅游咨询），不输入替换文本。 参照步骤②，依次为第2、第3个单元格插入图像源文件dot02.jpg（国内旅行）、dot03.jpg（国外旅行）。 光标定位在第4个单元格中，输入文本“更多”。 按快捷键Ctrl + S保存网页。 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 操作实例2-15 制作资讯“列表” 操作步骤： 将表格第二行的4个单元格合并。 光标定位在合并后的单元格中，输入图所示的多行文本，每输入完一行，按回车键换行。 2.2 制作“我爱旅游”网页 《网页设计与制作》 设置网页内容 2.2.4 在“插入”面板中，选择“文本”选项，将工具栏切换成“文本工具栏”。 选中要设置为“列表”形式的全部文本，单击“文本”工具栏