新建一个网页
新建一个网页的步骤 来源:黄超
打开软件,选择文件--新建(或按Ctrl+N),弹出对话框如图,在常规选项卡里面选择基本页--HTML,这时注意一下右下角的文档类型,应该让XHTML 1.0 Transitional 作为默认值,如果不是的话就点击“首选参数”来调整,选好之后点击创建,这时就会生成一个空白的网页。
插入图片
将鼠标点击在新建的空白网页上,光标闪烁的地方就是新内容即将插入的地方,点击菜单栏中的“插入--图像”,或者点击插入工具栏中常用项里的“插入图像”图标,然后会弹出一个文件选择框,在文件选择区域可以选择要插入的图片,选中图片后会在下面“文件名”处显示文件的名称,并在右侧出现图片预览、图像尺寸和图片容量。 注意下面的URL地址栏,当选择本地图片时此处会显示图片的本地路径和文件名,如果插入的是网络图片,这里就会提示例如http://z.abang.com/h/home/abang_logo.gif这样的网络地址,大家可以自己试一试。 选好图片后点击确定,随后弹出一个对话框,名为“图片标签辅助功能属性”,这里有两个需要添加的内容,“替换文本”就是图片的alt属性,我们可以输入图片的名字或者简短介绍。详细说明是图片的longsec属性,一般使用不到,我们可以不填,最后点击确定,一张图片就插入到网页中了。“图片标签辅助功能属性”会在每次添加图片的时侯都出现,如果想把他去掉,可以按照对话框上的方法,可以菜单栏中选择编辑--首选参数(Ctrl+U)--辅助功能中将图像勾选掉。
给图片加上链接
网页上最常出现的链接形式包括文字链接和图片链接,怎么给图片加上一个链接呢?用鼠标点击刚才已经插入的那张图片,这时你会发现标签选择器当前提示是<img>标签,并且属性面板也发生了变化,变成了图片属性的相关选项。 宽、高两项自然显示的是图片的尺寸了,源文件显示的是图片的路径和文件名,如果要更改图片可以使用三种方法: 一种是在输入框中直接输入图片路径和文件名,本地路径、网络路径都可以。 一种方法是点击边上的“指向文件”图标(小靶心图标)按住左键不放,这时你会看到有一根线连着它,拖着它到软件右侧的“文件面板”处,选择要插入的图片,松开鼠标,这时图片就会正确显示在页面中。 第三种方法是点击输入框边上的“文件夹图标”,会弹出一个文件选择框,这种方法和上面所讲的插入图片方法是一样的,只要选择要插入的图片就可以了。 链接输入框就是输入图片链接的地方,和插入相片相同,它也有三种方法:直接输入链接地址,用“指向文件”添加,点击“文件夹图标”选择要链接的地址或在下面URL输入框填入URL地址。 当链接输入框内有内容时,“目标”选择框变为可选的激活状态,有四个选项可选:_blank、_parent、_self、_top。他们分别代表的意思是:
- _blank:新开浏览器窗口访问链接;
- _self:在原窗口访问链接,是默认属性;
- _parent:在父窗口访问链接,用于框架结构页面;
- _top:整个浏览器窗口访问链接,用于框架结构页面。
具体不明白的地方可以查看原来的文章:《xhtml链接标签详解》 替换输入框中输入图片的名字或简短说明文字,也就是图片的alt属性,上面已经讲过,它可以是空的,但是我建议您将还是填上些相关内容,因为在您鼠标悬浮在图片上或者图片不能正常显示的时候它就会起到大作用了。 边框输入框内填上“0”,让这个图片的边框为零,不显示出来,不然它周围会有一圈粗粗边框,很不美观。 到此,图片的链接就加好了,属性面板中的其他几项等我们用到的时候再作介绍,现在可以点击F12预览一下效果了。
插入文本链接
给图片加上链接做好了,那么给文字加上链接就更简单了。在空白网页中随便输入一些文字内容,然后点击鼠标左键将文字全选,然后在软件下边的链接输入框内输入要链接的网址,或者像上面给图片添加链接那样利用“指向文件”图标和“文件夹”图标来添加链接,最后在链接输入框下面的目标选择框中选择链接刷新的位置是:_blank、_parent、_self还是_top。