一级考 网页制作部分.pptVIP

第4.5章 网页概念与网页制作第4.6章 网站规划与建设 主讲教师：陆国辉 4.5.1 网页与网站的概念 网页与网站的概念 站点的结构 网页与网站的概念 网页的概念 网站的概念 网页的概念 网页存放在与因特网相连的一台计算机中，通过网址(URL)来识别与存取。当用户在浏览器中输入网址后，经过一段复杂但快速的处理后，网页文件会被传送到用户的计算机中，然后通过浏览器对网页的内容进行解释，最后显示到计算机的屏幕上。通常的网页都是以htm或html为后缀的文件，也称为HTML文件。 一个HTML网页文件包含了多种HTML标记符，这些标记符是一些嵌入式命令，提供了网页的结构、外观和内容等信息。Web浏览器就是通过这些标记符来决定显示网页的方式。 网站的概念 简单来说，网站是由网页集合而成。 网站是WWW(万维网)中最基本的组成部分，而网页又是网站的最基本组成部分。网页之间并不是杂乱无章的，而是通过各种链接相互关联，从而描述相关的主题或实现相同的目的。 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 站点的结构 网站的结构一般指网站的目录结构 网站的目录是指在创建网站时建立的目录，我们要根据网站的主题和内容来分类规划，不同的栏目要对应不同的目录，在各个栏目目录下我们也要根据内容的不同对其划分不同的分目录，比如说页面图片放到images目录下，新闻放到news目录下，数据库放到database目录下等等。同时要注意目录的的层次不宜太深，一般不要超过三层，另外给目录起名的时候要尽量使用能表达目录内容的英文或汉语拼音，这样会更加方便日后的管理维护。 页面结构 不同主题的网站对网页内容的安排会有所不同，但大多数网站首页的页面结构都会包括页面标题、网站LOGO、导航栏、登录区、搜索区、热点推荐区、主内容区和页脚区(如图)，其他页面不需要设置如此复杂了，一般由页面标题、网站LOGO、导航栏、主内容区和页脚区等构成。 一般按“同”字型、“国”字型、“川”字型、“品”字型布局页面 4.5.2 网页制作 网页描述语言 网页制作工具 网页制作原则与步骤 文字、图片、多媒体、表格、表单、超级链接的使用（熟练掌握） 页面设计（熟练掌握） 站点的建立 网页发布 网页描述语言 HTML语言是由一个世界性的标准化组织W3C（World Wide Web Consortium）制定出来的。 该语言自1990年问世以来，迄今为止已经发行了4个版本。 现在最新的是HTML4.0版本，通过浏览“/pub/www/”站点，可以了解HTML标准的最新动态。 HTML文件本身是一个ASCII文件，在任何文本编辑器中都可以进行编辑，当一个HTML文件编辑好后，必须用扩展名“.htm”或“.html”来存储，以表示该文件是HTML文档。 一个HTML文件是由内容和标记构成的。 HTML基本语法 HTML文件通常由4个主要的标识元素构成，基本格式为： HTML HEAD TITLEHTML文件标题演示/TITLE /HEAD BODYHTML文件的内容在这里显示 /BODY /HTML 常见的标记及其功能与用法 1．子标题标记 HTML定义了6个级别的子标题，从H1到H6，数字越小，字号越大。定义格式为：Hn子标题名称/Hn。 ２．分段、换行、原样显示标记 P：段落标记，它是一个双向标记，相当于回车换行 。 BR：也是一个换行标识，同样也是一个双向标记。不同于P的是，由它定义的换行，两行之间不留空行。 PRE：双向标识，标识以原始文本格式进行显示。 3．超文本链接标记 A：双向标识，用于标识超文本链接。使用格式为： A超链接标记/A创建的超链接可以有以下几种形式： （1）链接到其它网页 （2）链接到本网页的其它部分 （3）链接到FTP服务器定义格式为：A HREF=FTP服务器地址超链接标记/A。 （4）链接到E-mail地址定义格式为：A HREF=”mail to :URL”超链接标记/A。 （5）将图像作为超链接标记在网页中嵌入图像：定义格式为：IMG SRC=”图像文件名或URL”。 4．网页文本修饰标记 修饰网页文本的标记非常丰富，下面列举几种主要的标记 （1）