1.网页设计与制作概述.pptVIP

网页设计与制作概述 了解有关网页的一些基本概念 了解网站的基本结构特性和网页的布局 了解网页制作的基本工具和开发语言 1.1 互联网与网站基本概念: 网页：是一种网络信息传输的载体，在网站中，供用户阅读的一个个页面，称之为“网页”，又称为Web页。 万维网（World Wide Web）：万维网简称WWW或3W，它也是建立在Internet上的一种网络服务。它遵循HTTP协议 ，通过超文本和超媒体，将Internet上包括文本、声音、图形、图像、影视信号等各种类型的信息聚集在一起。 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT 统一资源定位器（Universal Resource Locator，简称URL）： Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址。是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：也就是上面举例中的“http”部分，它包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 主机名：指要访问服务器的Internet名称。 IP地址：IP地址是一组32位的数字号码，如“84”，这就是上网主机的地址。 域名： IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。 域名的范围要比主机名要大。一个域名下可以有多个主机名，域名下还可以有子域名。例如，域名www. 下，有主机server1和server2，其主机全名就是和。也就是常说的二级域名。 域名前加上传输协议信息及主机类型信息就构成了网址（URL） 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 表单: 表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。 超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。 导航条：导航条能十分有效地实现超级链接功能 。 发布：将制作好的网页上传到服务器的过程即是发布，也称为上传或上载。 1.2网站制作流程 搜集资料，规划网站 选择合适的制作工具 制作网页 测试发布 推广宣传 网站维护 1.规划设计 （1）定位网站的主题和名称 主题必须与Web页面主要推销或展示的产品或服务紧密相关，同时它又必须有相当的吸引力。 对于主题的选择，应注意： ①主题要小而精。定位要小，内容要精。 ②题材最好是你自己擅长或者喜爱的内容。 ③题材不要太滥或者目标太高。 （2）确定网站的栏目和版块 一般的网站栏目安排要注意以下几方面： 要紧扣你的主题 将你的主题按一定的方法分类并将它们作为网站的主栏目，主题突出，容易给人留下深刻印象。 设一个最近更新或网站指南栏目 设定一个可以双向交流的栏目 设一个下载或常见问题回答栏目 （3）确定网站的目录结构 不要将所有文件都存放在根目录下。 按栏目内容建立子目录。 在每个主目录下都建立独立的images目录。 目录的层次不要太深。 目录的层次建议不要超过3层。 不要使用中文目录 不要使用过长的目录 尽量使用意义明确的目录，便于记忆和管理。 （4）确定网站的链接结构 星状链接结构（一对多）。 最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。 （5）设计网站的整体风格 　 在程序员进行详细设计的同时，网页美工开始设计网站的整体形象和首页。整体形象设计包括标准字体、Logo、标准色彩、广告语等。首页设计包括版面、色彩、图像、动态效果、图标等风格设计，也包括菜单、标题、版权等模块设计。也可以将自己感兴趣的素材通过图像切割工具将其收集。 模块布局宗旨在于方便访问者浏览，如今的多媒体Web网页具有强大的交互功能，多种媒体方式如文字、图片、动画、声音、超级链接等同时存在。文字是一种简洁有效的媒体，输入方便，处理速度快，在网速较慢的情况下适合用文字进行大面积布局。图片可以给人以较为直观的感受，以及更为感性的认识，其缺点是下载速度慢，在网速慢的情况下不宜大面积运用。 网页的色彩 网页的色彩是树立网站形象的关键因素之一。在搭配网页色彩时，要注