第二讲 制作超链接
一.超链接实例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.切换到“预览”视图,看看你的成果。
怎么样,觉得很有成就感吧,这两天的功夫总算没有白费。至此,你已基本出师了,其它的页面你也可以如法炮制。当然要做出好更生动的页面,你还有好长的路要走。再加把劲,更精彩的网页制作等着你呢!
进入第三讲 渐入佳境 制作动态网页
返回第一讲 制作第一个主页