《网页设计与制作教程》(教程全集)第1章.ppt

《《网页设计与制作教程》(教程全集)第1章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作教程本章要点网站与网页的概念如何规划和设计网站常用的网页制作工具介绍第1章网页制作基础快速导读本章介绍网站规划与网页设计的基本知识，从网站的设计架构出发，在网站的主题、结构、风格和布局等方面讲述网站的构思和网站的制作流程，并介绍最流行的网页制作工具。1.1网站与网页概念1.1.1Internet与WWWInternet的中文名称是因特网，在了解什么是Internet之前，先来看一看什么是网络。所谓网络和Internet，简单的说，是由一些使用公用语言互相通信的计算机连接而成的全球网络。WWW（worldwideweb，万维网）是In

2、ternet上的一种信息服务系统，也是Internet上最流行的服务之一。为您提供了一个可以轻松驾驭的图形化用户界面，用于查阅Internet上的文档，这些文档与它们之间的链接一起构成了一个庞大的信息网。1.1网站与网页概念1.1.2网页与网站网页是WWW系统中信息的基本单位，Web服务器就是以网页为单位处理信息的，客户端的信息请求也是以网页为基本单位的。网页的本身是一个纯文本文件，网页文件中包含的内容可以是文字、图像、影片、动画、声音、超链接等。网站也称为站点，它是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页，这些网页以超链接方

3、式连接在一起，构成一个整体，描述一组完整的信息。网站主要由主机、域名和网页等组成。1.2网站的规划1.网站的题材目前网站的题材主要有新闻、体育、经济、科技、计算机技术、软件沙龙、房产、通信、短信、网上聊天、即时信息、网上社区、校园天地，交通、证券、娱乐网站、旅行、参考、资讯、网上求职、家庭教育、健康知识、生活时尚、游戏、广告以及一些体现个人特色的网站等内容。每一大类又可以细分，比如新闻可以分为国内新闻、国外新闻、体育新闻、甚至天气预报等具有新闻题材特性的类别；体育可以细分为篮球、足球、网球、乒乓球、登山、游泳等更广泛的题材，而每一单项也可以又分为

4、更多的类。1.2网站的规划2.确定网站的主题确定网站的主题建议从下几个方面考虑：1、主题要小而精2、主题最好是自己最擅长并且最有兴趣的东西3、题材不要太滥或者目标太高4、要体现自己的个性和特色1.2网站的规划3.给网站取名网站的名称还要合情合理，最好能让人感觉到有亲切感，当然，还一定要合法，坚决不能带有反动的、色情的、迷信的、危害社会安全的名词语句。1.2网站的规划4.决定网站性质在创建网站时，决定站点的性质是必须的。设计者应清楚站点的性质，确定它将会提供什么样的服务，网页中应该显示什么内容等，以便在站点设计过程中能突出网站主题。1.3网站的设计

5、1.3.1网站的结构设计网站的结构设计其实也就是合理地设计网站的栏目和板块。那么，需要设计哪些栏目和板块呢?如何合理地去设计呢?这是网站设计的目标。1.3网站的设计1.3.2网站的目录结构设计在组织网站目录结构时，一般应该遵循如下一些规则：1、用文件夹分类保存文档。2、使用合理的文件名称。3、将本地站点和远程站点设置为相同的目录结构。1.3网站的设计1.3.3网站的形象设计网站的形象设计非常重要，需要考虑：1、设计网站的标志2、设计网站的标准色彩3、设计网站的标准字体4、设计网站的宣传标语1.3网站的设计1.3.4网站主页的设计网站主页的设计是一

6、个网站成功与否的关键，人们上网浏览往往看到第一页就已经对网站有了一个整体的感觉。能否促使浏览者继续点击进入网站中去欣赏其内容，全凭主页设计的功力。1.3网站的设计1.3.5其他页面的设计其他的页面设计步骤：确定页面的功能模块→设计页面的布局→处理技术上的细节。需要注意以下几点：1、和主页保持相同的风格。2、要有返回首页的链接。3、在页面上显示当前的位置。4、目录结构不要超过四层。1.3网站的设计1.3.6企业网站的设计成功的企业网站可以将公司信息、产品信息等最完整、最形象和最具有良好沟通性等方面向世界展示。在网站设计时，应该考虑以下几个问题：1、

7、建设网站的目的是什么？2、为谁提供产品和服务？3、企业能提供什么样的产品和服务？4、网站的目的消费者和用户有什么特点？5、企业产品和服务适用什么样的表现形式？6、采用哪些方式与用户进行联系？7、用户在网上如何来订购产品？1.3网站的设计1.3.7为网站设计目标对象为了使站点能够吸引更多的访问者，应该充分考虑到访问者所使用的计算机类型、使用的操作平台(如Macintosh、Windows和Linux等)、平均使用的连接速度(56K调制解调器或ADSL)及使用的浏览器种类、显示器尺寸和屏幕分辨率等，这些因素都会影响到访问者访问网站。1.4网页版面布局

8、设计1.4.1版面布局的原则1、主次分明，中心突出2、大小搭配，相互呼应3、图文并茂，相得益彰4、动静适度，平衡对称1.4网页版面布局设