web期末作业设计网页_网页设计平时作业3

1、准备网页内容

因为页面布局要用到的表格在后面的章节才能讲到，在这里先避开这部分内容，直接将已做好的网页复制到Myfoodball站点中作为足球新闻页news.html。

步骤

①启动Dreamweaver CS6，打开“文件”面板，选中站点myfootball。

②将“平时作业3”里 的images文件夹及news.html文档复制到站点的news文件夹下，取代原来已创建的news.html文档。

2、创建超链接

(1)创建内部链接

步骤

①选中如图所示的news.html页面中的文字“首页”之后，直接在“属性”面板中单击“链接”文本框右侧的文件夹图标，通过浏览选择一个文件。这里选择index.html，如图所示。

②从“目标”下拉框中，选择文档打开的位置。若要使所链接的文档出现在当前窗口或框架以外的位置，可从“属性”面板的“目标”下拉框中选择一个选项，这里选择_blank。

③用同样的方法，可创建“我与足球”、“明星照片”的链接，分别为“..\aboutme\me.html”和"..\photo\photo.html"文件。

(2)创建外部链接

步骤

①将光标定位在网页中心的某个新闻条目上(呈蓝色字体)，查看其“属性”面板中的“链接”文本框中的外部链接地址，发现与内部链接不同的是，外部链接地址是http://开头的，称之为绝对地址。

②选中页面最下方的“世界杯新闻”块的条目，直接在“属性”面板的“链接”文本框中输入外部的链接地址，如https://sports.qq.com/，如图所示。还可以通过选择“插入”菜单的“超级链接”命令(或在“插入”面板中单击