设计网页的知识.docx

设计网页的知识

〔制定〕网页的知识
以下就是制定网页的知识等等的介绍，希望为您带来帮助。

制定网页的知识：版面布局
我们所说的网站的版面，其实是指打开一个浏览器以后所看到的一个完整的页面(其里面包涵了框架，以及层)鉴于每个人〔电脑〕的显示器的分辨率都是不同的，所以同一个页面，可能会有不同的大小，它可能会640*480像素,800*600像素,1024*768像素等大小不同的尺寸。
通常所说的布局指的是以最合适阅读的方式，将图片以及文字摆放在页面的不同地方。你有可能会注意到"最合适'这个词，它是一个不确定的词。那么怎么样才干称之为最合适的呢?非常遗憾的是，我们不能给大家一个明确的答案。就好像是有人想要了解成功的秘诀是什么，而成功者仅仅能告诉你应该使用什么方法，才有可能最快的获得成功，而不可能将一步成功的"秘诀'告诉您一样
版面的布局是一个十分具有创意的知识点，可是其创意度要比站点整体的创意简单的多，也更加的有规律，下面我们就给大家介绍一下关于版面布局的步聚：
一、草案
刚刚建立的页面就像是一张纸一样，里面没有任何的表格，框架，以及那些约定俗成的东西。你有许多的想象空间，你可以将你所想到的"景象'画到这个页面上去。些阶段属于创造的阶段，它不要求你细腻，更不要求你工整，你不必去合计其细节，只必须要用粗陋的线条，将你创意的创意就可以了。所以你可以尽你的想象去多画几张，最后再选出一张你认为最落单的"画作'作为你持续创作的脚本。
二、粗略布局重要的模块放在最显眼，最特别的位置，然后在合计次要模块的排放。在确定了草案之后，你可以将你所确定的功能模块安排到你的页面上去。
三、定案
将你所制定的比较粗略的布局变得更加的精细化，具体化。在制定其布局的过程时候，我们必须要遵循的原则如下：
1、正常平衡的原则---我们又可以将此原则称之为"匀称'。它最主要的是强调秩序，使其可以达到安定诚实，以及依赖的目的。
2、异常平衡的原则---通过此原则的布局可以达到将强调性，不安性，高注目性融为一体的效果。
3、对比原则---此原则不仅要利用色彩，色调等技巧，同时还应该在内容具有新与旧，贫与富等的对比。
4、凝视的原则---这一原则就是指利用页面中的人物为视线，使访客可以有一种仿照，以及跟随的心理，最后达到凝视页面的目的。
网页制作中的相近色应用
1.暖色调 暖色主要由红色调组成，比如红色、橙色和黄色。暖色调给人温暖、舒适和活力的感觉，因此在网页制定中可以特别视化效果。 在网页中应用相近色时，要注意色块的大小和位置。例如，设置三种暖色调(R:120、G:40、B:15，R:160、G:90、B:40和R:180、G:130、B:90)，如图1-1所示。

