《网页基础知识》PPT课件.ppt.ppt

《网页基础知识》PPT课件.ppt.ppt

《《网页基础知识》PPT课件.ppt.ppt》由会员分享，可在线阅读，更多相关《《网页基础知识》PPT课件.ppt.ppt（23页珍藏版）》请在冰点文库上搜索。

第1章网页基础知识,网页构成要素网页相关知识简介网站建设流程,1.1网页构成要素,网页中的元素都有自己的名字，可以将他们分为站标、导航条、广告条、标题栏和按钮等。

站标,广告条,导航条,按钮,标题栏,1.1.1站标,站标也叫Logo，是网站的标志，其作用是使人看见它就能够联想到企业。

因此，网站Logo通常采用企业的Logo。

Logo一般采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合，如下图所示。

1.1.2导航条,导航条是网站内多个页面的超链接组合，它可以引导浏览者轻松找到网站中的各个页面。

导航条,导航条,1.1.3广告条,广告条又称Banner，其功能是宣传网站或替其他企业做广告。

Banner的尺寸可以根据版面需要来安排，一般大型商务网站都有自己的标准尺寸和摆放位置。

1.1.4标题栏,此处的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。

标题栏可以是文字加单元格背景，也可以是图片，一般大型网站都采用前者，一些内容少的小网站常采用后者。

1.1.5按钮,在现实生活中，按钮通常是启动某些装置或机关的开关。

网页中的按钮也沿用了这个概念。

网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。

1.2网页相关知识简介,1.2.1网页的本质,通过前面的学习，我们知道网页中除了包含文字外，还包含图像、动画等内容。

那么，网页是如何将这些元素有机地组合在一起了呢？

打开网站“人民网”，在浏览器中选择“文件”“另存为”菜单，将网页保存到磁盘中，然后看看网页及其组成素材。

1.2.2互联网,互联网（Internet），又叫因特网，它是目前世界上最大的计算机网络，将无数广域网、局域网及单机按照一定的通讯协议组织在一起，方便了计算机之间的信息传递。

1.2.3网站、网页和主页,网站是多个网页的集合，各个网页通过超级链接构成一个网站整体。

网页分为动态网页和静态网页。

动态网页可提供交互式的操作功能，而静态网页则相反，它只供浏览者浏览，而不提供交互功能。

主页也叫首页，即浏览者登录网站时看见的第一个网页，也是网站的入口。

1.2.4IP地址与域名,IP地址由4个小于256的数字组成，数字之间用点间隔。

例如，“61.135.150.126”就是一个IP地址。

由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。

域名是独一无二的。

1.2.5网址,网址又叫URL，它是一种网络上通用的地址格式，用于标识网页文件在网络中的位置。

一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。

1.2.6浏览器,上网浏览网页需要通过浏览器，目前大多数用户使用的是微软公司的IE浏览器（InternetExplorer），其他浏览器还有NetscapeNavigator、Mosaic、Opera、火狐等。

国内厂商开发的浏览器主要有腾讯TT、遨游（MaxthonBrowser）等。

菜单栏,标题栏,地址栏,实训1在浏览器中打开百度网站,本例通过在IE浏览器中打开百度网站，来熟悉一下域名、网址和浏览器的应用。

启动IE浏览器，在地址栏中输入百度网站域名,按【Enter】键，打开网页,1.2.7网站管理与网页制作相关软件,Fireworks：

主要用于制作网页图像、网站标志、GIF动画、图像按钮与导航栏等。

Flash：

主要用于制作矢量动画，如广告条、网站片头动画、动画短片、MTV等。

Photoshop：

Adobe公司出品的一个优秀而强大的图形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计，但是它所具有的强大功能完全涵盖了网页设计的需要（除了多媒体）。

在进行网页制作时，除需要Dreamweaver外，还会用到Fireworks、Flash、Photoshop等辅助软件。

1.2.8XHTML语言简介,XHTML是ExtensibleHyperTextMarkupLanguage（可扩展超文本标记语言）的英文缩写，它的前身是HTML。

由于HTML代码烦琐，结构松散，所以推出了XHTML。

也可以说，XHTML是HTML的一个升级版本。

1.2.9脚本语言简介,脚本语言是基于对象的编程语言，网页中常用的有VBScript、JScript和JavaScript。

VBScript和JScript是微软的产品，IE都支持。

JavaScript是Netscape的产品，不仅适用于Netscape，同时和IE也有很好的兼容性，可以说是一种通用的脚本语言。

实训2无缝滚动效果的实现,本例通过研究无缝滚动效果的实现，来认识一下XHTML和脚本语言在网页制作中的作用。

XHTML,JavaScript,1.3网站建设流程,1.3.1网站需求分析,1确定网站主要内容2规划网站主要栏目3收集网站所用素材,1.3.2设计制作网站页面,该过程主要包括设计和制作页面，所谓设计，就是用图像处理软件设计好网页的效果图，并将设计好的效果图进行切割导出。

将切割好的图片进行导出后，就可以在Dreamweaver中组织网站内容了。

包括输入文本、插入图片、动画等。

1.3.3空间和域名申请,1申请虚拟空间,所谓虚拟空间，就是互联网上的一台功能相当于服务器级的电脑或虚拟主机，该电脑要用专线或其他形式24小时与因特网相连。

2申请域名,域名的申请方法与虚拟空间相同，凡提供虚拟空间服务的网站一般都提供域名服务。

1.3.4测试和发布网站,有了空间和域名后，就可以测试并发布网站了，网站测试一般包括服务器稳定和安全测试、程序和数据库测试、网页兼容性测试等。

1.3.5网站推广,注册到搜索引擎交换广告条宣传网络广告报纸、杂志,