Internet及网页设计7

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

一、网站的形象设计与CI策划二、网站的目录结构和链接结构三、版面布局与首页设计四、网页的色彩搭配五、建站简述所谓CI,是借用的广告术语。(CI是英文corporateidentity的缩写),意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是,杰出的例子如:可口可乐公司,全球统一的标志,色彩和产品包装,给我们的印象极为深刻。更多的例子如SONY,三菱,麦当劳等等。首先你需要设计制作一个网站的标志(logo)。就如同商标一样,logo是你站点特色和内涵的集中体现,看见logo就让大家联想起你的站点。1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。2.LOGO是网站形象的重要体现。3、LOGO的国际标准规范网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩。例如:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。一般来说,适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。目前常见的中文字体有二三十种,常见的英文字体有近百种,网络上还有许多专用英文艺术字体下载。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有安装你的特别字体。1.网站的目录结构●不要将所有文件都存放在根目录下。●按栏目内容建立子目录。●在每个主目录下都建立独立的images目录。●目录的层次不要太深。目录的层次建议不要超过3层。原因很简单,维护管理方便。我们研究网站的链接结构的目的在于:用最少的链接,使得浏览最有效率。一般的,建立网站的链接结构有两种基本方式:2.网站的链接结构1)树状链接结构(一对一)。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会迷路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。2.星状链接结构(一对多)。类似网络服务器的链接,每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面,又可以清晰的知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构举个例子。一个新闻站点的页面结构如下:一级页面二级页面财经新闻页--[财经新闻1,财经新闻2...]/|首页--娱乐新闻页--[娱乐新闻1,娱乐新闻2...]\|IT新闻页--[IT新闻1,IT新闻2...]有站点为了免去返回一级页面的麻烦,将二级页面直接用新开窗口(POPupwindows)打开,浏览结束后关闭即可。以上我们都是用的三级页面举例。如果您的站点内容庞大,分类明细,需要超过三级页面,那么建议你在页面里显示导航条,可以帮助浏览者明确自己所处的位置。就是您经常看到许多网站页面顶部的,类似这样:“您现在的位置是:首页-财经新闻-股市信息-深圳股-深发展”草案建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本。T”结构布局。所谓“T”结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人看之无味。POP布局(自由布局)POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如ELLE.com。优点显而易见:漂亮吸引人。缺点就是速度慢。首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的“功力”了。所以,首页的设计和制作是绝对要重视和花心思的。首页的制作风格也决定了整个网站将要延续的风格。一般首页设计和制作占整个制作时间相当大的比重。书籍封面式首页有些大型网站往往有一个书籍封面式的首页,上面只有一个“进入”的链接,点击之后才可进入到网站。这种首页设计精美、考究。期刊杂志式首页与书刊封面式首页相似,但在首页上有网站全部内容的目录索引,图文并茂,看上去就像期刊杂志的封面,即漂亮,又使网站的主要内容一目了然,是一种值得推荐的形式。报纸式首页许多电子商务网站、搜索引擎网站和新闻信息网站更加务实,为了速度和操作的简便,往往采用报纸式的首页设计,将栏目索引、功能模块、具体内容一并显示在首页,看上去就像报纸的头版一样。色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。1.使用单色尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。2.使用邻近色所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。3.使用对比色对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。4.背景色的使用背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。一般网站建设步骤:1.确定网站的建设目标,包括市场调研、网站类型的选择、发展方向的确定和估算网站建设费用和运作的费用。2.熟悉网站建设的有关法律。3.申请IP地址和域名。4.选择Internet的接入方式。5.选择ISP服务商。6.网站的开发和安全策略的选择。7.网站的运营和维护。1、网站建设步骤大多数完整的网站都有有以下六个部分:1.网络接入部分:主要是指Internet的边缘接入设备,包括路由器、调制设备、防火墙、防病毒墙等安全系统。路由器决定着服务的带宽。2.服务器部分:包括计算机硬件、操作系统、Web服务器、Email服务器、FTP服务器、新闻组服务器等,对于需要几百兆高带宽接入的大型网站,需要多台服务器组成群集系统提供均载服务,同时也可以避免单点故障。有时还需要在多个广域网内做镜像站点,并将同一域名解析到多个IP,将用户路由到最快的站点。3.数据存储部分:丰富的资讯需要后台的大型数据存储系统来支持。它需要海量存储能力和高速搜索能力,同时还要有数据的采集、制作、存储和发布。4.中间件部分:是服务器部分和数据存储部分间的桥梁,例如视频点播系统中的控制系统。5.研发制作与维护系统。6.安全部分:由于整个网站暴露在Internet网中,安全防范应贯穿到每个组件中。2、网站的结构如何选择网站的安置方式,应该按照网站的自身的特点选择一种或几种,下面是几种安置方式:1).专线接入(自己的Web服务器):对整个服务器和网站拥有控制权,开发和维护非常方便。但费用高,需购买服务器、路由器和软件,并需租用专线接入。适用于上网需求大的单位。2).服务器托管和专用服务器:将配置好的Web服务器放到高带宽入网(100M以上)的电信局或专门的数据中心,或租用其专用服务器,通过拨号、ISDN、DDN等低速线路远程维护。优点是比专线接入的费用低得多,收费按占用的机架空间和接入带宽计算。不需要购买路由器。同时,ISP提供优越的机架空间、网络安全防护、UPS供电、恒温恒湿环境及防火设施等,适用于中、大规模的网站。但远程维护的难度较大。许多大型网站就是以此形式建立站点及镜像站点的。3).虚拟主机或租用空间:在同一台计算机、同一操作系统上,建立一台台虚拟的主机,每一台虚拟主机可拥有独立的域名,可以共享一个IP地址,也可以具有独立的IP,能提供完整的Internet服务(包括、FTP、Email等),缺点是不能支持高访问量,远程管理有限、软件安装不方便。不需要购买路由器。是中、小型企业在低投入情况下的一种很好的选择。

1 / 26
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功