《网页基础知识》PPT课件

《《网页基础知识》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章网页基础知识网页构成要素网页相关知识简介网站建设流程1.1网页构成要素网页中的元素都有自己的名字，可以将他们分为站标、导航条、广告条、标题栏和按钮等。站标广告条导航条按钮标题栏1.1.1站标站标也叫Logo，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站Logo通常采用企业的Logo。Logo一般采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合，如下图所示。1.1.2导航条导航条是网站内多个页面的超链接组合，它可以引导浏览者轻松找到网站中的各个页面。导航条导航条1.1.3广告条广

2、告条又称Banner，其功能是宣传网站或替其他企业做广告。Banner的尺寸可以根据版面需要来安排，一般大型商务网站都有自己的标准尺寸和摆放位置。1.1.4标题栏此处的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。标题栏可以是文字加单元格背景，也可以是图片，一般大型网站都采用前者，一些内容少的小网站常采用后者。1.1.5按钮在现实生活中，按钮通常是启动某些装置或机关的开关。网页中的按钮也沿用了这个概念。网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。1.2网页相关知识简介1.2.

3、1网页的本质通过前面的学习，我们知道网页中除了包含文字外，还包含图像、动画等内容。那么，网页是如何将这些元素有机地组合在一起了呢？打开网站“人民网”，在浏览器中选择“文件”>“另存为”菜单，将网页保存到磁盘中，然后看看网页及其组成素材。1.2.2互联网互联网（Internet），又叫因特网，它是目前世界上最大的计算机网络，将无数广域网、局域网及单机按照一定的通讯协议组织在一起，方便了计算机之间的信息传递。1.2.3网站、网页和主页网站是多个网页的集合，各个网页通过超级链接构成一个网站整体。网页分为动态网页和静态网页。动态网页可提供交互式的

4、操作功能，而静态网页则相反，它只供浏览者浏览，而不提供交互功能。主页也叫首页，即浏览者登录网站时看见的第一个网页，也是网站的入口。1.2.4IP地址与域名IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“61.135.150.126”就是一个IP地址。由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。域名是独一无二的。1.2.5网址网址又叫URL，它是一种网络上通用的地址格式，用于标识网页文件在网络中的位置。一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文

5、件名4部分组成。1.2.6浏览器上网浏览网页需要通过浏览器，目前大多数用户使用的是微软公司的IE浏览器（InternetExplorer），其他浏览器还有NetscapeNavigator、Mosaic、Opera、火狐等。国内厂商开发的浏览器主要有腾讯TT、遨游（MaxthonBrowser）等。菜单栏标题栏地址栏课堂练习1在浏览器中打开金企鹅网站本例通过在IE浏览器中打开金企鹅网站，来熟悉一下域名、网址和浏览器的应用。启动IE浏览器，在地址栏中输入金企鹅网站域名www.bjjqe.com按【Enter】键，打开网页1.2.7网站管理与

6、网页制作相关软件Fireworks：主要用于制作网页图像、网站标志、GIF动画、图像按钮与导航栏等。Flash：主要用于制作矢量动画，如广告条、网站片头动画、动画短片、MTV等。Photoshop：Adobe公司出品的一个优秀而且强大的图形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计，但是它所具有的强大功能完全涵盖了网页设计的需要（除了多媒体）。在进行网页制作时，除需要Dreamweaver外，还会用到Fireworks、Flash、Photoshop等辅助软件。1.2.8XHTML语言简介XHTML是ExtensibleH

7、yperTextMarkupLanguage(可扩展超文本标记语言)的英文缩写，它的前身是HTML。由于HTML代码烦琐，结构松散，所以推出了XHTML。也可以说，XHTML是HTML的一个升级版本。1.2.9脚本语言简介脚本语言是基于对象的编程语言，网页中常用的有VBScript、JScript和JavaScript。VBScript和JScript是微软的产品，IE都支持。JavaScript是Netscape的产品，不仅适用于Netscape，同时和IE也有很好的兼容性，可以说是一种通用的脚本语言。课堂练习2无缝滚动效果的实现本例通

8、过研究无缝滚动效果的实现，来认识一下XHTML和脚本语言在网页制作中的作用。XHTMLJavaScript1.3网站建设流程1.3.1网站需求分析1．确定网站主要内容2．规划网站主要栏目3．收