第1章_网页设计与制作应用教程.ppt

网页设计与制作应用教程,第一章Internet与网页设计概述,1.1Internet概述1.2网站规划设计概述1.3网页设计基础,1.1Internet概述,Internet与TCP/IP协议IP地址和域名Internet提供的主要服务WWW简介浏览器服务器模式,1.1Internet概述,Internet与TCP/IP协议Internet即国际计算机互联网，在中国也称“因特网”或“万维网”，是由符合TCP/IP等网络协议的网络组成的互联网。,表1-1TCP/IP模型和OSI参考模型对照关系,1.1Internet概述,IP地址和域名,IP地址由网络地址（netid）和主机地址（hostid）两部分组成。网络地址标识了主机所在的逻辑网络，主机地址则用来标识网络中的一台主机。,IP地址是一个32位的二进制数,为了便于记忆，分成四组，每组八位二进制数。但通常采用十进制表示，即每个字节的二进制数转换成十进制数，每个十进制数之间用圆点“.”隔开，这叫做“点分法十进制”。例如：11001010110011101100000001000010表示成：6,1.1Internet概述,IP地址的类型IP地址中的网络地址是由Internet网络中心来统一分配的。为了根据不同的网络规模来合理分配IP地址，IP地址分为ABC三个基本类。,1.1Internet概述,域名,IP地址能唯一标识网上的主机地址，但为了便于记忆，为此提供了一种域名系统DNS，域名和IP地址之间存在一一对应的关系，域名由四部分组成。格式为：计算机名.组织机构名.二级域名.顶级域名,例如：公安大学域名：,1.1Internet概述,Internet提供的主要服务,Internet为我们提供了信息获取、发布和交流的渠道，其服务功能包括：,WWW服务电子邮件文件的下载和上传FTP（文件传输）服务UsenetNews（新闻组）和BBS（电子公告牌）服务Telnet（远程登录）服务网上游戏个人主页空间电子商务,WWW简介,浏览器与网页统一资源定位器（URL）超文本超文本置标语言HTMLHTTP主页常用搜索引擎,浏览器服务器模式,1.1Internet概述,1.2网站规划设计概述,网站规划设计是指在网站建设前对市场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。,网站设计流程,编写网站设计的计划书确定网站设计总体思想，即网站设计如何能实现网站规划中提出的目标，以及网站的风格和特点，网页的外观与使用方面的特点确定网站提供的内容网站交互设计，如信息反馈、意见调查等对网站的内容进行分类设计网页必有的内容，如公司标志、联系方法和导航条等制作网页的模板检查网页的链接根据需要修改不合适的地方正式发布网站,1.2网站规划设计概述,确定网站的类型,门户网站搜索引擎电子商务网站数据中心主题信息网站团体网站个人网站,网站的建设技术,静态网页技术动态网页技术,1.3网页设计基础,网页设计规划,1.确定网页的整体风格,2.设计网页框架,图1-2个人网页框架草图,网页的基本元素,1.3网页设计基础,文本图片和动画声音和视频超链接表格表单导航栏其它常见元素,网页布局,网页布局的常用技术如下:,CSS（层叠样式表）布局表格布局框架布局,1.3网页设计基础,网页布局类型,“国”字型布局拐角型布局标题正文型布局左右框架型布局上下框架型布局封面型布局Flash型布局,1.3网页设计基础,网页设计工具简介,1.网页制作工具,文本编辑器FrontPageDreamweaverAdobePagemill,2.网页图形图像处理工具,FireworksPhotoshopCorelDraw,3.网页动画制作与特效工具,FlashUleadGifAnimator,1.3网页设计基础,网页三剑客,Adobe公司的Dreamweaver、Fireworks和Flash系列产品，素有网页“三剑客”之称。它们是专门用于网页制作和站点管理的软件。其中Dreamweaver被大家称为“织梦者”，众多专业网站和个人主页都把它列为首选工具。Flash是“三剑客”中的“闪电”，其以网上动画为特长，它做出的动画效果真是精美致极。Fireworks是“三剑客”中的“火焰”，它以处理页面图片为特长，并可以轻松制作GIF动画。,本章小结,本章作为教程的开篇内容，介绍了网页设计的入门知识，主要包括：了解Internet与网页设计的基本概念的内容，如Internet的概念、网络提供的服务；了解网站设计的基础内容，如设计网站的类型、网站的规划及相关技术；掌握网站制作的基础知识，如构成网页的基本要素、网页的布局；以及网页设计与制作的