当前位置:
文档之家› 《网页设计与制作教程》(教程全集)第1章
《网页设计与制作教程》(教程全集)第1章
1.3 网站的设计
1.3.6 企业网站的设计
成功的企业网站可以将公司信息、产品信息等最完整、 最形象和最具有良好沟通性等方面向世界展示。 在网站设计时,应该考虑以下几个问题: 1、建设网站的目的是什么? 2、为谁提供产品和服务? 3、企业能提供什么样的产品和服务? 4、网站的目的消费者和用户有什么特点? 5、企业产品和服务适用什么样的表现形式? 6、采用哪些方式与用户进行联系? 7、用户在网上如何来订购产品?
1.2 网站的规划
1. 网站的题材
目前网站的题材主要有新闻、体育、经济、科技、计 算机技术、软件沙龙、房产、通信、短信、网上聊天、即时 信息、网上社区、校园天地,交通、证券、娱乐网站、旅行、 参考、资讯、网上求职、家庭教育、健康知识、生活时尚、 游戏、广告以及一些体现个人特色的网站等内容。
每一大类又可以细分,比如新闻可以分为国内新闻、 国外新闻、体育新闻、甚至天气预报等具有新闻题材特性的 类别;体育可以细分为篮球、足球、网球、乒乓球、登山、 游泳等更广泛的题材,而每一单项也可以又分为更多的类。
1.3 网站的设计
1.3.7 为网站设计目标对象
为了使站点能够吸引更多的访问者,应该充分考虑到 访问者所使用的计算机类型、使用的操作平台(如Macintosh、 Windows和Linux等)、平均使用的连接速度(56K调制解调器 或ADSL)及使用的浏览器种类、显示器尺寸和屏幕分辨率等, 这些因素都会影响到访问者访问网站。
1.3 网站的设计
1.3.4 网站主页的设计
网站主页的设计是一个网站成功与否的关键,人们上 网浏览往往看到第一页就已经对网站有了一个整体的感觉。 能否促使浏览者继续点击进入网站中去欣赏其内容,全凭主 页设计的功力。
1.3 网站的设计
1.3.5 其他页面的设计
其他的页面设计步骤: 确定页面的功能模块→设计页面的布局→处理技术上 的细节。 需要注意以下几点: 1、和主页保持相同的风格。 2、要有返回首页的链接。 3、在页面上显示当前的位置。 4、目录结构不要超过四层。
1.5.3 图形图像处理工具Photoshop
Photoshop是由Adobe公司出品的最著名的图形图像处 理软件。它的功能非常强大,是创作专业图像的首选软件, 它可以实现各种专业化的图像处理效果。 Photoshop在图像处理方法上具有独到的优势,例如 进行色彩校正和添加特殊效果等。 如果说Fireworks是处理各种网络图像的能手,那么 Photoshop则是制作图像的大师。
1.2 网站的规划
4. 决定网站性质
在创建网站时,决定站点的性质是必须的。设计者应 清楚站点的性质,确定它将会提供什么样的服务,网页中应 该显示什么内容等,以便在站点设计过程中能突出网站主题。
1.3 网站的设计
1.3.1 网站的结构设计
网站的结构设计其实也就 是合理地设计网站的栏目和板 块。那么,需要设计哪些栏目 和板块呢?如何合理地去设计呢? 这是网站设计的目标。
1.5 常用网页制作工具简介
1.5.2 网页制作“三剑客”
Dreamweaver 作为可视化页面设计和网站管理工具。 Flash 作为网页动画设计工具。 Fireworks 作为页面图像设计工具。 使整个网页设计成为一个完整的体系,被人们称为网 页制作的“梦幻组合”。
1.5 常用网页制作工具简介
1.2 网站的规划
2. 确定网站的主题
确定网站的主题建议从下几个方面考虑:
1、主题要小而精 2、主题最好是自己最擅长并且最有兴趣的东西 3、题材不要太滥或者目标太高 4、要体现自己的个性和特色
1.2 网站的规划
3. 给网站取名
网站的名称还要合情合理,最好能让人感觉到有亲切 感,当然,还一定要合法,坚决不能带有反动的、色情的、 迷信的、危害社会安全的名词语句。
Internet的中文名称是因特网,在了解什么是Internet 之前,先来看一看什么是网络。 所谓网络和Internet,简单 的说, 是由一些使用公用语言互相通信的计算机连接而成 的全球网络。 WWW(world wide web,万维网)是Internet上的一 种信息服务系统,也是Internet上最流行的服务之一。为您 提供了一个可以轻松驾驭的图形化用户界面,用于查阅 Internet 上的文档,这些文档与它们之间的链接一起构成了 一个庞大的信息网。
1.5.1 HTML语言
HTML是超文本标记语言(Hyper Text Markup Language)的缩写,它是一种主要应用于WWW(World Wide Web)上的标记语言。HTML利用标记元素来描述文 档的内容和控制文档的结构。HTML 的主要功能是控制文档 内容、结构,创建表格、框架和表单,建立链接,嵌入多媒 体对象等。它的最大特点就是可以直接用HTML代码编制网 页。
二、操作题
1、 上网浏览网页,分析网站的结构,熟悉网页的布 局。 2、 试规划、设计一个企业网站。
1.3 网站的设计
1.3.2 网站的目录结构设计
在组织网站目录结构时,一般应该遵循如下一些规则:
1、用文件夹分类保存文档。 2、使用合理的文件名称。 3、将本地站点和远程站点设置为相同的目录结构。
1.3 网站的设计
1.3.3 网站的形象设计
网站的形象设计非常重要,需要考虑:
1、设计网站的标志 2、设计网站的标准色彩 3、设计网站的标准字体 4、设计网站的宣传标语
1.4 网页版面布局设计
1.4.1 版、大小搭配,相互呼应 3、图文并茂,相得益彰 4、动静适度,平衡对称
1.4 网页版面布局设计
1.4.2 版面布局的类型
1、“国”字型 2、框架型 3、标题正文型 4、封面型 5、综合型
1.5 常用网页制作工具简介
1.6 习题
一、简答题
1、什么是网页?什么是网站?两者的关系如何? 2、什么是网站的主题? 3、网页制作“三剑客”包括哪三个软件? 4、网页的内容应该包括哪些元素? 5、一般网站的规划与设计应该考虑哪些因素? 6、商业网站在规划与设计时应着重考虑哪些因素? 7、简述制作网页的基本过程?
1.6 习题
第1章
本章要点
网页制作基础
网站与网页的概念 如何规划和设计网站 常用的网页制作工具介绍
快速导读
本章介绍网站规划与网页设计的基本知识, 从网站的设计架构出发,在网站的主题、结构、 风格和布局等方面讲述网站的构思和网站的制 作流程,并介绍最流行的网页制作工具。
1.1 网站与网页概念
1.1.1 Internet与WWW
1.1 网站与网页概念
1.1.2 网页与网站
网页是WWW系统中信息的基本单位,Web服务器就 是以网页为单位处理信息的,客户端的信息请求也是以网页 为基本单位的。网页的本身是一个纯文本文件,网页文件中 包含的内容可以是文字、图像、影片、动画、声音、超链接 等。 网站也称为站点,它是指存放在网络服务器上的完整 信息的集合体,它包含一个或多个网页,这些网页以超链接 方式连接在一起,构成一个整体,描述一组完整的信息。 网站主要由主机、域名和网页等组成。