不同的亮度会对人们的视觉产生不同的影响，颜色重的会显得面积小，颜色浅的会显得面积大。将同样面积和形状的三种颜色摆放在画面中，如图1-2所示，画面显得单调、乏味，这种过于平均化的摆放在网页制定中是不可取的。设定颜色最重的褐色为主要色，因此面积最大，中间色稍小，浅色面积最小，如图1-3所示，画面马上就显得丰富了。
插入图片的颜色一定要与基本色和谐，在Photpshop CS中调节插入图片的色调，所有冷色调的颜色都要用暖褐色中和。
2.冷色调 青，蓝，紫都属于冷色系，冷色调可以给人明快、硬朗的感觉。 例如，设定两种颜色(R:50、G:80、B:110和R:140、G:170、B:180)，一深一浅，一个略微偏蓝，一个略微偏绿，虽然颜色的倾向略有不同，但两种颜色放在一起非常和谐，理解了这种颜色关系，就可以在网页制定中创造出和谐的颜色搭配。 执行"图像'"调整'"色彩平衡'命令，调节要导入图片的颜色，注意坚持图片色彩和所选色的和谐，掌握好分寸。
导航条也要使用纯度不高的浅蓝色。这种和谐的冷色调会使人感受到科技和将来。
网站制作必须了解的基本常识
一、网站域名
网站域名是网站的名片，也是客户访问网站的第一途径和通道，而建设一个网站该取一个怎样的域名合适呢?首先，要符合简单好记的准则，比如腾讯的域名：. ,阿里巴巴的域名：.alibaba ,是不是简单好记，然后可以选择和你行业有关联的域名，比如用行业的英文名字的首字母组合，或者拼音的首字母组合，这样的取的域名就是正确合适的。
二、网站服务器和虚拟主机
合适网站建设优化的网站服务器要求和配置主要有下面几点要求：1.云服务器(主机)2.独立ip;3.ISP网络访问具备兼容性;4.提供数据备份;5.服务器配置和资源分配合理;6.支持SEO常用技术(比如自定义404)7.打开速度快;8.稳定性和安全性好;9.虚拟目录绑定和建站数量不能过多;10.硬盘和内存空间适中。
三、网站类型和定位
你是必须要一个优化推广的营销型网站，还是必须要一个高端大气的品牌网站，或者是一个创意感十足的h5网站。你的网站是定位于国际性的外贸，还是内贸，是只必须要企业展示效果，还是推广网站产品。这些也是网站建设必须知道的。
四、产品受众人群
网站建设是为企业产品做宣扬和推广的，你必须的知道你的受众人群，目标客户和潜在人群，了解他们的年龄层次，消费习惯，兴趣爱好等等，只有知道这些，你才知道你网站应该更新什么文章内容，去哪些博客论坛做外链引流等等。
五、后期的维护和推广
网站建好后，就要继续的更新维护，以及最主要的推广功能。网站建好后不更新不维护，相当于一个死站，会被互联网海洋淹没，被搜索引擎抛弃。推广的话分付费和免费推广，付费就是SEM，包括搜索推广、网盟、知识等，免费就是SEO搜索引擎优化，对网站的一系列优化，使网站达到优良的排名。
前端开发工程师必备的相关知识
接下来再来谈一下前端的拓展技能。
1.选择性的掌握一下Photoshop或者Fireworks
学到什么程度可以依据你自己的必须求来定。如果将来靠前端吃饭，去大公司是不必须要前端开发做制定稿的，会分层切图就可以了。当然，如果对制定方面感兴趣的话，把PS玩的很溜，也是不错的事情。
2.了解一门后端语言
可以了解一下PHP+Mysql或者JSP等后端语言。职业的特别性决定了我们必须要跟后端工频繁的〔沟通〕，掌握这方面的一些知识有利于更有效的交流问题。提升前端在整个团队中的形象，进而提升自己的待遇。另外，学好这部分东西，有企业找你做网站的时候，你可以拿的更稳妥。至于学PHP还是学JSP，依据自己的爱好来定，个人感觉PHP很不错，很多开源程序都是PHP的，学会了有利于自己建站。另外，wordpress是个很好玩的东西。
3.SEO+UE(用户体验)
用户体验是王道，而SEO是吸引用户的王道。UE其实是前端开发不可缺失的一部分。玩好这一点，往上，可以晋升到产品经理、部门经理的位置;往下，可以博得自己客户的满意。况且这东西并不难学，多留神观察生活就是了。何乐而不为呢?
4.前端性能优化
掌握这门手艺，可以使网站速度得到提升，从而为公司节约开支。有时间可以查询一下网站页面优化法则，如：尽量减少HTTP请求次数、CSSSprites图片整合技术、合并CSS与JS、运用CDN技术、减少DNS查找次数、避免重定向等等。
不管是UI制定培训课程还是web前端开发培训课程，同属于制定领域的技术课程，在南京达内培训有独立的两门技术课程存在，同学可以依据自己的将来发展方一直决定学习哪一种课程，上文也具体的阐述了这两种技术人员的发展方向是怎么样，对此，南京UI制定培训建议你关注微信：达内为上软件，或者在本站多多了解制定方面的技术课程。

第 7 页 共 7 页