设计网页的知识.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)，如图11所示。

不同的亮度会对人们的视觉产生不同的影响，颜色重的会显得面积小，颜色浅的会显得面积大。将同样面积和形状的三种颜色摆放在画面中，如图1-2所示，画面显得单调、乏味，这种过于平均化的摆放在网页制定中是不可取的。设定颜色最重的褐色为主要色，因此面积最大，中间色稍小，浅色面积最小，如图1-3所示，画面马上就显得丰富了。
插入图片的颜色一定要与基本色和谐，在Photpshop CS中调节插入图片的色调，所有冷色调的颜色都要用暖褐色中和。
2.冷色调 青，蓝，紫都属于冷色系，冷色调可以给人明快、硬朗的感觉。 例如，设定两种颜色(R:50、G:80、B:110和R140、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 页