第二讲   制作超链接

一.超链接实例1

1.选中文字“学校主页”

2.单击工具栏上“超链接”图标,在URL栏中输入“http://www.pdsu.edu.cn”

3.按“确定”按钮,这时可发现建立了超链接的文字带有下划线,颜色变为蓝色;并且在预览状态下鼠标的形状变为

即所指向的文字是一热点,单击后可跳转到指定的链接页面。

 

网 上 家 园

 

家园主人

 

欢迎来到丁一的“网上家园”

对于年青人来说,Internet是另一个地球,另一个社会,更是我们的“网上家园”

栏目导读

到“家园主人”中看看主人的介绍。

到“我的收藏”看看,有很多好东东,等着你。

一些好的网站--“友情链接”

最新推荐:学校主页

 

 

我的收藏

友情链接

 

 

4.切换到“预览”视图,试试超链接的效果

5.修改超链接的“目标框架”

  仍然选中文字“学校主页”,

  --> 按鼠标右键,选“超链接属性”,

  -->在弹出的超链接对话框中单击“目标框架” 图标,

-->在“公用的目标区”窗口中选“新建窗口”(即_blank)

 -->按“确定”,这时在目标框架中的内容为“新建窗口”,浏览时,点击这样的超链接会弹出一新的浏览窗口。

6.再次切换到“预览”视图,看看与刚才的效果有何不同。

二.超链接实例2

1.制作第二页“家园主人”

  点工具栏上的新建按钮,打开一新的页面

2.起个标题,就叫“家园主人”,内容可自定,如自我介绍:可包括姓名,爱好等,也可插入自己的相片,这页的设计制作就看

你的了。

*此页面只是给大家起个参考的作用

家园主人

  呢称:  
  爱好:  
  特长:  
  OICQ:  
  EMAIL:  
  URL:  

*选中表格,按如下的参数分别去设置“表格的属性”和“单元格的属性”

 

3.制作完后,再起个文件名保存,如"jyzr.htm",记得保存在根目录下,这一页的有关图片也保存在images下,当网站较大时,

可在根目录下再建立文件夹如personal,然后把相应的网页和图片保存在此目录下。

4.在第一页上做个链接

(1)打开第一页,可直接双击“文件夹列表”中的“index.htm”文件

(2)选中文字“家园主人”

(3)单击工具栏上“超链接”图标,在URL栏中输入“jyzr.htm”或直接选中超链接窗口中的“jyzr.htm”文件

5.切换到“预览”视图,看看你的成果。

怎么样,觉得很有成就感吧,这两天的功夫总算没有白费。至此,你已基本出师了,其它的页面你也可以如法炮制。当然要做出好更生动的页面,你还有好长的路要走。再加把劲,更精彩的网页制作等着你呢!

进入第三讲 渐入佳境 制作动态网页

返回第一讲 制作第一个主页