《网页制作基础教程补充DreamweaverCS3》由会员分享,可在线阅读,更多相关《网页制作基础教程补充DreamweaverCS3(75页珍藏版)》请在金锄头文库上搜索。
1、网页制作基础教程网页制作基础教程(DreamweaverDreamweaver CS3 CS3)预备知识预备知识学习的主要内容学习的主要内容网页文件网页文件 网页一般又称网页一般又称HTML文件;文件; 通常看到的网页,大都以通常看到的网页,大都以HTM或或HTML后缀结后缀结尾的文件;尾的文件; 另外还有以另外还有以CGI、ASP、PHP和和JSP后缀结尾的。后缀结尾的。学习的主要内容学习的主要内容网页分类网页分类 根据生成方式,网页大致可以分为根据生成方式,网页大致可以分为静态网页静态网页和和动态网动态网页页两种。两种。 静态网页静态网页 是网站建设初期经常采用的一种形式;是网站建设初期经
2、常采用的一种形式; 网站建设者把内容设计成静态页面,访问者只能被动网站建设者把内容设计成静态页面,访问者只能被动地浏览网站建设者提供的网页内容。地浏览网站建设者提供的网页内容。学习的主要内容学习的主要内容静态网页的特点静态网页的特点 网页网页内容不会发生变化内容不会发生变化,除非网页设计者修改,除非网页设计者修改了网页的内容。了网页的内容。 不能实现和浏览网页的用户之间的不能实现和浏览网页的用户之间的交互交互。学习的主要内容学习的主要内容动态网页动态网页 网络技术日新月异,许多网页文件的扩展名不再是网络技术日新月异,许多网页文件的扩展名不再是. .htmhtm,还有,还有. .phpphp、.
3、asp.asp等,这些都是采用动态页技术制作出来的。等,这些都是采用动态页技术制作出来的。 特点特点 动态网页以数据库技术为基础,可以大大降低网站维护的工作量。动态网页以数据库技术为基础,可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能,如用户注册、用户采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、用户管理、订单管理等。登录、搜索查询、用户管理、订单管理等。学习的主要内容学习的主要内容1、html标记语言标记语言2、制作网页的工具、制作网页的工具 Microsoft FrontPage Netscape编辑器编辑器 Dreamweaver网络
4、与网站设计基础知识网络与网站设计基础知识1、Internet概述概述2、网页设计概述、网页设计概述3、网站设计概述、网站设计概述1、Internet概述概述InternetInternet 即国际计算机互联网,在中国也称即国际计算机互联网,在中国也称“因特网因特网”或或“万维网万维网”,是由符合,是由符合TCP/IP等网络协议的网络组成等网络协议的网络组成的互联网。的互联网。 它是目前全世界最大的网络,包含着丰富多彩的信它是目前全世界最大的网络,包含着丰富多彩的信息,并提供方便快捷的服务。它缩短了人们之间的距息,并提供方便快捷的服务。它缩短了人们之间的距离。离。1、Internet概述概述 通
5、过通过InternetInternet,用户可以与接入,用户可以与接入InternetInternet的任何一台计算机进行的任何一台计算机进行交流交流,如发邮件、聊天、,如发邮件、聊天、通话等。通话等。 在这一节中,主要介绍在这一节中,主要介绍InternetInternet的工作原的工作原理、理、InternetInternet发展简史及其提供的主要服务等发展简史及其提供的主要服务等基础知识,让用户对基础知识,让用户对InternetInternet有个大致的了解。有个大致的了解。1、Internet概述概述Internet的工作原理的工作原理 Internet是一种全球范围的基于分组交换原
6、理和是一种全球范围的基于分组交换原理和TCP/IP的计算机网络。它将信息进行分组(分割为许的计算机网络。它将信息进行分组(分割为许多小数据包)后以多小数据包)后以数据包数据包为单位进行传输。为单位进行传输。 Internet在进行信息传输时要完成的任务主要有在进行信息传输时要完成的任务主要有两项:一是正确分割源文件,以及在目的地将同一源两项:一是正确分割源文件,以及在目的地将同一源文件的数据包准确地重组起来;二是将数据包准确地文件的数据包准确地重组起来;二是将数据包准确地送往目的地送往目的地。1、Internet概述概述Internet发展简史发展简史 Internet起源于起源于20世纪世纪
7、60年代。年代。1968年,基于年,基于分组交换原理的计算机网络分组交换原理的计算机网络ARPANET。1983年,年,TCP/IP协议的建立,使计算机通信有了统一的标准。协议的建立,使计算机通信有了统一的标准。这是计算机网络发展史上的一个里程碑,网络从此进这是计算机网络发展史上的一个里程碑,网络从此进入高速发展的时代。入高速发展的时代。1、Internet概述概述 Internet提供的主要服务提供的主要服务 1电子邮件电子邮件 2文件的下载和上传文件的下载和上传 3信息查询信息查询 4文件传输文件传输 5网上聊天网上聊天 6BBS电子公告栏电子公告栏 7网上游戏网上游戏 8个人主页空间个人
8、主页空间 9电子商务电子商务1、Internet概述概述IPIP地址和域名地址和域名 1 1、IPIP地址地址 在在InternetInternet上,每一个节点都依靠唯一的上,每一个节点都依靠唯一的IPIP地址地址互相区分和相互联系。互相区分和相互联系。IPIP地址共占用地址共占用3232位,一般以位,一般以4 4个个十进制数字表示,每个数字之间用小圆点(十进制数字表示,每个数字之间用小圆点(. .)隔开,)隔开,例如,例如,“201.112.10.105201.112.10.105”,这种记录方法称为,这种记录方法称为“点点数数”记号法。通常用记号法。通常用IPIP地址标识一个网络和与网络
9、地址标识一个网络和与网络连接的一台主机。连接的一台主机。1、Internet概述IP地址和域名地址和域名 2、域名、域名 与网络上的数字型与网络上的数字型IPIP地址相对应的字符型地址地址相对应的字符型地址,就被称为域名。,就被称为域名。 TCP/IPTCP/IP中包含着一个域名服务(中包含着一个域名服务(Domain Name ServiceDomain Name Service,DNSDNS)。)。DNSDNS通过一个名为通过一个名为“解析解析”的过程将域名的过程将域名转换转换为为IPIP地址,或者将地址,或者将IPIP地地址转换为域名。名字比用点分隔的十进制数址转换为域名。名字比用点分隔
10、的十进制数IPIP地址更好记些。既然计地址更好记些。既然计算机仍然使用算机仍然使用IPIP地址,那么就必须有一种方法在二者之间进行转换。地址,那么就必须有一种方法在二者之间进行转换。DNSDNS使用查找表格的方法来将二者的值关联起来。使用查找表格的方法来将二者的值关联起来。 1、Internet概述概述 IP地址和域名地址和域名 2、域名、域名 下表表1-1中说明了部分组织的域命名约定,中说明了部分组织的域命名约定,和部分国家的域命名约定。和部分国家的域命名约定。1、Internet概述概述组组 织织 类类 型型域命名约定域命名约定国国 家家域命名约定域命名约定国国 家家域命名约定域命名约定商
11、商业业com澳大利澳大利亚亚au莫桑比克莫桑比克mz教育教育edu加拿大加拿大ca尼日利尼日利亚亚ng政府政府gov中国中国cn波波兰兰po国国际际条条约组织约组织int芬芬兰兰fi卡塔卡塔尔尔qa网网络络提供商提供商net法国法国fr萨萨摩摩亚亚群群岛岛ws非非营营利性利性组织组织org匈牙利匈牙利hu瑞典瑞典se意大利意大利it阿拉伯阿拉伯联联合酋合酋长长国国ae日本日本jp英国英国uk约约旦旦jo美国美国us1、Internet概述万维网万维网WWW WWW和浏览器的基本概念和浏览器的基本概念 WWW是是World Wide Web的缩写,又称的缩写,又称3W或或Web,中文译名为,中文
12、译名为“万维网万维网”。 浏览器实际上就是浏览器实际上就是用于网上浏览的应用程序用于网上浏览的应用程序,其,其主要作用是显示网页和解释脚本。主要作用是显示网页和解释脚本。1、Internet概述 万维网万维网WWW WWW和浏览器的基本概念和浏览器的基本概念 浏览器种类很多,目前常用的有浏览器种类很多,目前常用的有Internet Explorer(简称(简称IE)和)和Netscape两种。下图两种。下图1-2所示的是所示的是IE浏览器的工作界面。浏览器的工作界面。1、Internet概述概述1、上网了解、上网了解Internet提供的服务,并进提供的服务,并进行具体实现。行具体实现。2、浏
13、览熟悉网站,根据域名区分网站属于、浏览熟悉网站,根据域名区分网站属于的类型。的类型。2、网页的设计、网页的设计网页的基本元素网页的基本元素 常见的网页元素包括文本、图片、超链接、常见的网页元素包括文本、图片、超链接、表格、导航栏、动画和交互表单。表格、导航栏、动画和交互表单。 2、网页的设计、网页的设计 网页的基本元素网页的基本元素 1文本文本 2图片和动画图片和动画 3声音和视频声音和视频 4超链接超链接 5导航栏导航栏 6表格表格 7表单表单 8其他常见元素其他常见元素2、网页的设计、网页的设计网页布局网页布局 网页是否精彩,能否吸引浏览者,除了色网页是否精彩,能否吸引浏览者,除了色彩的搭
14、配、文字的变化、图片的处理等因素外,彩的搭配、文字的变化、图片的处理等因素外,还有一个非常重要的因素还有一个非常重要的因素网页的布局。网页的布局。 2、网页的设计、网页的设计网页布局的基本概念网页布局的基本概念 对于初学者,最好应先了解网页布局的基本概念。 页面尺寸页面尺寸 分辨率为分辨率为800600:页面的显示尺寸为:页面的显示尺寸为:780428个象素;个象素; 分辨率为分辨率为1024768:页面的显示尺寸为:页面的显示尺寸为:1007600个象素。个象素。 2、网页的设计、网页的设计网页布局网页布局 整体造型整体造型 这里是指页面的整体形象,这种形象应该是一个整体,图形这里是指页面的
15、整体形象,这种形象应该是一个整体,图形与文本的结合应该是层叠有序的。与文本的结合应该是层叠有序的。 虽然显示器和浏览器都是矩形的,但对于页面的造型,设计虽然显示器和浏览器都是矩形的,但对于页面的造型,设计者可以充分运用自然界中的各种形状及它们的组合,如矩形、圆者可以充分运用自然界中的各种形状及它们的组合,如矩形、圆形、三角形、菱形等。形、三角形、菱形等。 2、网页的设计、网页的设计网页布局的一般步骤网页布局的一般步骤 (1)构思)构思 根据网站内容的整体风格,设计版面布局。不要讲究细节,只要有一个轮廓。根据网站内容的整体风格,设计版面布局。不要讲究细节,只要有一个轮廓。 (2)初步填充内容)初
16、步填充内容 这一步就要把一些主要的内容放到网页中,例如,网站的标志、广告条、菜单、这一步就要把一些主要的内容放到网页中,例如,网站的标志、广告条、菜单、导航条、计数器等。导航条、计数器等。 (3)细化)细化 在这一步,设计者可以利用网页编辑工具把草案做成一个简略的网页,当然,对在这一步,设计者可以利用网页编辑工具把草案做成一个简略的网页,当然,对每一种元素所占的比例也要有一个详细的数字,以便以后修改。每一种元素所占的比例也要有一个详细的数字,以便以后修改。2、网页的设计、网页的设计网页布局的原则网页布局的原则 在构思和设计的过程中,设计者还必须要掌握以下几在构思和设计的过程中,设计者还必须要掌
17、握以下几项原则。项原则。 (1)平衡性)平衡性 (2)对称性)对称性 (3)疏密度)疏密度2、网页的设计、网页的设计网页布局类型网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等。 2、网页的设计、网页的设计 “国国”字型布局字型布局 “国国”字型也可以称为字型也可以称为“同同”字型,是一些大型网站经常使用的类型。字型,是一些大型网站经常使用的类型。 最上面:网站的标题及横幅广告条,接下来就是网站的主要内容最上面:网站的标题及横幅广告条,接下来就是网站的主要内容 左右:分列一些小条内容,左右:分列一些小条内容, 中
18、间:主要部分,与左右一起罗列到底,中间:主要部分,与左右一起罗列到底, 最下面:网站的一些基本信息、联系方式、版权声明等。最下面:网站的一些基本信息、联系方式、版权声明等。 这种布局是网上最常见的一种布局类型。这种布局是网上最常见的一种布局类型。 http:/ 拐角型布局与上一种布局只是形式上的区别,其实是很相似拐角型布局与上一种布局只是形式上的区别,其实是很相似的。的。 该布局上面是标题及广告横幅,接下来的左侧是一窄列链接该布局上面是标题及广告横幅,接下来的左侧是一窄列链接等内容,右面是很宽的正文,最下面也有一些网站的辅助信息。等内容,右面是很宽的正文,最下面也有一些网站的辅助信息。 在这种
19、布局中,左侧一般是导航链接。在这种布局中,左侧一般是导航链接。 http:/ 2、网页的设计、网页的设计标题正文型布局标题正文型布局 标题正文型布局的最上面是标题或类似的一些东西,下面一般标题正文型布局的最上面是标题或类似的一些东西,下面一般是正文,例如,一些文章页面或注册页面等就属于这种类型是正文,例如,一些文章页面或注册页面等就属于这种类型。 左右框架型布局左右框架型布局 采用左右框架型布局的网页分为左、右两部分,一般左面是导采用左右框架型布局的网页分为左、右两部分,一般左面是导航链接,有时最上面会有一个小的标题或标志,右面是正文。大航链接,有时最上面会有一个小的标题或标志,右面是正文。大
20、部分大型论坛和网页教程都使用这种布局,有一些个人网站和企部分大型论坛和网页教程都使用这种布局,有一些个人网站和企业网站也喜欢采用这种布局。业网站也喜欢采用这种布局。2、网页的设计、网页的设计上下框架型布局上下框架型布局 上下框架型布局与左右框架型布局类似,区别仅仅在于这种布局分为上、下两部分。综合框架型布局综合框架型布局 综合框架型布局是左右框架型布局与上下框架型布局的结合,相对较复杂,类似于拐角型布局,只是采用了框架结构。封面型布局封面型布局 封面型布局一般出现在一些网站的首页,由一些精美的平面设计结合一些小的动画组成,在页面中放上几个简单的链接或者仅仅是一个“进入”的链接,甚至直接在图片上
21、加上链接而没有任何提示。这种布局需要精心设计,能给人带来赏心悦目的感觉。2、网页的设计、网页的设计配色原则配色原则 网站给人的第一印象来自于视觉,因此,网站给人的第一印象来自于视觉,因此,确定网站的色彩相当重要。不同的色彩搭配产确定网站的色彩相当重要。不同的色彩搭配产生不同的效果,从而使网站给人以不同的视觉生不同的效果,从而使网站给人以不同的视觉效果,吸引访问者的注意力。效果,吸引访问者的注意力。 2、网页的设计、网页的设计1色彩的形成 简单地说,色彩是一种视觉,是光作用于眼睛的结果。红、绿、蓝色的光被称为三原色光。2色彩的特征 色彩的基本特征主要有色调、亮度和饱和度三个。色调表现色彩的种类,
22、亮度表现色彩的明亮程度,饱和度表现色彩的鲜艳程度。2、网页的设计、网页的设计配色原则配色原则 3色彩的心理感觉色彩的心理感觉 自然界的各种色彩会在人的心中留下不同的印象,产生不同的心理感觉, 例如:红色是一种激奋的色彩,具有刺激效果,能使人产生冲动、愤怒、热情、活力的感觉; 2、网页的设计、网页的设计 配色原则配色原则 4色彩的分类色彩的分类 按照色彩对人们心理的影响可以进行以下分类。按照色彩对人们心理的影响可以进行以下分类。 暖色系暖色系:红、橙、橙黄、黄等色彩让人觉得温馨、和煦、:红、橙、橙黄、黄等色彩让人觉得温馨、和煦、热情。热情。 中性系中性系:黄绿、绿等色彩让人觉得舒适、和谐。:黄绿
23、、绿等色彩让人觉得舒适、和谐。 冷色系冷色系:青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、:青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、高雅。高雅。 2、网页的设计、网页的设计 例子例子 设计出售冷食的虚拟店面,应使用消极而沉静的颜色,设计出售冷食的虚拟店面,应使用消极而沉静的颜色,使人从心理上感觉凉爽一些。使人从心理上感觉凉爽一些。 如果要制作一个休闲主题的个人站点,不妨将网站色如果要制作一个休闲主题的个人站点,不妨将网站色彩设计为天蓝色,如以海水为背景,再搭配一些鱼儿的效彩设计为天蓝色,如以海水为背景,再搭配一些鱼儿的效果会更好。果会更好。2、网页的设计、网页的设计配色原则配色原则 5色彩的选择和
24、搭配色彩的选择和搭配 在制作网站的时候,色彩的选择和搭配非在制作网站的时候,色彩的选择和搭配非常重要。一个网站格调的确定,往往取决于色常重要。一个网站格调的确定,往往取决于色彩的选择与搭配是否适当。彩的选择与搭配是否适当。2、网页的设计、网页的设计网页布局的常用技术网页布局的常用技术 (1)CSS(层叠样式表)布局(层叠样式表)布局 CSS对于初学者来说显得有点复杂,但它的确是一种好的布局方法。对于初学者来说显得有点复杂,但它的确是一种好的布局方法。 (2)表格布局)表格布局 优势:能对不同对象加以处理,而又不用担心不同对象之间的影响。优势:能对不同对象加以处理,而又不用担心不同对象之间的影响
25、。 缺点:当设计者使用了过多的表格时,会影响页面的下载速度。缺点:当设计者使用了过多的表格时,会影响页面的下载速度。 2、网页的设计、网页的设计(3)框架布局)框架布局 由于框架技术的兼容性问题,框架结构的页由于框架技术的兼容性问题,框架结构的页面不太受欢迎。但从布局上考虑,框架结构不面不太受欢迎。但从布局上考虑,框架结构不失为一个好的布局方法。失为一个好的布局方法。(4)div+css布局布局 div+css 是进阶段的,分布模式很随意。是进阶段的,分布模式很随意。 2、网页的设计、网页的设计1、上网查看不同的网页,分析其网页的组、上网查看不同的网页,分析其网页的组成元素有哪些。成元素有哪些
26、。2、打开一些您熟悉的网站,浏览网页,分、打开一些您熟悉的网站,浏览网页,分析其属于哪种布局和色彩搭配。析其属于哪种布局和色彩搭配。3、根据自己的经验和体会,谈谈对网页配、根据自己的经验和体会,谈谈对网页配色的看法。色的看法。3、网站设计、网站设计网站设计的主要任务网站设计的主要任务 网站架构设计;网站架构设计; 以浏览器为客户端的以浏览器为客户端的Web应用程序开发;应用程序开发; 系统测试及网站发布。系统测试及网站发布。3、网站设计、网站设计确定网站的类型确定网站的类型 门户网站门户网站 门户网站(门户网站(Portal SitePortal Site)集合了众多内容,提供多)集合了众多内
27、容,提供多样服务。样服务。 比较知名的中文门户网站有三类:一类是像新浪、搜比较知名的中文门户网站有三类:一类是像新浪、搜狐、网易这样完全由国内网络公司经营的网站,网站内狐、网易这样完全由国内网络公司经营的网站,网站内容除了搜索引擎外,还包括新闻、娱乐、游戏、文化、容除了搜索引擎外,还包括新闻、娱乐、游戏、文化、体育、健康、科技、财经、教育等若干版块,以及网上体育、健康、科技、财经、教育等若干版块,以及网上短信、个人主页空间、免费邮箱等服务项目;短信、个人主页空间、免费邮箱等服务项目;3、网站设计、网站设计门户网站门户网站 第二类是境外投资的网站,如中文雅虎、美国在线第二类是境外投资的网站,如中
28、文雅虎、美国在线等,网站内容以新闻和娱乐为主;等,网站内容以新闻和娱乐为主; 第三类是国内传统媒体办的网站,以人民网、新华第三类是国内传统媒体办的网站,以人民网、新华网、央视国际为代表,以提供新闻和时事评论为主。网、央视国际为代表,以提供新闻和时事评论为主。3、网站设计、网站设计 普及型网站普及型网站 此类网站包括企业网站、大学网站、政府网此类网站包括企业网站、大学网站、政府网站及数量众多的个人网站。站及数量众多的个人网站。 3、网站设计、网站设计电子商务类网站电子商务类网站 电子商务类网站分为电子商务类网站分为B2B(商家对商家)(商家对商家)和和B2C(商家对个人客户)两种,按照交易过(商
29、家对个人客户)两种,按照交易过程可分为商品检索、商品采购、订单支付三个程可分为商品检索、商品采购、订单支付三个阶段。阶段。 3、网站设计、网站设计电子商务类网站电子商务类网站 具有如下功能:具有如下功能: 商品发布;商品发布; 商品选购;商品选购; 购物车;购物车; 在线交易功能;在线交易功能; 商品交接、资金结算功能。商品交接、资金结算功能。3、网站设计、网站设计媒体信息服务类网站媒体信息服务类网站 媒体信息服务类网站是报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象,方便服务对象而建立的网站,主要功能包括:信息发布、电子出版、客户在线咨询、网站管理。办公事务管理网站办公事务管
30、理网站 办公事务管理网站是企业事业单位为了实现办公自动化而建立的内部网站,包括以下主要功能模块:办公事务管理、人力资源管理、财务资产管理和网站管理。商务管理网站商务管理网站 商务管理网站是企业内部为了进行广告及商品管理、客户管理、合同管理、营销管理等目的而建立的网上办公平台。3、网站设计、网站设计网站主题的确定网站主题的确定 网站使用的主要题材有:网上求职、网上聊天网站使用的主要题材有:网上求职、网上聊天/ICQ、网上社区、网上社区/讨论讨论/邮件列表、计算机技术、网页邮件列表、计算机技术、网页/网站开发、娱乐网站、旅行、参考网站开发、娱乐网站、旅行、参考/资讯、家庭资讯、家庭/教育、教育、生
31、活生活/时尚等。时尚等。 在选择网站题材的时候要注意以下在选择网站题材的时候要注意以下3点。点。 主题小而内容精主题小而内容精 题材最好是自己擅长的内容题材最好是自己擅长的内容 3、网站设计、网站设计网站名称的确定网站名称的确定 网站名称也是网站设计的一部分,而且是很关键的一个要素。网站名称也是网站设计的一部分,而且是很关键的一个要素。例如,例如,“电脑学习室电脑学习室”和和“电脑之家电脑之家”相比,后者更简练些;相比,后者更简练些;“迷笛乐园迷笛乐园”和和“MIDI乐园乐园”相比,后者含义更清晰。相比,后者含义更清晰。 选择网站的名称时要注意以下选择网站的名称时要注意以下3点。点。 名称要端
32、正名称要端正 名称要易记名称要易记 名称要有特色名称要有特色3、网站设计、网站设计CICI(Corporate IdentityCorporate Identity,企业形象),企业形象) 是指通过强化视觉效果的手段来加深用户对企业形是指通过强化视觉效果的手段来加深用户对企业形象的印象。例如,可口可乐公司拥有全球统一的标志、象的印象。例如,可口可乐公司拥有全球统一的标志、色彩和产品包装,给人们的印象极为深刻。色彩和产品包装,给人们的印象极为深刻。3、网站设计、网站设计设计网站的标志(设计网站的标志(Logo) 首先设计者需要设计一个网站的标志(首先设计者需要设计一个网站的标志(Logo)。)。
33、如同商标一样,如同商标一样,Logo是站点特色和内涵的集中体现。是站点特色和内涵的集中体现。 Logo可以是中文、英文字母、符号或图案,也可可以是中文、英文字母、符号或图案,也可以是动物或人物等。例如,新浪网用字母以是动物或人物等。例如,新浪网用字母sina加眼睛加眼睛作为作为Logo,体现网站的敏锐和动感的特色。,体现网站的敏锐和动感的特色。3、网站设计、网站设计设计网站的标准色彩设计网站的标准色彩 “标准色彩标准色彩”是指能体现网站形象和延伸内涵的是指能体现网站形象和延伸内涵的色彩。例如,色彩。例如,IBM的深蓝色,肯德基的红色条纹,的深蓝色,肯德基的红色条纹,Windows的红、蓝、黄、
34、绿色块,都使浏览者觉得很的红、蓝、黄、绿色块,都使浏览者觉得很贴切,很和谐。贴切,很和谐。 一个网站的标准色彩不宜超过一个网站的标准色彩不宜超过3种。种。3、网站设计、网站设计设计网站的标准字体设计网站的标准字体 标准字体是指用于标准字体是指用于Logo、标题和主菜单的特有字、标题和主菜单的特有字体。一般网页默认的字体是宋体。可以使用粗仿宋体,体。一般网页默认的字体是宋体。可以使用粗仿宋体,可以用广告体,可以用手写体等。可以用广告体,可以用手写体等。 3、网站设计、网站设计设计网站的宣传标语设计网站的宣传标语 网站的宣传标语也可以说是网站的精神、网站的网站的宣传标语也可以说是网站的精神、网站的
35、目标,最好用一句话甚至一个词来高度概括。它类似目标,最好用一句话甚至一个词来高度概括。它类似于实际生活中的广告语句,例如,雀巢的于实际生活中的广告语句,例如,雀巢的“味道好极味道好极了了”,Intel的的“给你一颗奔腾的心给你一颗奔腾的心”,给人们留下的,给人们留下的印象都极为深刻。印象都极为深刻。3、网站设计、网站设计设计网站的栏目和版块设计网站的栏目和版块 网站栏目的实质是一个网站的大纲索引,索引应网站栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。例如,网易站点分新该将网站的主体明确显示出来。例如,网易站点分新闻、体育、财经、娱乐、教育等版块,每个版块下面闻、体育、财经
36、、娱乐、教育等版块,每个版块下面有各自的主栏目。有各自的主栏目。3、网站设计、网站设计申请域名和站点空间申请域名和站点空间 在创建一个在创建一个Web站点之前,必须先申请域名和站站点之前,必须先申请域名和站点空间。只有申请了域名和站点空间后,用户制作的点空间。只有申请了域名和站点空间后,用户制作的网页才能发布到网页才能发布到Internet上,供他人浏览。上,供他人浏览。 3、网站设计、网站设计申请域名和站点空间申请域名和站点空间 域名只是域名只是Internet中用于解决中用于解决IP地址对应问题的一种方法。地址对应问题的一种方法。域名由若干个英文字母和数字组成,由域名由若干个英文字母和数字
37、组成,由“.”分隔成几部分,如分隔成几部分,如、等。等。 com是顶级域,是顶级域,是是com的次级域,的次级域,是是的次级域。的次级域。 一般默认:一般默认:是国际顶级域名,是国际顶级域名,是是的次级域名,的次级域名, 也是也是的二级域名!的二级域名!是相对于是相对于的二级域名!的二级域名! 3、网站设计、网站设计Internet上域名命名的一般规则上域名命名的一般规则 域名中使用的字符域名中使用的字符 域名中只能包含字符:域名中只能包含字符:26个英文字母、数字个英文字母、数字09和和“_”、“-”、“”等。等。 域名中字符的组合规则域名中字符的组合规则 域名中字符的组合规则是:在域名中不
38、区分英文字域名中字符的组合规则是:在域名中不区分英文字母的大小写,对于一个域名的长度是有一定限制的。母的大小写,对于一个域名的长度是有一定限制的。 3、网站设计、网站设计如何选择好的域名如何选择好的域名 避免难以记忆和过长的域名避免难以记忆和过长的域名 因为较长的单词容易拼错。因为较长的单词容易拼错。 域名中尽量使用常用字符域名中尽量使用常用字符 尽量不要在域名中使用尽量不要在域名中使用“_”、“-”、“”这样这样的特殊字符。的特殊字符。 域名应该朗朗上口,便于记忆域名应该朗朗上口,便于记忆 域名的命名应该朗朗上口且让人过目不忘域名的命名应该朗朗上口且让人过目不忘3、网站设计、网站设计申请域名
39、的注意事项申请域名的注意事项 委托公司代办注册委托公司代办注册 “先申请先注册先申请先注册”的原则的原则 因为因为CNNIC对域名注册采用对域名注册采用“先申请先注册先申请先注册”的原的原则,没有预留服务。则,没有预留服务。3、网站设计、网站设计申请域名的形式申请域名的形式 收费域名收费域名 提供收费域名的提供收费域名的ISP很多。下图所示的是很多。下图所示的是“中国互中国互联联”网站的收费域名申请页面。网站的收费域名申请页面。 域名申请成功后,有的域名申请成功后,有的ISP还附加提供一定的主还附加提供一定的主页空间,可以直接上传发布的网页。采用收费域名的页空间,可以直接上传发布的网页。采用收
40、费域名的最大优点是服务有保证,功能比较齐全。最大优点是服务有保证,功能比较齐全。 3、网站设计、网站设计图 “中国互联”网站收费域名申请页面3、网站设计、网站设计免费域名免费域名 免费域名只提供域名,不提供主页空间,因此这种免费域名只提供域名,不提供主页空间,因此这种域名实际上只提供一种转向功能,不能真正发布网页。域名实际上只提供一种转向功能,不能真正发布网页。 其他常见的提供免费域名的网站地址有:其他常见的提供免费域名的网站地址有:http:/,http:/,http:/my. 等。等。 3、网站设计、网站设计申请域名的步骤申请域名的步骤 查询域名查询域名 在申请注册之前,用户必须先检索一下
41、自己选择的域名是否已经在申请注册之前,用户必须先检索一下自己选择的域名是否已经被注册,最简单的方式就是上网查询。国际顶级域名可到国际互联被注册,最简单的方式就是上网查询。国际顶级域名可到国际互联网络信息中心网络信息中心InterNIC(http:/)的网站上)的网站上查询,国内顶级域名可到中国互联网络信息中心查询,国内顶级域名可到中国互联网络信息中心CNNIC(http:/)的网站上查询。例如,用)的网站上查询。例如,用户可以先登录到户可以先登录到CNNIC查询一下自己选择的国内顶级域名,如下图查询一下自己选择的国内顶级域名,如下图所示。所示。 3、网站设计、网站设计图 查询域名3、网站设计、
42、网站设计网站空间网站空间 网站是建立在网络服务器上的一组网站是建立在网络服务器上的一组Web文件,它文件,它们需要占据一定的硬盘空间。这就是一个网站所需的们需要占据一定的硬盘空间。这就是一个网站所需的网站空间。网站空间。 一个网站需要多少空间呢?这是网站建设者十分一个网站需要多少空间呢?这是网站建设者十分关心的问题。以企业网站为例,一个企业网站的基本关心的问题。以企业网站为例,一个企业网站的基本网页网页HTML文件和网页图片需要文件和网页图片需要13MB的空间,产品的空间,产品照片和各种介绍性页面的大小一般为照片和各种介绍性页面的大小一般为10MB左右左右.3、网站设计、网站设计申请个人网站空
43、间的注意事项申请个人网站空间的注意事项 个人网站的页面中不能有黑客、色情、反动、敏感及个人网站的页面中不能有黑客、色情、反动、敏感及违反现行国家法律的内容;违反现行国家法律的内容; 如果个人网站空间服务商要求用户将一些代码添加如果个人网站空间服务商要求用户将一些代码添加到用户的个人主页源代码中,请务必添加进去,否则到用户的个人主页源代码中,请务必添加进去,否则服务商会随时停止对用户的服务;服务商会随时停止对用户的服务; 3、网站设计、网站设计 申请个人网站空间的注意事项申请个人网站空间的注意事项 一般用户不要在某个站点同时申请两个以上的个一般用户不要在某个站点同时申请两个以上的个人空间,因为系
44、统可能随时会删除其中一个站点;人空间,因为系统可能随时会删除其中一个站点; 页面制作好后,请尽快上传并及时更新,有些系统页面制作好后,请尽快上传并及时更新,有些系统会定时删除超过规定时间未上传或更新主页者的账号。会定时删除超过规定时间未上传或更新主页者的账号。3、网站设计、网站设计申请个人网站空间的方法申请个人网站空间的方法 申请免费主页空间的过程一般大同小异,下图所申请免费主页空间的过程一般大同小异,下图所示的是示的是“雅虎地球村雅虎地球村”免费主页空间申请页面,申请免费主页空间申请页面,申请成功后显示如图所示的页面。成功后显示如图所示的页面。 3、网站设计、网站设计图 “雅虎地球村”免费主
45、页空间申请页面 图 “雅虎地球村”主页申请成功的页面 3、网站设计、网站设计申请计数器申请计数器 “雅虎地球村雅虎地球村”网站上提供免费的计数器插件,只网站上提供免费的计数器插件,只要用户已经在要用户已经在“雅虎地球村雅虎地球村”网站申请了主页空间,网站申请了主页空间,登录后即可在如图所示的页面中申请计数器。登录后即可在如图所示的页面中申请计数器。 3、网站设计、网站设计图 申请计数器3、网站设计、网站设计申请留言板申请留言板 同样,同样,“雅虎地球村雅虎地球村”网站上也为用户提供免费网站上也为用户提供免费的留言板插件,申请方法与计数器类似,如图所示。的留言板插件,申请方法与计数器类似,如图所示。 3、网站设计、网站设计图 在“雅虎地球村”中申请留言板3、网站设计、网站设计1如何在网上申请域名和个人主页空间?请上如何在网上申请域名和个人主页空间?请上网尝试申请免费的域名和空间。网尝试申请免费的域名和空间。2如何申请计数器、留言板?请上网尝试申请如何申请计数器、留言板?请上网尝试申请免费的计数器和留言板。免费的计数器和留言板。