建站技术问答汇总

发布时间:2013-07-18 16:10:31   来源:文档文库   
字号:

建站技术问答汇总

网站设计中色彩搭配的原则和方法

网站设计的好与坏直接关系到色彩搭配的运用上,下面为您介绍一下色彩搭配的原则及方法。

一、色彩搭配原则

在选择网页色彩时,除了考虑网站本身的特点外还要遵循一定的艺术规律,从而设计出精美的网页。

1.色彩的鲜明性:

如果一个网站的色彩鲜明,很容易引人注意,会给浏览者耳目一新的感觉。

2.色彩的独特性:

要有与众不同色彩,网页的用色必须要有自己独特的风格,这样才能给人浏览者留下深刻的印象。

3.色彩的艺术性:

网站设计是一种艺术活动,因此必须遵循艺术规律。按照内容决定形式的原则,在考虑网站本身特点的同时,大胆进行艺术创新,设计出既符合网站要求,又具有一定艺术特色的网站。

4.色彩搭配的合理性:

色彩要根据主题来确定,不同的主题选用不同的色彩。例如,用蓝色体现科技型网站的专业,用粉红色体现女性的柔情等。

二、网页色彩搭配方法

网页配色很重要,网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力,不恰当的色彩搭配则会让访问者浮躁不安。

1.同种色彩搭配:

吉林市网络公司 www.baihang.com.cn

同种色彩搭配是指首先选定一种色彩,然后调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。

2.邻近色彩搭配:

邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱,易于达到页面和谐统一的效果。

3.对比色彩搭配:

一般来说,色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力,能够起到几种实现的作用。对比色可以突出重点,产生强烈的视觉效果。通过合理使用对比色,能够使网站特色鲜明、重点突出。在设计时,通常以一种颜色为主色调,其对比色作为点缀,以起到画龙点睛的作用。

4.暖色色彩搭配:

暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。

5.冷色色彩搭配:

冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配,这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。

6.有主色的混合色彩搭配:

有主色的混合色彩搭配是指以一种颜色作为主要颜色,同色辅以其他色彩混合搭配,形成缤纷而不杂乱的搭配效果。

7.文字与网页的背景色对比要突出:

文字内容的颜色与网页的背景色对比要突出,底色深,文字的颜色就应浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。

网站在切图时需要注意的几个小问题

吉林市网站建设 www.baihang.com.cn

无论是做企业站还是做门户站,初期需要进行网站策划。策划好之后才可以进行网站设计。首页效果图通过后进行切图。在切图和拼页的时候一定要注意以下几点。

页面的背景效果,如果有渐变效果,一定要切成一像素的图片,然后用CSS样式表来进行平铺。这样既省去了网站的加载时间,也能节省网站的占用空间。

LOGO图设计在切图的时候一定不要夸大,切记不要把LOGO切成BANNER样式。尽量LOGO和公司名称分开切页。

导航设计上如果JS效果和CSS效果能实现的,尽量用这两种技术,文字和图片要区分开,图片做成背景色平铺。

网站正文部分,尽量用左中右的形式来区分

网站底部一定要用文字,因为底部包括版权方,技术支持以及联系方式等信息

在建站过程中,图片和样式表一定要处理好,图片在不影响质量的前提下,压缩的越小越好,而且尽量都放到一个目录下,这样方便于对网站的维护。样式表最好是单独存放于一个目录下,尽量不要在首页和内页里写样式。所有的样式都写到一个样式表文件中。DIV+CSS的构架页面有助于改善压面的速度,同时将会对于搜索引擎的蜘蛛更加的友好。

俗话说细节决定成败。网站在切页过程中,主要考虑的是网站访问速度以及图与图之间的衔接程度。希望以上的几点能对您有所帮助。

HTML5的各种优势

网络标准

HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

多设备、跨平台

HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的网站,你可以很轻易地移植到UC的开放平台、Facebook应用平台,甚至可以通过封装的技术发放到App Store上,所以它的跨平台非常强大,也是大多数人对HTML5有兴趣的主要原因。

自适应网页设计

很早就有人设想,能不能一次设计,普遍适用,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?

2010年,Ethan Marcotte提出了自适应网页设计“这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。

这就解决了传统的一种局面——网站为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

即时更新

航网络科技 www.baihang.com.cn

HTML5更新页很及时。

总结概括HTML5有以下优点:

1、提高可用性和改进用户的友好体验;

2、有几个新的标签,这将有助于开发人员定义重要的内容;

3、可以给站点带来更多的多媒体元素(视频和音频)

4、可以很好的替代FLASHSilverlight

5、当涉及到网站的抓取和索引的时候,对于SEO很友好;

6、将被大量应用于移动应用程序和游戏。

本文来源:https://www.2haoxitong.net/k/doc/d71b7dd84028915f804dc239.html

《建站技术问答汇总.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式