4、网页的制作和测试
网页制作时可选择利用Dreamwaver等软件进行,下面讲讲网页制作的主要步骤。
第一步是新建网页,选择“文件”菜单中的“新建”,再选择“网页”命令,此时在网页编辑区中即可看到新建的空白网页。当然,如果对HTML等语言非常熟悉,也可以直接用文本编辑器编辑网页。
第二步是保存网页。如果页面已经编辑完成,即可保存网页。
第三步是测试网页,如果是用网页制作软件,则可选择“文件”菜单中的“在浏览器中预览”,使用IE浏览器来打开指定的网页文档即可,如果是直接用文本编辑器编写网页,则可直接用IE浏览器打开即可。
5、插入Web组件
在网页的编辑过程中,可插入需要的字幕、悬停按钮等Web组件。
插入字幕:在网页中设置移动字幕,可以使某段文字在网页上循环作水平移动。
悬停按钮:悬停按钮是个动感按钮,当访问者将鼠标指向该按钮时,按钮就会改变颜色或形状。
横幅广告管理器:在网页的同一地方轮流显示不同的图片,可以在有限的网页页面中提供尽可能多的信息。
站点计数器:站点计数器通常添加在主页中,用于统计和显示站点被访问的次数。
6、动态效果及网页过渡
动态HTML效果:设置动态HTML效果后,当打开网页、进行单击、双击或鼠标悬停等操作时,网页内指定的文本、图像、按钮、字幕、链接等对象能够实现某种动画效果,如飞出、缩放等。
网页过渡:网页过渡是指进入或离开网页时的特殊效果。
7、HTML语言
网页制作的基础是HTML语言。HTML语言是被用来编制网页文档的标记性语言,不是编程语言,它不需要经过编译,只需要通过浏览器来打开就可以看到结果。HTML语言采用了标记方式,描述了文本段落、文本格式、图像、超链接等每个在网页上的组件,通过超文本链接能方便地进行各种网页信息之间的切换。
为了提高网页制作(特别是动态网页制作)的技术水平,就有必要了解、熟悉甚至精通HTML语言及脚本语言。
(1)HTML编辑操作
编辑HTML时可使用FrontPage或者Dreamwaver等软件,也可用记事本,写字板等编辑器直接进行。此外,如果要查看某个网页的HTML源代码,一般可以点“查看”→“源文件”,或者直接在页面空白处点鼠标右键→“查看源文件”,编辑HTML时不区分大小写。
(2)HTML文档的基本结构
每个HTML网页文档以标记开始,以结束。HTML文档一般由两部分组成:头部(HEAD)和主体(BODY)。
标记以、及标记名组成,标记有两种类型,一种是双向标记,一种是单向标记。双向标记:<;标记>;…,如:……,单向标记稍后会介绍。
网页的四种基本标记如下:
标明文档的开始和结束,定义文档。
标明文档的头部。
标明标题,显示在浏览器的标题栏中。
标明文档的主体。
(3)常用的一些标记
①标题标记:标题文字
示例:网页制作
②文字标记:文字,其作用是设置文字的大小、字体及颜色。
示例:网页制作
③BODY标记的TEXT属性及BGCOLOR属性:
文字,其作用是设定整个网页的文字颜色和背景颜色。
示例:网页制作
④段落标记:
文字块
示例:我的网页1
网页制作我的网页2,其作用是该文字块被定义为一个段落,在页面中显示的效果即为前后都隔行换行显示。
⑤单向标记:换行标记
,表示
标记前后的文字要换行(不隔行)显示。
示例:网页制作
网站管理
⑥居中对齐标记:文字
示例:网页制作
⑦注释标记:<;!——注释内容——>;或<;!注释内容>;
示例:<;!以下设置小程序>;
(4)HTML例
显示“欢迎您来到HTML世界!”
欢迎您来到HTML世界!
假设该文档的文件名为“Welcome.htm”,存放在当前站点中
建立含有两个网页链接的HTML文档:
欢迎您
浏览北大 其中:
表示分段
表示插入超级链接
思考:本例中两个链接分别是前面介绍的超级链接三种情况中的哪种情况?
显示唐诗《游子吟》
游子吟
慈母手中线,游子身上衣。
临行密密缝,意恐迟迟归。
谁言寸草心,报得三春晖。
显示唐诗《静夜思》
静夜思
(唐诗)
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
5.5.5网页脚本语言初步认识
脚本(Script)实际上就是一段程序,用来完成某些特殊的功能(主要是让它完成HTML不能做的事),有两种类型的脚本,即服务器端脚本和客户端脚本。客户端脚本程序可以直接嵌入到HTML文档中,并由客户浏览器解释执行(可减轻服务器的负荷)。脚本语言有VBScript和Java Script等,VBScript简称VBS,是基于Visual BASIC的由微软开发的一种脚本语言,目前这种语言广泛应用于网页和ASP程序制作,网页中的VBS(Java Script也一样)可以用来指挥客户方的网页浏览器(浏览器执行VBS程序)。可以用来实现动态HTML,甚至可以将整个程序结合到网页中来。
根据不同的时间段在网页上发出问候语,如“早上好”等。
也可以增加时间段。
思考:如果系统时间为17:20,页面将显示什么?