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

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

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

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

4、时看见的第一个网页，也是网站的入口。,1.2.4 IP地址与域名,IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“61.135.150.126”就是一个IP地址。由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。域名是独一无二的。,1.2.5 网址,网址又叫URL，它是一种网络上通用的地址格式，用于标识网页文件在网络中的位置。一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。,1.2.6 浏览器,上网浏览网页需要通过浏览器，目前大多数用户使用的是微软公司的IE浏览器（Internet Explo

5、rer），其他浏览器还有Netscape Navigator、Mosaic、Opera、火狐等。国内厂商开发的浏览器主要有腾讯TT、遨游（Maxthon Browser）等。,菜单栏,标题栏,地址栏,实训1 在浏览器中打开百度网站,本例通过在IE浏览器中打开百度网站，来熟悉一下域名、网址和浏览器的应用。,启动IE浏览器，在地址栏中输入百度网站域名,按【Enter】键，打开网页,1.2.7 网站管理与网页制作相关软件,Fireworks：主要用于制作网页图像、网站标志、GIF动画、图像按钮与导航栏等。Flash：主要用于制作矢量动画，如广告条、网站片头动画、动画短片、MTV等。Photoshop

6、：Adobe公司出品的一个优秀而强大的图形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计，但是它所具有的强大功能完全涵盖了网页设计的需要（除了多媒体）。,在进行网页制作时，除需要Dreamweaver外，还会用到Fireworks、Flash、Photoshop等辅助软件。,1.2.8 XHTML语言简介,XHTML是Extensible HyperText Markup Language(可扩展超文本标记语言)的英文缩写，它的前身是HTML。由于HTML代码烦琐，结构松散，所以推出了XHTML。也可以说，XHTML是HTML的一个升级版本。,1.2.9 脚本语言简介,脚本语言是基

7、于对象的编程语言，网页中常用的有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 设计制作网站页面,该过程主要包括设计和制作页面，所谓设计

8、，就是用图像处理软件设计好网页的效果图，并将设计好的效果图进行切割导出。,将切割好的图片进行导出后，就可以在Dreamweaver中组织网站内容了。包括输入文本、插入图片、动画等。,1.3.3 空间和域名申请,1申请虚拟空间,所谓虚拟空间，就是互联网上的一台功能相当于服务器级的电脑或虚拟主机，该电脑要用专线或其他形式24小时与因特网相连。,2申请域名,域名的申请方法与虚拟空间相同，凡提供虚拟空间服务的网站一般都提供域名服务。,1.3.4 测试和发布网站,有了空间和域名后，就可以测试并发布网站了，网站测试一般包括服务器稳定和安全测试、程序和数据库测试、网页兼容性测试等。,1.3.5 网站推广,注册到搜索引擎 交换广告条 宣传 网络广告 报纸、杂志,