【最新】一章节网页设计与制作概述

2021/2/2
14
1.5.2 网站策划书 1．网站建设目的及功能定位 2．网站内容模块规划 3．网站语言 4．网站设计风格 5．网站架设描述
2021/Biblioteka Baidu/2
15
6．网站信息布局图
浏览者
F la s h 动动 画画 播播 放放 吴山明网站
普通图文版
网站首页 艺术生涯 评文摘录 作品展示 艺术交流 作品收藏 联系我们
2021/2/2
4
IP地址：IP地址是一组32位的数字号码，如 “218.30.12.184”，这就是上网主机的地址。
域名： IP地址是一长串的数字号码，这些数字 难记又难以理解。为了方便大家理解、记忆， 便有了域名的概念。
表单: 表单是用于填写申请或提交信息的交互 页面。如电子邮箱、主页空间、QQ号码等的 申请页面，以及论坛、聊天室、留言簿等。
（1）体现网站的主题，凝练，概括性强。 （2）合法、合情并合理。 （3）字数不要太多，一般控制在6个字以内。 （4）有个性，体现一定的内涵，可给浏览者更
多的视觉冲击力和空间想像力
2021/2/2
9
3．网页的色彩 网页的色彩是树立网站形象的关键因素之一。在搭配网
页色彩时，要注意色彩的鲜明性、独特性、合适性和联想 性。
第一章 网页设计与制作概述
学习目标: 了解有关网页的一些基本概念 了解网站的基本结构特性和网页的布局 了解网页制作的基本工具和开发语言 了解站点规划的基本流程
2021/2/2
1
1.1 互联网与网站
基本概念:
网页：在网站中，供用户阅读的一个个页面， 就称之为“网页”，又称为Web页。
万维网（World Wide Web）：万维网简称 WWW或3W，是目前Internet（因特网）上最 流行的一种基于超文本形式的资源组织形式。
2021/2/2
19
4．网页的文字 注意以下基本原则: （1）不要使用超过3种字体类型，否则网页看起来将显得杂 乱，没有主题。
（2）不要用太大的字，因为版面空间非常宝贵和有限，粗陋 的大字体不能带给浏览者更多的信息
（3）最好不要使用不停闪烁的文字。 （4）标题的字体比正文要稍大一些，颜色也应有所区别。
2021/2/2
10
作品分类
2021/2/2
16
7．网站发布与推广 8．技术支持 9．网站服务费用 10．有效期
2021/2/2
17
1．5．3站点评测 1．美工设计 2．栏目内容 3．浏览速度 4．技术含量 5．用户兴趣
2021/2/2
18
本章小结
本章介绍了网页设计与制作的基本概念 和基本知识、常用的网页制作工具、网 站的基本结构和网页布局等内容。通过 本章的学习使读者对网页的设计与制作 过程有一个概貌性的了解。
5．网页版面和布局 网页布局主要有以下3种结构。 π型结构 T型结构 三型结构
2021/2/2
11
1.3网页制作工具
1.3.1 网页布局工具 1．Dreamweaver 2．Frontpage
1.3.2网页美化工具 1．图像处理软件:Photoshop,Fireworks 2．动画制作软件 :FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator 、Xara3D
2021/2/2
12
1.4 网页开发语言
1.4.1 HTML语言 1.4.2 动态网站开发语言
1．ASP 2．JSP 3．PHP
2021/2/2
13
1.5网站规划
1.5.1 网站制作流程 1．确定网站主题 2．搜集资料 3．规划网站 4．选择合适的制作工具 5．制作网页 6．上传测试 7．推广宣传
通信协议：也就是上面举例中的“http” 部分，它包括HTTP（超文本传输协议） 、FTP（文件传输协议）、Gopher（ Gopher协议）和News（新闻组）等。
2021/2/2
3
主机名：指要访问服务器的Internet名称。 所要访问的文件路径及文件名：它指要访问资 源的具体位置。 文件传输协议（File Transfer Protocol，简称 FTP）：是一种快速、高效和可靠的信息传输 方法。 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超 媒体文本的语言，它也是网页创建中最基本的 语言，制作的任何一个网页都是基于HTML文 本标识的。
2021/2/2
5
超级链接:这是网页制作中经常要用到的 概念，指的是页面对象之间的连接关系 。
导航条：导航条能十分有效地实现超级 链接功能 。
发布：将制作好的网页上传到服务器的 过程即是发布，也称为上传或上载。
2021/2/2
6
1.1.2网站分类 门户网站 如：新浪www.sina.com.cn 职能网站 如：阿里巴巴 www.alibaba.com.cn 专业网站 如：CCTV（www.cctv.com） 个人网站 如：吴山明教授个人网站 http://www.wushanming.com
浏览器：要想访问网络中的各种资源，还需要 一个工具，那就是浏览器，否则无法访问到网 络中丰富的资源。
目前常用的浏览器有:IE、netscape和腾训TT
2021/2/2
2
统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项 信息的位置及存取方式，以取得各种服 务信息的一种标准方法。
2021/2/2
7
1.2网站结构与网页布局
1.2.1 网站结构 1．归类站点内容 2．项目放置的位置 3．导航草图设计 4．创建设计草图
主页面 index.htm
页面1 1.htm
页面2 2.htm
页面3 3.htm
页面4 4.htm
页面5 5.htm
页面6 6.htm
2021/2/2
8
1.2.2 网页页面布局 1．网页设计和布局原则 2．网站命名和标志 网站命名应遵循以下的原则：