网页排版设计
DOCTYPE是什么？
DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 DOCTYPE声明 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看很多使用XHTML标准开发的网站，第一行就是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，网页陶吧，会发现同样的代码。而另一些符合标准的站点的代码则如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">那么这些代码有什么含义？一定要放置吗？什么是DOCTYPE上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。XHTML 1.0 提供了三种DTD声明可供选择：* 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">* 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">* 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD，完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">我们选择什么样的DOCTYPE理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。注：上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag，例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的，而不是用来实现表现形式，我们过渡的目的是最终实现数据和表现相分离。打个比方：人体模特换衣服。模特就好比数据，衣服则是表现形式，模特和衣服是分离的，这样你就可以随意换衣服。而原来HTML4中，数据和表现是混杂在一起的，要一次性换个表现形式非常困难。呵呵，有点抽象了，这个概念需要我们在应用过程中逐步领会。补充DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。
怎样设计网页保持整体风格统一
网站总体色彩一致的优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。
在色彩的一致性中，我们强调的是如果企业有自身的CI形象，最好在互联网中沿袭这个形象，给观众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取一两种主要色彩，几种辅助色彩。
二、网站结构的一致
网站结构是网站的的骨架，结构关系网站的浏览习惯和设计风格，所以，网站的栏目内页和内容内页必须和首页的风格要一致，就肯定要从网站的结构上下功夫。最重要的就是网站布局了，网站的相关内容文字排版等等也应该有所体现。
三、网站导航条要统一协调
导航是连接各个页面的最主要部分，一个导航统一的网站，是风格一致的基础部分，好的导航条可以带给人很深的印象。
四、网站的图像要统一
网站的图片并非越多越好，对于那些没有用处的图片不要在网页上占用空间，既无用又浪费设计时间，此外也降低了网页加载速度，对于相部位的相同图片，尽量用同一个URL路径，而不是使用不同的路径。而是作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。
五、网站标志性元素的一致性
即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新，这也是SEO的要求。
六、网站的特别元素要一致
在网站设计中，个别具有特色的元素，如标志、象征图形、局部设计等重复出现，也会给访问者留下深刻印象。比如网站结构在某一点上的变化，由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。
七、网站的背景图片及背景颜色等统一问题
做网站时，网站的内页有必要和首页的风格一致，这样才显出网站是一个整体。这些都是内页风格保持一致要注意的。
前端开发工程师和网页设计的区别是？
前端开发工程师独立出来主要就是做数据交互、后台处理、SEO优化等工作，要熟练各种脚本语言和运行环境，熟悉XML、SQL、ORACLE等数据库，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等网站处理技术。网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
网页设计需要学习哪些软件？
html 和 javascript、css 语言PHOTOSHOP和网页制作软件Dreamweaver、还有Flash 、Firewokks、FrontPage等。动态网页要涉及的多媒体知识，涉及到的多媒体软件会。
什么是网页设计
网页设计是一个综合性的，工作，他不但但要求你用美术，美术只是其它一门最重要的，还有社会文化的了解，对各方面艺术的精通，精懂，你才会，有更出色的作品，更好的创意，有时候灵感，就是原自每个人的生活，和我们十分相近，只要用心观察，用心学习，就会有进步的首先，基础的工具软件，PS FLASH DW AI 3DMAX这些都要求会使用，并用其做出效果然后，你要用HTML CSS JAVASCIRPT 有所了解并学习，基础客户端语言编程，在则，你最好，了解后，能进一些好的北京地方的，科班进行学习深造，了解构图方法和一些设计理念以备在自己的工作中加以应用，最后，就是，学完后，不一定说明你就是最好的优秀的，各各方面，要看你自己的能力，是否，会来到这个行业中，去学习去进步跟你的团队一起完成一个提案，等，都 是问题，最好学好以后去一些公司实习，或一边实习一边学习，建意你从平面设计开始学起，从平面设计转入交互设计，会有一守的过滤，这样对你日后 ，发展有一定的帮助，你来我团队吧，我是做设计的，这东西，免费没有指点你的，你要慢慢学，你好，你好，网页设计一门综合 性比交广的学课，当然，我也是这个行业中的一员，就像我来说目前在转型，热门行业做的人太多了，比电脑公司技术员还多，所以说，如果你真想入这行业可以进我团交流，大家一起学习，当然，做设计，首先得会用PS吧，最基本你要得会处理图片吧，平面设计你得懂吧，没有平面的基础想做出好的网页基本很难得，出非你是做普通的，在则，网页这个交互性的东西，还要要求用户懂动画，在高点得会JS JQ程序什么的，去实现他的动作。所以说，最重要的就是你要会设计，会设计前提是你得会用PS 然后就是FLASH 或AI 这三个软件，其它的还可以商量 ，如果这三个不会，那就得学软件先，学好软件才能说入这个门的条件后面还有HTML CSS DIV PHP JS JQ 很多东西得学，最重要的就是会跟客户沟通，沟通是设计的一把钥匙，有了它，你会事办公倍的，祝你好运，希望你可以加入我们团队，共同学习谢谢，说的太多了，不知道对你有用没用，希望做为参考，仅能参考 ，不做评论，不会可以学，但要多动手 多做，基础差可以补，语言后其可以在学，前其先把图做好，CSS做好，这都不是太难的课目难得是JS跟后其的动画 效果上。要对自己有信心，加油，
网页设计用什么软件最好？
设计网页现在通常用到的学习软件，现在帮你罗列如下：(1)Photoshop：学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正；各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。(2)CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。(3)PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。(4)Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
进行网页布局的一般步骤是什么？
网页布局一般有七个步骤 如下：1.页面尺寸：页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下的页面范围就变得越来越小。一般，分辨率在1024×768的情况下，页面的显示尺寸为1007×600；分辨率在800×600的情况下，页面的显示尺寸为780×428个象素；分辨率在640×480的情况下，页面的显示尺寸则为620×311个象素。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因，目前的浏览器的工具栏都可以取消或者增加，那么当显示全部的工具栏和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，向下拖动页面是惟一给网页增加内容(尺寸)的方法。要提醒家。除非能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好能在上面做上页面内部连接，以方便访者浏览。2.整体造型：什么是造型，造型就是创造出来的物体形象。页面的整体形象，应该是一个整体，图形与文本的接合应该层叠有序，有机统一。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形则代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是结合多个形状加以设计，其中又以某种形状为主。3.页头：页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将涉及到下面的设计和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。4.文本：文本在页面中多数以“行”或者“块”(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。5.页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚则是放置制作者或者公司信息的地方。能看到，许多此类信息都是放置在页脚的。6.图片：图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而布局思维也将体现在这里。7.多媒体：除了文本和图片，还有声音，动画，视频等等其它媒体。虽然不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也变得更重要起来。
最好的平面设计软件有哪些？
主流平面设计软件—— 图像处理：Adobe Photoshop 矢量绘图：CorelDRAW，Adobe Illustrator 排版软件：Adobe InDesign，Adobe PageMaker 网页设计：Adobe Dreamweaver 多媒体演示：Adobe Director，Macromedia Authorware 平面动画：Adobe Flash 就列举这些吧，已经比较全面了。 祝顺利！
网页设计软件都有哪些？
网页设计软件包括： Photoshop：学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正；各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效 ；Freehand：不论是个人作品设计、公司徽标、海报制作，都可以轻松完成，应用于广告、印刷等行业；CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它；PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法；Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月就会成为一名真正的美术大师，在 Photoshop的基础上再学它如虎添翼，效率成倍提高；DreamWeaver：自制动态HTML动画的网页。
