任务一使用表格制作主页.PPT

相关知识 水平：用于设置单元格内容的水平对齐方式，主要有左对齐、居中对齐和右对齐，默认为左对齐。 垂直：用于设置单元格内容的垂直对齐方式，主要有顶端、居中、底部、基线四种方式、默认为居中对齐。 宽、高：用于设置单元格的宽度和高度。 背景颜色：用于设置单元格的背景颜色。 链接：用于设置单元格中内容的超链接。 4. 单元格的相关属性 单元格是组成表格的最基本单位。单元格属性面板如图3-26所示。 制作“个人简介”网页 1.启动Dreamweaver CS6 2.打开“webhongjian”网站 3.双击文件夹列表中的“index.htm”和“jianjie.htm”打开主页及个人简介页。 4.把主页最外层表格的第三行内容全部删除，保留表格第一行（logo、banner），第二行（导航栏）及最后两行即所有网页都有的内容。选中“body”标签或者按“CTRL+A”全选后按鼠标右键进行复制，然后粘贴到个人简介页中，在此基础上进行个人简介页的设计制作。 【操作提示】 练习与思考 任务一　使用表格制作主页 任务二　超级链接的应用 上一任务我们在首页中输入了作为导航条的内容：“本站首页”、个人简介”、“站长原创”、“动画欣赏”、“摄影作品”、“网文飘飘”、“应用技巧”、“给我留言”，那么每一个内容都应该链接一个网页，这就是超级链接，本任务就是要进行超级链接的基本操作，让我们感受一下超级链接的魅力吧！ 步骤 1. 运行Dreamweaver CS6,打开在任务一中建立的“鸿渐工作室”网站，在“文件”面板中找到在任务一中创建的网站首页文件“index.html,如图3-28所示。在“文件”面板中双击文件名称，打开首页文件。 在文档工具栏中，将标题修改为“沧州工贸学校鸿渐工作室”。 单击文档工具栏中的“预览/调试”按钮 ，选择浏览器后，出现如图3-30所示的对话框，提示保存修改，单击“是”按钮，此时自动打开浏览器窗口，可以看到刚才更改的网页标题“沧州工贸学校鸿渐工作室”。 步骤 单击【文件】/【另存为…】命令，弹出“另存为”对话框，在“另存为”对话框“的文件名”文本框中更改网页的文件名为“jianjie”然后单击“保存”按钮，则新页“jianjie.html”就被加入到站点中，在“文件”面板中框中能够查看到。 重复以上步骤，按照项目二中绘制的网站结构图所列出的英文文件名向站点中加入其它6个新网页。新网页文件名分别是“yuanchuang.html”、“donghua.html”、“sheying.html”、“wangwen.html”、“yingong.html”、“liuyan.html” 。 2.创建超级链接 步骤 （1）创建链接到原有文件或网页的链接 选中首页文件导航栏上的“本站首页”文本后，可单击【插入】/【超级链接】命令或单击“常用”工具栏上的“超级链接” 按钮，打开“超级链接”对话框，单击“链接”右侧的浏览文件夹。出现“选择文件”对话框，在“查找范围”选择本站点所在的 “D：/webhongjian” 文件夹，然后在下面窗口选中“index.html”文件，单击“确定，返回“超级链接”对话框后，单击“确定”，文本超级链接就建立好了；选中“友情链接”后面的文字“搜狐”，单击鼠标右键选择“创建链接”命令，出现“选择文件”对话框，直接在“URL”后输入“ ”就创建好了到搜狐网站的链接。按F12进行预览，当鼠标移到添加了超链接的文本处会变成小手，再单击鼠标就会打开相应的网页了。 2.创建超级链接 步骤 （1）创建链接到原有文件或网页的链接 选中主页中的图片“ ”，单击鼠标右键选择“创建链接”命令，打开 “选择文件”对话框，在“查找范围”选择本站点所在的 “D：/webhongjian” 文件夹，然后在下面窗口选中“yuanchuang .html”文件，单击“确定”，返回“超级链接”对话框后，单击“确定”，在图像上就创建了超级链接。 2.创建超级链接 步骤 （2）创建链接到电子邮件的链接 选中主页面中的“给我留言”文字，单击“常用”工具栏上的“电子邮件链接” 按钮，打开“电子邮件链接”对话框，文本右侧自动出现“给我留言”，在“电子邮件：”右侧输入电子邮箱地址“czgmxx@163.com”，单击确定，就创建了电子邮件链接。 2.创建超级链接 （3）创建图像热点链接 图像热点链接是指在一幅图像上建立不同形状的热点区域，每一个区域都是一个超链接。制作步骤如下： 选定要制作图像热点的图片，例如单击主页中的图片“ ”，此时属性面板会显示图像属性，其中有4个专门为设置图像热点的按钮：指针热点工具、矩形热点工具、圆形热点工具、多边形热点工具。单击一种热点工具按钮