网页基础知识.ppt

第1章 网页基础知识 网页构成要素 网页相关知识简介 网站建设流程 1.1 网页构成要素 1.1.1 站标 1.1.2 导航条 1.1.3 广告条 1.1.4 标题栏 1.1.5 按钮 1.2 网页相关知识简介 1.2.1 网页的本质 1.2.2 互联网 互联网（Internet），又叫因特网，它是目前世界上最大的计算机网络，将无数广域网、局域网及单机按照一定的通讯协议组织在一起，方便了计算机之间的信息传递。 1.2.3 网站、网页和主页 网站是多个网页的集合，各个网页通过超级链接构成一个网站整体。 网页分为动态网页和静态网页。动态网页可提供交互式的操作功能，而静态网页则相反，它只供浏览者浏览，而不提供交互功能。 主页也叫首页，即浏览者登录网站时看见的第一个网页，也是网站的入口。 1.2.4 IP地址与域名 IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“26”就是一个IP地址。 由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。域名是独一无二的。 1.2.5 网址 1.2.6 浏览器 上网浏览网页需要通过浏览器，目前大多数用户使用的是微软公司的IE浏览器（Internet Explorer），其他浏览器还有Netscape Navigator、Mosaic、Opera、火狐等。国内厂商开发的浏览器主要有腾讯TT、遨游（Maxthon Browser）等。 课堂练习1 在浏览器中打开金企鹅网站 1.2.7 网站管理与网页制作相关软件 1.2.8 XHTML语言简介 1.2.9 脚本语言简介 课堂练习2 无缝滚动效果的实现 1.3 网站建设流程 1.3.1 网站需求分析 1.3.2 设计制作网站页面 1.3.3 空间和域名申请 1．申请虚拟空间 1.3.4 测试和发布网站 1.3.5 网站推广 注册到有哪些信誉好的足球投注网站引擎 交换广告条 宣传 网络广告 报纸、杂志 * * 网页中的元素都有自己的名字，可以将他们分为站标、导航条、广告条、标题栏和按钮等。 站标 广告条 导航条 按钮 标题栏 站标也叫Logo，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站Logo通常采用企业的Logo。 Logo一般采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合，如下图所示。 导航条是网站内多个页面的超链接组合，它可以引导浏览者轻松找到网站中的各个页面。 导航条 导航条 广告条又称Banner，其功能是宣传网站或替其他企业做广告。Banner的尺寸可以根据版面需要来安排，一般大型商务网站都有自己的标准尺寸和摆放位置。 此处的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。 标题栏可以是文字加单元格背景，也可以是图片，一般大型网站都采用前者，一些内容少的小网站常采用后者。 在现实生活中，按钮通常是启动某些装置或机关的开关。网页中的按钮也沿用了这个概念。网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。 通过前面的学习，我们知道网页中除了包含文字外，还包含图像、动画等内容。那么，网页是如何将这些元素有机地组合在一起了呢？打开网站“人民网”，在浏览器中选择“文件”“另存为”菜单，将网页保存到磁盘中，然后看看网页及其组成素材。 网址又叫URL，它是一种网络上通用的地址格式，用于标识网页文件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。 菜单栏 标题栏 地址栏 本例通过在IE浏览器中打开金企鹅网站，来熟悉一下域名、网址和浏览器的应用。 启动IE浏览器，在地址栏中输入金企鹅网站域名 按【Enter】键 ，打开网页 Fireworks：主要用于制作网页图像、网站标志、GIF动画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告条、网站片头动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而且强大的图形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计，但是它所具有的强大功能完全涵盖了网页设计的需要（除了多媒体）。 在进行网页制作时，除需要Dreamweaver外，还会用到Fireworks、Flash、Photoshop等辅助软件。 XHTML是Extensible HyperText Markup Language(可扩展超文本标记语言)的英文缩写，它的前身是HTML。由于HTML代码烦琐，结构松散，所以推出了XHTML。也可以说，XHTML是