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)创建外部链接
步骤
③从“属性”⾯板的“⽬标”下拉菜单中设置这个链接的⽬标窗⼝为_blank。
(3)创建E-mail链接
步骤
①选择⽹页中⽂本“”，右击，在弹出的快捷菜单中选择“剪切”命令，将⽂本放到剪贴板上。
②选择“插⼊”⾯板组中的“常⽤-电⼦邮件链接按钮”，打开如图所⽰对话框。在“⽂本”框中输⼊或粘贴链接⽂本“”，在E-mail中输⼊电⼦邮件地址。
③单击“确定”按钮，完成E-mail链接的创建。
(4)创建锚点链接
第⼀步：创建命名锚记，也就是在⽂档中设置位置标记，并给该位置⼀个名称，以便引⽤。
步骤
①将光标定位在标题“⾜球综合新闻”处，选择“插⼊”⾯板组中的“常⽤-命名锚记按钮”。
②在弹出的“命名锚记”对话框中输⼊该锚记的名称zh(注意分⼤⼩写)，如图所⽰，然后单击“确定”按钮，名为zh的锚点即被插⼊到⽂档中的相应位置。
③依次创建页⾯中标题的命名锚记如下。
④创建命名锚记后，在页⾯上相应位置就做上了标记，如图所⽰。
第⼆步：链接锚点，即将相应⽂字或图⽚的超链接指向当前页⾯中的锚记上。
步骤
①选择要创建链接的⽂本或图像，这⾥在页⾯的左侧放置了9个相应条⽬的链接按钮图⽚，选中“综合新闻”图⽚。
②在“属性”⾯板的“链接”⽂本框中，输⼊#号和锚记名称，即#zh，表⽰链接到当前⽂档的锚记位置，如图所⽰，也可以在“浏览”对话框中，选中要链接的⽂件名后加#和锚记名称，链接到某⼀⽂档的某⼀位置。
③再⼀次选中“英超新闻”、“意甲新闻”、“德甲新闻”、“西甲新闻”、“法甲新闻”、“冠军杯新闻”、“联盟杯新闻”、“世界杯新闻”按钮，分别链接到前⾯已创建好的命名锚记上。
(5)创建下载链接
步骤
①将供下载的资源放在⼀个⽂件夹中，并压缩为.rar⽂件或.zip⽂件，如a1.rar，将制作好的⽂件复制到创建好的⽹站中。例如将压缩后的a1.rar⽂件复制到站点⽂件夹news内。
②选中页⾯上⽅导航栏中的链接⽂本“资源下载”，在“属性”⾯板中设定链接的⽂件为刚才复制到站点中的a1.rar⽂件，如图。
③在浏览时单击“资源下载”命令，会弹出如图所⽰的“下载⽂件”对话框，在此可以选择将链接的⽂件打开或保存的位置。
(6)创建空链接
在news.html页⾯上⽅横向的导航栏中，有到⾃⾝页⾯“⾜球新闻”的链接，将其制作成空链接，可以使其既具有链接的外观，却⼜不会跳转到其他任何位置上去。链接的⽅法为选中要制作空链接的⽂本“⾜球新闻”，在“属性”⾯板的“链接”⽂本框中输⼊“#”或输
⼊“JavaScript:;”即可，如图所⽰。
3、创建“跳转菜单”
在页⾯左侧下⽅的友情链接中，插⼊⼀个跳转菜单，即⽂档中的下拉式菜单，在其中列出链接地址，单击其选项可以跳转到相应的页⾯，如图所⽰。
步骤
①选择“插⼊”⾯板组的“表单”类别中的“跳转菜单”按钮。
②在弹出的如图所⽰的“插⼊跳转菜单”对话框中，设置“⽂本”为要在菜单列表中出现的⽂本，在“选择时，转到URL”⽂本框中，通过浏览到要打开的⽂件，或在⽂本框中输⼊⽂件的路径。单击“添加项”按钮添加⼀个菜单项，如此设置多个菜单项。这时如果选定⼀个
菜单项，然后单击“移除项”按钮可将其删除。
③如果在“插⼊跳转菜单”对话框中“选项”下的“菜单之后插⼊前往按钮”复选框，可添加⼀个“前往”按钮。
html网页设计的标题④单击“确定”按钮后，⼀个标准的跳转菜单就实现了。
⑤设置完成后，如果希望编辑跳转菜单的选项，可以选中跳转菜单后，单击其“属性”⾯板中的“列表值”按钮进⾏修改，如图所⽰。
4、创建“图像地图”
可以对整个图像创建超链接，也可以对它的某⼀个局部创建超链接(成为热区)，即创建“图像地图”。
步骤
①在页⾯中选择友情链接下⽅的图像，在“属性”⾯板中选择使⽤热区⼯具(矩形、椭圆、多边形)在图像上划分热区，如图所⽰。
②选择椭圆⼯具，并将⿏标指针拖⾄图像上，松开⿏标时弹出信息提⽰框，如图所⽰，单击确定创建⼀个圆形热区。
④选择矩形⼯具，可创建⼀个矩形热区。选择多边形⼯具，在各个顶点上单击，然后单击选择⼯具封闭此形状，可创建不规则形状的热区。
⑤按F12键浏览⽹页，当⿏标指向热区时，⿏标变为“⼩⼿”形状，单击后可以访问不同的链接地址。
5、保存⽂件
⾄此，本案例已基本完成，现在需要将⽹页保存，由于本页⾯是从站点页⾯中打开的，因此，此时保存只需单击“⽂件”菜单下的“保存”命令即可。
此案例摘⾃葛艳玲《⽹页设计基础教程》

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。