第一章-网页与网站基础知识培训资料.ppt

　在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。 设计网站的标志(logo) 　　　如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。 　　　标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。 　比如： 　(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。 　(2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 　　　 　　 新浪用字母sina+眼睛作为标志。 北京亿恒伟业房地产开发有限公司的标志是以“亿恒伟业”四个汉字的变形为主体。“亿”字左半部变形为数字“1”，预示着公司将成为行业的龙头老大，也预示者公司全体员工永争第一的拼搏精神和“信誉第一、质量第一”的经营理念，同时也寓意着公司的发展一帆风顺。 北京爱永恒影楼的标志是以英文字母“LOVE和一颗红心为主体，红心中间是抽象的一男一女携手前进的图形，寓意着两个人一颗心，从而寓意着爱永恒。 北京市昌平区第一届机关运动会的会徽是以“昌平”的汉拼“CHANGPING”的第一个字母“C”和“机关”的汉拼“JIGUAN”的第一个字母“J”变形组合的绿色跑道和运动员为主题。整个标志充满活力和激情，寓意着昌平区各机关人员在区政府的正确领导下，各项事业蓬勃发展，充满生机！ 设计网站的标准色彩 　　　网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 　　“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？ 一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。 一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。　　 设计网站的标准字体 　　　和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。 需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！ 设计网站的宣传标语 　　　网站的宣传标语可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。  网页设计与制作 越来越多的人开始熟悉网络，熟悉网页。人们已经渐渐意识到网络正在改变日常生活。人们需要为个人、企业制作一个精彩的网站，这就带来一个新的问题：怎样设计制作一个实用而美观的网站？在一个网站开发者眼中，如果脱离了网页的实用性来谈网页的美，是不实际的。设计制作一个网页，首先是高效科学地安排页面，然后才是对它进行进一步的美化。本课程就带领同学们如何做出一个美观而实用的网站。 第一章 网页与网站基础知识 网页与网站的概念 网页的设计 网站的规划 网站的开发流程 1.1 网页与网站的概念 Internet的概述 WWW 网页与网站 域名与IP地址 1.1.1 Internet的概述 　Internet是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，是提供信息资源查询和信息资源共享的全球最大的信息资源平台。 Internet最初并不是为商业性和广泛使用而设计的。它起源于1969年美国国防部高级研究计划署协助开发的ARPANET。最初是只允许国防部人员进入的封闭式网络。到1987年，在美国国家科学基金会的推动下，将之主要从军事用途转向科学研究和民事用途，形成了今天的Internet主干网雏形NSFNET。全球网络的发展是空前且出人意料的。今天，检查电子邮件、访问喜爱的网站这些活动已融入我们的日常生活。 　　　从国内Internet的发展现状来看，1994年4月，中科院计算机网络信息中心正式接入Internet，在10多年的时间里，中国Internet发生了飞速的发展，截至200