情景——建立某公司网站超级链接.pptVIP

第三章情景三—— 建立某公司网站超级链接;3.1 任务一：在网页中使用超级链接 ;2. 路径和URL 表示链接目标的地址就是路径，超级链接的路径有三种： （1）绝对路径：是链接目标的完整路径，包括使用的协议， 例如 ，绝对路径通常用于站点外的文件链接。 （2）相对路径：是链接目标与源的相对目录关系路径。常用于同一站点内不同文件的链接，是Dreamweaver中默认的链接路径。 ;（3）站点根目录相对路径：是从站点根目录开始的路径，与链接的源端位置无关。需要先配置站点的HTTP地址（用“/”表示站点根文件夹）。 URL（Uniform Resource Locator）：统一资源定位符，是超级链接相互访问时标准的文件定位标示，其概念类似路径，但是它应用于网页的超级链接上，所以其写法有自己的规则。例如“/11/1203/20/7KCHJ19C0001124J.html”是一个完整的URL， 其完整的构成是 协议://用户名@密码:子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志” 协议根据网络服务不同而不同，比较常用的有“HTTP（超级文本传输协议）”、“FTP（文件传输协议）”、“Telnet（远程登录）”等。 顶级域名标示不同的网站类型，例如“edu”表示教育类网站、“com”表示商业机构、“org”表示非盈利组织、“gov”表示政府等。 端口可以控制访问服务器的服务，通常HTTP默认端口是80，FTP默认端口是21等。;3．创建超级链接链接的形式：链接有多种，按照功能可分为站点内链接、站点外链接、邮件链接、锚链接、热点链接、空链接和脚本链接等。 在Dreamweaver CS5中创建超级链接，先选择网页中的链接载体（文本或媒体），然后通过以下方法可以完成建立。;方法二：在“属性检查器”中直接拖曳 “链接”右面的 “指向文件”按钮到要链接的文件。如图所示。;方法三：在“属性检查器”中的“链接”文本框中直接输入要链接的URL。例如要连接到“百度”网站，则在链接栏中输入：。 方法四：在“菜单栏”中选择“插入”|“超级链接”，在弹出的“超级链接”对话框中的“文本”中输入的是链接的文字，在“链接”中输入或浏览链接的URL，如图所示。;4．超级链接的修改和删除 （1）超级链接目标属性 链接的“属性检查器”中“目标”设定超级链接打开目标，下拉菜单中有五个选项表示文档打开的位置，如图所示。 _blank---：表示每个链接都在新浏览器窗口打开。 _new：表示在同一个新的浏览器窗口打开。 _parent：表示如果有嵌套框架，则在父框架中打开。 _self：表示在当前网页的浏览器窗口打开（默认方式）。 _top：表示在一个完整的浏览器窗口打开。;3.1.2 工作任务与设计效果 依据教材提供素材，利用网络资源制作所有“巨鑫房地产公司网站的页面超级链接”。网站结构如图3-1-7所示，通过导航栏我们把站点内的网页链接起来。;3.1.3 建立站内链接 先建立一个“巨鑫房产”站点，将教材中“素材3”文件夹中内容复制到站点根目录中。在Dreamweaver中打开网页index.html，如图所示。;1．设置首页与站点内其他页面的链接 在index.html页面的导航栏上选中“公司简介”图像，然后在“属性检查器”中拖曳 “链接”属性右面的按钮到“文件”面板中的gsjj.html网页，如图所示。这样就将公司首页和公司简介两网页链接起来了，按快捷键F12，可以在浏览器中预览链接的效果。;2．设置站点内其他页面与首页的链接 在Dreameaver 中打开gsjj.html（公司简介）页面，选择导航栏中“首页”图像，然后将“属性检查器”中 “链接”属性右面的 “指向文件”按钮拖曳到“文件”面板中的index.html网页如图所示 ，这样就将公司简介与首页链接起来了(也可用其他两种方法链接) 。;3.1.4 建立站外链接 打开index.html页面，在页脚处设置相关链接：“搜狐”、“百度”、“网易”。 （1）选中需要设置超级链接的文本“搜狐”。 （2）打开“属性检查器”，在“链接”属性中输入前往的URL， （注意：书写URL的时候，前边一定要加上http等协议）。 （3）如果需要将打开的超级链接显示到的新窗口中，在“属性检查器”中“目标”属性下，选择“_blank”。如图所示。 ;3.1.5 建立邮件链接 首页页脚需要建立邮件链接，可以通过以下方法建立： 方法1：将光标定位到需要插入电子邮件的位置，在“菜单栏”中选择“插入”|“电子邮件”，在打开的对话框中设置文本和Email属性，单击确定按钮，如图所示。;