网站建设.ppt

第8章网站建设
本章学习目标
常用软件的使用方法。
通过本章的学习,读者应掌握以下内容:
∎建立网站的具体步骤
∎ HTML与CSS的基本知识
∎浏览器端编程方法
本章目录
网站的建立
网页的制作语言
级联样式表——CSS
网页脚本语言——JavaScript
网站的建立
建立网站的主要步骤如下:
(1)网上申请一个免费的主页空间和域名。
(2)在自己的计算机上设计、制作网页。
(3)当网页制作完成后,即可通过FTP客户端软件,上。
(4)最后,将网站登记到搜索引擎上,为自己所做的网站进行宣传。
返回本章目录
网页及网站设计概述

从专业角度看,网页是一种用HTML撰写的文档。HTML的全文是“HyperText Markup Language”,中文意思为“超文本标记语言”。“超文本”意指页面内除文本外,还可包含图片、链接、甚至音频、视频等非文字元素。
用户访问网站时所看到的第一个网页,称作主页(Homepage或Home Page)。
庞大的单的、易于理解的超链接方式组织起来的。
上进行网页浏览的过程如图8-1示意了浏览器与Web服务器之间的关系。
返回本章目录
图8-1 Web资源访问过程

规划网站时,一般应注意以下几点:
(1)HTML文件的显示效果与其自身版本、浏览器对HTML的处理方法有关。
(2)在确定网站的总体结构时,应遵循“层次分明”的基本原则。
(3)对一般网站而言,在选取材料时,应以文本信息为主,以多媒体材料为辅。
返回本章目录
(4)对主页要进行精雕细刻。
(5)网站的内容要经常更新。
(6)网页中的文本内容应简明扼要。

网页中的重要内容有:
(1)背景。
(2)文本。文本是一般网页中最主要的内容。与一般字处理软件类似,网页编辑软件也可以设置页面中文本的各种属性,此外,还可以设置段落格式,如行距、缩进、对齐方式等。当然,还可以将文本设置为超链接。
(3)表格。表格是将大量数据以简洁明快的方式展示给浏览者的有效方式。表格还是进行页面布局的有力工具。
返回本章目录
(4)框架。框架是进行页面布局的另一工具。借助框架,可将页面划分为若干区域,其中每个区域都对应一个独立的HTML文件。,,才能正确显示。
(5)图像。图像是网页吸引访问者的重要手段。大小适中、制作精美的图像能够在很大程度上增加访问者的访问兴趣。最好用表格对图像位置进行精确定位。
(6)表单。表单用于从访问者处获取信息。表单中可包含按钮、文本框等。

优化的内容大致包括:减少数据量、改善视觉效果、提高网站对浏览器的兼容性等。
返回本章目录
下面是几个常用的优化原则。
(1)正确选择图像格式。
(2)提供多个版本。
(3)优化配色方案。
(4)突出网站特点。
一般情况下,对于提供专门资源的网站而言,进行内容取舍时应遵循“精”的原则,以求突出重点和特色。
此外,在优化网站时,还应考虑如何为读者提供增值服务。
返回本章目录
免费网页空间的申请
上获得一块存储网站的空间,根据所制作网站用途的不同,目前有两种方式可获得存储空间:一种是租用虚拟主机,另一种是申请免费空间。

(1)测算自己的网站大致要多少存储空间,然后到相应的站点去申请。
(2)所选择的网站附带的免费服务越多越好。
(3)所申请的网站最好支持ASP(动态服务端网页)或PHP,并且还可以挂接数据库。
(4)访问速度越快越好。
(5)一定要选择能用FTP方式上传网页文件的站点,以便对网站进行维护。
返回本章目录
(6)应选择信誉度高的免费服务站点。

可以利用搜索引擎来查找提供免费个人网页的站点。例如,在浏览器的地址栏中输入http://search./,启动网易搜索引擎,然后依次选择“电脑网络”→“免费资源”→“免费建站资源”。

应尽可能在国内站点申请。
按要求填写一些必要的资料,即可完成申请。
顺便指出,目前有些空间提供商收取的费用十分低廉(如10元/月),应尽量为网站申请付费空间,以享受更为全面的服务。
返回本章目录