《网页设计与制作》页面设计免费学技术改变生活_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
《网页设计与制作》页面设计免费学技术改变生活
||文档简介
总评分4.4|
&&网​页​设​计​教​程​,​网​页​设​计​软​件​,​网​页​设​计​师​联​盟​,​网​页​设​计​作​品​,​网​页​设​计​模​板​,​网​页​设​计​素​材​,​网​页​设​计​与​制​作​,​网​页​设​计​欣​赏​,​网​页​设​计​培​训​,​网​页​设​计​师
大小：1.95MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢常用软件推荐
原创软件推荐
本月下载排行
语言：英文性质：国外软件软件大小：8.55 MB
WYSIWYG Web Builder是一款所见即所得的网页生成工具，不需要学习HTML，你就可以创建自己的网页。
共享版 | 无插件
人气：14057
语言：英文性质：国外软件软件大小：32.42 MB
WeBuilder 是一个革命性的大全式web代码编辑器，适用于所有的web文件的编辑。界面简洁方便，启动迅速，功能灵活强大，可以快速的创建/编辑HTML, CSS, JavaScript, VBScript, PHP, ASP, SSI 和 Perl 代码。内置集成工具使你可以高效的验证、重用、浏览和配置代码。
共享版 | 无插件
人气：11604
语言：多国语言[中文]性质：国外软件软件大小：28.23 MB
Amazing Slider是一个简单好用的 Windows 和 Mac 应用程序。它可以快速的创造漂亮而又专业的，反应灵敏轮播滑块，视频库和 WordPress的滑块插件等。软件采用可视化操作，非常的简洁，使用非常简单。Amazing Slider使用注意事项：第一次打开如果是英文，请选菜单栏的language-simplified chineseAmazing Slider使用方法：1.
免费版 | 无插件
语言：英文性质：国外软件软件大小：2.51 MB
一个全功能的HTML创作工具，可从任何Windows 95兼容的应用程序中导入全格式化文本、表格、草图，自动转换到HTML。支持最多六个Web浏览器，你可以在它们之间随意切换。支持HTML，frames，CGI，Perl，C++，Java和JavaScript开发。内置FTP客户程序能自动上载修改过的文件。强大的键盘宏。用户定义工具条。用户定义文件模板，允
免费版 | 无插件
人气：2658
语言：简体中文性质：国产软件软件大小：1.66 MB
如果你喜欢她不能亲自向她说不如做个网页，把自己想说的话写进去，然后发个地址给她，里面添加她喜欢的音乐或者mv。不会做网页怎么办，没事。用这个软件帮助你！无需任何编程。一键生成，然后把生成在桌面的 index.html 文件上传到免费空间就可以了。(免费空间地址详见软件包内使用说明)。恋爱表白网页生成器v1.4更新说明：
共享版 | 无插件
人气：35164
语言：简体中文性质：国产软件软件大小：418 KB
建站之星客户端，用户再无需依赖浏览器，通过下载客户端即可搭建网站，更轻松便捷。该客户端个人/企业/设计师均适用！建站之星国内第一建站品牌；国内最盛行、最具影响力的超智能化建站工具实现PC/手机/微信多功能完美融合，拥有国家计算机软件著作权；连续多年荣获信息化行业创新产品奖；已为超过100多万家用户提供网站整
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：920 KB
万能网页编辑器是一款简单功能强大的编辑器，万能网页编辑器可以用来编辑维护主页，为用户提供了很大的发展空间。万能网页编辑器也是一款简单实用网页编辑器，即使你是一个新手只要稍加学习也很很快上手。万能网页编辑器(网页编辑工具)是一款简单免费的网页编辑工具。它可以用来制作主页和维护网页，为用户提供了多种代码和
免费版 | 无插件
人气：1117
语言：简体中文性质：国产软件软件大小：2.59 MB
ColorSchemer Studio(配色工具)下载，超好用的网页配色软件。网页设计和平面设计工作的专业配色和色彩管理软件，具有颜色盘、实时方案、色彩合成器等颜色匹配工具，帮助美工人员找到最合适的色彩搭配方案。ColorSchemer Studio(配色工具)特色功能：－创建保存调色板 －定义各种调和色 －通过联网可以获得更多定制颜色 －创
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：12.48 MB
优优Javascript压缩工具使用Google Closure Compiler核心。能批量将网页代码中的Javascript代码进行压缩、精简，去除冗余代码，并保持代码原有功能同时将代码压缩40%以上。现在的Web项目总是离不开大量JavaScript，而JS文件的体积也越来越大，也越来越影响页面的响应性能。因此，我们会对JS文件进行压缩，一方面是使用Gzip
免费版 | 无插件
语言：多国语言[中文]性质：国外软件软件大小：4.26 MB
FirHtml网页编辑器一个简洁，小巧的网页编辑器。 我们通过上一代，开发出全新的网页编辑器，帮助您高效地设计出精美的网页！新版增加了添加文件域功能。
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：4.30 MB
如果你需要一款能够进行Web代码设计的文本编辑器，那么Bluefish一定是非常适合你的web网页编辑器。Bluefish 文字和图标结合的都很好，非常专业却不令人生畏，初学者能够快速上手。Web网页编辑器功能介绍:Web网页编辑器提供了很多常用的HTML任务选项，例如字体、表格等等，当然还有链接，这个软件是用了一个比较不常见的“链
免费版 | 无插件
人气：1334
语言：简体中文性质：国产软件软件大小：1.19 MB
雨轩告白网站生成工具可以用来生成精美的html5网站，无需服务器,域名，无需编程知识，一键生成自动上传到服务器，可以直接访问生成出来的网站永久存在。
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：1.45 MB
肖水网络chm制作软件介绍：肖水网络chm制作是一款将网页文件（Html文档）转化为CHM文件（已编译的 HTML 帮助文件）和将CHM文件转化为网页文件的软件，即网页“打包”和CHM文件“解包”（CHM文件反编译）；是集 HTML Help Workshop工程创建，目录、索引编写，工程编译和CHM文件反编译等多种功能于一身的 CHM电子图书处理软件
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：673 KB
水淼模板单页生成器实现了静态单页上下篇串联互链+自动分页列表。可以设定一个模板，然后将文件内容导入到模板中的某个位置，再插上上下篇攘础⑺婊唇拥龋纬傻ヒ诚低炒逑怠＜虻サ乃担褂帽救砑梢约虻タ焖俅唇ㄒ桓鲎远忠车木蔡HTML的自成体系的单页型网站。有一个常见的应用是：A君有一些学术文章想要集合在
试用版 | 无插件
人气：2214
语言：简体中文性质：国产软件软件大小：235.00 MB
Sencha Architect是个可视化的应用开发工具，在该公司的HTML5布局工具Ext Designer的基础上构建，并扩展了其功能，来为桌面和移动Web应用的构建提供更为广泛的支持。通过与Sencha Touch 2、Ext JS 4结合，Sencha Architect 2提升了开发者的生产效率并驱动应用设计模式上的最佳实践。 Sencha Architect 3.1 发布，此版本包括
免费版 | 无插件
人气：1744
语言：简体中文性质：国产软件软件大小：278.00 MB
Dreamweaver CS6是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页（通常是标准通用标记语言下的一个应用HTML），对于初级人员，你可以无需编写任何代码就能快速创建web页面。
免费版 | 无插件
人气：68794
语言：英文性质：国外软件软件大小：90 KB
phpcodebeautifier又简称为phpCB，是一款命令行下的php代码格式化工具，能够有是你的php代码变得更加地漂亮。而且phpCodeBeautifier提供非常多的设置参数，用户可以根据个人要求得到想要的格式化结果。phpCodeBeautifier使用方法：用PHPCB为EditPlus添加PHP代码美化工具可以集成在EditPlus或其它编辑器中的PHP代码格式化工
免费版 | 无插件
语言：多国语言[中文]性质：国外软件软件大小：86.14 MB
Maqetta是一个创建桌面和移动用户界面的HTML5设计编辑工具，由IBM公司在2011年发布，Maqetta提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。Maqetta功能：WYSIWYG可视化页面编辑拖曳式移动UI设计设计或源码浏览同步编辑对CSS样式的深度支持，可扩展 CSS 主题和插件 widget原型符合
免费版 | 无插件
人气：1119
语言：简体中文性质：国产软件软件大小：568 KB
表白网源码一键生成器是一键制作表白网网站源码的小工具。表白网源码一键生成器 v2.1更新内容：功能修复部分1.时间问题，时间现在是精确的时间，更换了算法和解决了输入时间会消失的BUG2.修复本地版代码不正常，由于疏忽代码替换出现了问题（这么久没发现很对不起软件的用户，对不起！）3.增加了捐赠按钮，希望支持我的有一
免费版 | 无插件
人气：7630
语言：简体中文性质：国产软件软件大小：1.88 MB
HTMLDraw 是一款功能完备简单易用的网页前台制作辅助工具，能够在短时间里帮你轻松地制作出非同凡响的网页。HTMLDraw模板可直接在线绘制，集成jQuery特效生成器,水晶按钮,HTML5网页特效等。每个模板的样式多达上百种甚至上千种可供选择，包含的特效样式方方面面无微不至，制作出的网页特效效果可同时兼容微软IE6.0以上,火狐
免费版 | 无插件
人气：7362
语言：简体中文性质：国产软件软件大小：5.28 MB
网站模板WebTempMinNews软件特色集成网络各大网络上网站模板，不间断更新网站新模板。有不同类型珍藏的网站模板，宗旨就是让您找到您心仪的网站模板，让您减少找网站模板的烦恼，使您的网站快速的投放使用；让您的工作及人生更辉煌，使您的人生及生更精彩。
免费版 | 无插件
语言：简体中文性质：国产软件软件大小：15.99 MB
G商通手机建站系统无需建站技能，能上网就能建移动手机网站，手机建站模块化，主题多样化，操作傻瓜化。1、手机建站模块化，主题多样化，操作傻瓜化2、无需建站技能，能上网就能建移动手机网站3、预定义丰富功能模块，抽奖、二维码验证、自定义搜索等应有尽有4、二维码引导，无缝化手机浏览5、我们致力于实现真正的DIY手机
免费版 | 无插件
人气：4338
语言：简体中文性质：国产软件软件大小：657 KB
疯狂的美工超级热点链接工具比DW方便-比DW完美，没有繁琐操作~ 带通用模式和无痕模式，通用模式全面支持：淘宝、天猫、拍拍、京东、一号店，苏宁，国美等其他平台！无痕模式支持：淘宝、天猫 （其他平台不支持），具体看操作教程哦！
共享版 | 无插件
人气：1671
语言：简体中文性质：国产软件软件大小：20.01 MB
AnyDrag建站专家管理系统是新一代智能建站软件，高品质企业网站可一键速成。不仅拥有更精美海量模版，并且加强了页面特效、图片展示等效果，更融合先进的营销、搜索优化SEO等策略，可长期提升网站排名、品牌竞争力，是不可多得的企业建站、自助建站利器。AnyDrag建站专家管理系统帮助您成为网站建设与经营的专家，其可视化
免费版 | 无插件
人气：2460
语言：简体中文性质：国产软件软件大小：80.70 MB
您得利的建站易软件是目前为止最简单建站软件，有了她，您建站不用考虑空间、虚拟主机的租用，网站也是现成了，通过后台管理管理程序稍加修改，就变成您自己公司的网站了，还可以选择不同的模板和其它附加增强功能。您得利的建站易软件的主要特点：1.傻瓜建站，特别简单，会上网就可以，特别针对新手。2.采用新技术，不需要
免费版 | 无插件设计制作一个小型网站。求网址。主 题：大小适中、内容健康、思想积极向上、具有时代气息。题 材：不限，但网站提供的信息应与网站主题相符合。网站色调：站点统一，简洁大方，不能过于花哨。网站规模：站点结构完整，各级页面数量适量（5-10个子页面为适中）。加分项目：特色美工技巧或网页特效、WAP、RSS、FLASH、3D等 。提交格式： 1、设计策划书（doc文件）：说明设计理念、设计流程、设计技巧、设计结构图等，要求排版规范。2、注明所使用的网页制作工具。3、不必交原创模版源图png/psd等原文件，只需附上效果图（jpg或gif格式）。4、网站须压缩打包（可压缩为RAR格式）。5、整个网站大小须控制在2M以内。6、确保提交的网页无病毒。7、严禁抄袭！步骤参考：1、根据个人网站的性质与任务，进行栏目的策划，并为自己的网站取一个名字。2、进行网站结构的规划，确定网站的层次数，画出网站的结构框图。3、根据栏目设计，收集有关材料。4、将收集的材料，按栏目进行分类。5、对收集的材料进行提炼加工，以符合自己的需要。6、上网浏览不同网站的内容和风格，根据你的优势或喜好确定个人网站网页的设计风格。 　　　　　　（1）要求设计网站的标志；
（2）采用互补色，同类色，邻近色以及一些颜色的明暗变化，完成页面的色彩搭配以及页面的布局。　　　　　　（3）确立每个页面之间的链接和整体导航的统一。7、具体设计时，可以参考某个优秀的网站进行页面的设计或者完全自己设计。其步骤如下：
（1）观察所选择参考网站的特点，并进行有效的改造。
（2）在草图上仔细推敲各层页面。
（3）在图像处理软件中，完成各级页面效果的实现。 8、进行各级页面的设计，同时考虑与所需制作软件的结合。
辖许嵩ET36
自己去下载一个现成建站软件系统来改就可以了，比如pageadmin系统、worpress系统、discuz系统这些都很好用，都是免费下载的，会打字就可以用了。
为您推荐：
扫描下载二维码网页设计该怎么学？
按投票排序
上面的答案都在扯什么...看不下去..这就是网页设计？现在的设计都被前端吃了么，连用户体验都不谈了？学习网页设计的第一步难道不是培养审美？之前玩摄影，摄影师柯锡杰在他的一本书里谈到他在日本念摄影学校的时候，教授带他去逛一个摄影展，但教授进去看了几幅作品之后，就匆匆把他拉了出来。他不解，教授解释道“要好好保护自己的眼睛，不要去看那些很烂的作品。”网页设计和摄影也一样，品味是需要自己后天培养的，没有审美谈什么设计？知乎上有很多这方面的好内容可以看看，推荐几个回答：【资源整合类】：【理论类】上面的高票回答都不错，但我觉得结合实例分析比较接地气，更适合初学者看。这篇结合Airbnb的设计谈的，有很多可以直接借鉴的经验，可以直接上手模仿。然后，再推荐篇，知道什么是好的坏的对于一个设计师来说是很重要的一点，可惜很多自诩网页设计师的并不懂这点......当你已经做好准备要设计一个网站时，不妨先随便打开一个网站，按照我下面讲的，想想网页上那些部分的设计是好的，那些部分不够好，再设计自己的网站。1.注意你的视线的第一落点打开网站，但在网站没有完全加载完成前不要睁开眼睛。 而当你睁开眼睛时首先看到的是什么？它是否立即告诉了你这个网页关于什么的？还是你需要再花几分钟的浏览才能搞清楚它的内容？2.眯着眼睛看对着屏幕慢慢闭上你的眼睛，但不要闭死，页面上的内容会慢慢变的模糊。注意你眼睛的视点的移动轨迹，注意你现在的大脑活动，它正在根据现在捕捉到的有限的信息要做出一些直觉反应。 你有没有发现页面的各个区域间有什么变化？你的大脑正在对页面各个区域做对比，你的眼睛本能的捕捉到了页面上各区域间对比最明显的那一部分。3.沿对角线从左上角到右下角扫描整个页面这个是你的眼睛的自觉的阅读方向（当然，在某些文化习惯下这点正好相反)。 因为人类的大脑是按这种顺序来接收信息的，所以你的页面内容就要按照从左上角到右下角的顺序、清晰、有条理的展现出来。3.关于 “五样东西” 的技巧转到你的网站首页，浏览五秒钟，然后说出你能记住的这个首页上的五样东西。只看五秒钟，然后让你的大脑回忆出这个页面上的五样东西。 如果你做到了，请把你回忆到的五样事情和你希望你的网站用户能在这个网页获得的信息的前五条进行对比。 人类的大脑在这么短的时间内只能注意到这么多信息，而且大部分的浏览用户也没有耐心去浏览更多的页面内容，他们此时就开始点击链接进入详细页面了。 用户的这些反应是你的页面给他们的用户体验的第一步，所以一定要让这最值得注意的五样东西体现出它们的价值。4.找出相交线找到页面各模块部分之间的相交线，努力让你的眼睛盯住它们。你的眼睛不自主的落到了屏幕上最重要的那一块里？ 一个好的网页设计能够巧妙的把你的眼球吸引到能在最短的时间里—通常是几秒钟的时间—采集到最多的信息的区域里。5.总结学会用批评的眼光去审视一个网站是一项重要的需要磨练的技能。它需要你以一个用户的视角去看问题，这样的角色转换的越好，你越能发现更好的用户 体验方式。有太多的公司宁愿把大量的时间浪费在争论网站的某个细节上，而却忽略了这更重要的前提工作。这将会把你的用户，最终是你公司的业务置于不利的状 况下，因为这"更重要的前提"是：是什么东西让用户对你的服务或网站有了感觉。看一看你的网站，花上30秒，用这些技巧去评价一下它们。毕竟，这些都是你的主要潜在用户在输入了你的网址后将会做的事情 — 不管他们是否意识到了自己会有这样的思考方式和浏览习惯。最后“你的审美就是你有可能到达的极限”
本农无意散步到此，忍不住多言几句：网页设计师应该了解网站设计规范：主目录下应有一个help目录,存放说明文件。说明文件包括：目录说明文件列表说明：存放位置、文件名称、功能及处理逻辑描述、所涉及的库表、调用关系。数据库说明：数据库位置、空间分配要求、表设计、关系设计、视图设计、存储过程设计等。更多规范可以参考：一系列经验的分享：相关的资料下载： ppt版本pdf全本最后还有沙拉一道：常用工具下载、交互，UI相关分享
做网页设计除了前面各位提到的看书培养审美，一些利器也是必须在手的。嗯。下面放一些栗子，更多网页软件、内容管理系统、样式编辑工具请移步VIVUSVivus是一个让你制作可缩放矢量图片（SVG）的工具，适合入门。里面有三个动效：延时、异步、依次递进。BLOCSBlocs是一个简单的Mac应用，不用写代码就可以创造出现代的响应式网页。它处理速度很快，使用的Bootstrap 3，包括了谷歌网页段的字体，甚至有retina的支持。pixact是一个在线的工具，让你能查看你作品的像素和维度。它给出了一个特定长和宽的画板，然后可以衡量它的精准度。
什么是网页设计网页设计大体可分两块内容，WEB UI设计和前端开发：简单理解来说就是把设计图画好(主要是使用Photoshop)，然后通过技术手段(HTML-CSS-JavaScript)实现出来。再交付后台开发人员嵌入功能。如何开始？理解了前面介绍，你可以考虑下自己兴趣点是哪一块，然后着重入手。这里我只介绍下UI设计这块。WEB UI设计是平面设计的一个分支，涉及页面布局设计，排版，色彩明暗效果等。现在网上Photoshop(简称PS)教程已经非常之多，多看看教程，先把PS工具基本使用方法弄懂了。然后去素材网站下载一些相关的页面psd。再ps里面拆分，分解，看看别人是怎么设计的。弄懂方法之后，尝试自己去设计页面。刚开始做色彩搭配，布局等效果肯定不会很好，多回顾多看慢慢调整，积累多了，功力自然就上来。除技术上得，有时间也要多多补充美术方面得知识。平时多去一些素材网站，酷站收集类的网站看看一些酷站。多看多做。看多了，自己想法也慢慢成型了。这里推荐一些网站，可收集起来：----------------------------------------------------------------------------------------------------------------------------最后提示下，实践是真理，建议先模仿，再重制，后创新。别怕去抄袭。每一个好的艺术家最开始都是临摹开始得。
如果你懂什么叫design，那就开始学web development；如果你已在做development，不妨边学一些web design。设计是概念，开发是实现。懂平面设计，又具备网页开发的能力，才能做出有意思的东西。具体来说，设计方面，可能要研究一下颜色和布局，会做原型设计，掌握几种画图软件; 开发方面，前端 HTML+CSS+JavaScript，可以从一种框架入手学习，也要懂得后端的程序设计。细节后续补上。。。
　　不管做什么，你都要先去知道你所做的是一个什么样的事物。这是我们认知的一个基础的前提，对于我所说的网页设计，有很多的人们都会说，不就是一个网页吗，没什么可认知的。其实这样的观点是大错特错的，在很多的新站长来说，都是有着更加的深的体会的，有的站长认为网页嘛，不需要那么刻意的去设计，只要自己的网站文章原创，搜索引擎收录，PR高，那么网页就无所谓了。这样的观点最大的错误，我个人认为就是这样的网站彻底忽略了用户的感受，是的，你的网站什么都好，但是你要明白你的网站是做给谁看的，是搜索引擎吗，是虚拟的吗。其实我们所做的网站是做给我们的用户去看的，所以如果一个好的网站，所有的方面都是十分的优秀的，但是网页做的十分的简单，空洞。那么试想一下，我们的用户会在你的网页停留多久呢，这就是所谓的网站的外干内强了，即使你的网站做的再优秀，我想也不会有什么成效的。　　有的站长就说了，那么把网页做的漂漂亮亮的，把心思都放在网页的设计之中不就好了。这样的思想还是有着很多的，我自己也遇到过这样的事情，以前做一个网站，打开首页的时候，我感觉真的是十分的漂亮，但是当我仔细去看的时候，发现整个网站页面除了漂亮，根本没什么可读性，没什么文字内容，再去一查才知道网站收录基本没有，网站推广也做的十分差劲。这样的现象就是太注重表面了，忽略了我们的搜索引擎，这样的网站也是不好的，让我们的用户在美感上有着很好的感受之后就再也没什么感受了，这样的现象就是所谓的外强中干了。　　可行性建议：着手设计网页，利用SEO知识进行网站优化，推广，双管齐下，让自己的任何方面都完美化。参见过来人写的文章：。
先弄清楚自己是要学设计还是学做网站。如果是学设计，那应该培养自己的审美，摄影、绘画什么的，学习设计工具的使用如Photoshop
Axure，多看多模仿国外优秀的设计站点，然后找项目锻炼，从此走上UE的职业道路。如果是偏向技术学做网站，那先了解一个网站是如何产生的。可以选择做前端或者做后端。不管如何选择，你以后会一直和代码打交道，而不是上面所说的dw、flash、ps。关于前端行业的介绍可以看看这个视频，走入前端工程师的世界 /app/album/10
上面的链接有更多前端相关的视频
这是怎么回事？这个世界怎么了？知乎上搞网页设计的在这个时间段都不在了么？得票最多的答案的票数是怎么来的？默默点赞的是什么心态？这就是网页设计？那要用户体验干什么？要交互设计干什么？要视觉设计干什么？纯粹的误人子弟 啊！什么是web design？web design怎么又和前端扯到一块了？补充说明什么都没，提问者就没有详细描述么？静待折叠！真正的设计师，速来。
为什么很多人都喜欢从dw入手……其实从PS入手不是更有成就感么？---------------------------------------------------------------------------------------------------------------------------------《零基础入门简明方案》下面是一个外行想要入门真实可操作的流程，也是我们社团设计部采用的培养方案：——学习设计工具（PS基本用法）——初涉设计（临摹、看书、尝试）——为什么这么设计（前端知识）——实践积累背景：上述几个人都没有设计/手绘基础，但是都有一颗爱设计的心。当然有基础更好。准备：认识一些设计师让你问问题和对你的作品提出修改建议网络资源图书馆毅力简明入门方案：PS基本工具使用：这些教程实在太多了。PS临摹别人的网页：可以学习到很多细节方面的知识，锻炼技巧。数量自己把握。补充设计理论知识：非设计类的比较缺乏这个，所以要补充。起码《写给大家看的设计书》是一定要看的，入门的话可以先看这一本，然后开始着手设计自己的网页。PS设计自己的网页：自己动手设计网页并且交给别人修改，这个是第一次真正实践。学HTML：知道为什么要这么设计网页，了解背后的实现机制有助于做更合理的设计。可使用的dw，注意手写代码。《Web编程入门经典》我觉得这本书还行耶。学CSS：都学了HTML了，CSS肯定是要会的。一开始就不要求JS JQ ACTIONSCRIPT那些。那本书里也有。重构自己的网页：把自己设计的东西重构出来，看看是否合理。为别人设计网页并修改作品：慢慢成长，并且积累作品集。然后选择自己爱好/特长的方向继续发展。这8个步骤里的每一步都可以进行相应的扩展。走完这个流程，可以扩展到其他设计方面，写实icon、抽象icon、输入法皮肤、手机主题等等等等，也可以继续练习手绘。并不是只有科班才能出设计师，实践一样可以出真知。要快，可以很快，学PS基本工具3天，临摹别人网页并修改3天，补充设计理论知识7天，PS设计自己的网页7天，学HTML10天，学CSS10天，重构自己的网页2天。一共42天就可以入门。要慢，也可以。不过最好先走整个流程，然后再迭代这个环节。然后再不断地实践中提高自己。积累：入门之后就是自己实践积累，积累知识、积累作品集。成功要义：持续不懈地努力！很多人都可以入门，但是很少人能够成功。真正的能力并不是体现在入门上，而是入门之后，游戏才真正开始。当然如果你在这个过程中发现自己不适合做设计也是可以的。有的去做了前端，有人继续做设计。---------------------------------------------------------------------------------------------------------------------------------当然这样练习之后，还有很多需要学习的，3DMAX、FLASH、AI 等等~.
强烈建议绝对不要先学html之类的，先学ps，学会自由的设计你想要的网页，然后再切图到dw里面。因为先学html的话，你会因为布局方面碰到的障碍阻止了你对网页应该如何设计的自由思考。
不要学，一入前端深似海。
绝对不是那么简单。
引用豆瓣前端工程师 的话 “ 玩技术的都愿意玩“深”的技术，玩设计的又不愿弄脏自己的手。但是最终能把技术和设计完美结合在一起要靠前端工程师。但这种我认为的价值，不被广泛认可。一个网站用户体验好会认为是设计师牛逼。 过度重视设计的公司只会成天改版。在这种处境下，不爽的都纷纷转后端，本来有兴趣的也望而却步了”
学习前端是一个漫长痛苦的过程，更痛苦的是它并不被别人认可。绝大部分人总是认为街上抓一把十个九个都能做前端，这是非常错误的观念，但是它却根深蒂固。
前端需要足够的才华、气质与积淀。首先，摆正心态最重要。再次，计算机基础很重要。
其次，找几本好书。
再次，阅读源码 再次，品读多门语言及其编程范式。
再次，十年如一日地实践真理，并且反复挖掘，提升自己。
再次，提供为社区提供支持和贡献。
后记，某国内顶尖前端出现了。
十个有八个人都死在第一步，一个人走到了第三步，便很牛逼地去写超链接了，而最后的那个人转行卖水果去了。以上，我说的都是错的。
说一下我的经历，除了早期被欺骗，说只有dw才能打开html文件编辑，用了一下。后来全部都是自己动手画一遍，在到ps上设计出来，然后用代码自己写出来，该插图插图，该编程编程，反而觉得这样更方便自由。如果从设计的角度来看，想学任何设计，都要从设计开始学。跟你用的工具无关。而是跟你的审美有关。
作为一个过来人，表示大家不要站在很高的立场上看问题，因为你所给出的答案往往是中级到高级的步骤，而不是一个给零基础的人入门的方法。初学者，很简单，最直接的方法是学Dreamweaver（不一定要最新版，DW8就可以），自己先弄出几个网页来（最好能了解一些域名、FTP、主机等知识，搞一个自己的静态网站），有一点成就感，之后的路才能坚持走下去。在使用Dreamweaver的过程中，自然会慢慢接触到HTML，也需要学一些作图软件，首选Fireworks（虽然刚被砍掉）和PS。PS：也许知乎里牛人太多吧，感觉大家给的答案都是“如何成为大公司的前端”，而不是人数更多的中小型公司的“网页设计师”。
特来更新因为一个牛逼的设计师说：不要问没天赋怎么学好设计？我们都没有到拼天赋的时候，因为大多数人都太懒了。作为一个网页设计的菜鸟，已经在某还算大型的网站做网页数月，如果是网页页面设计，建议如下：★如果还年轻（我爷爷60岁也觉得自己很年轻），有时间，有决心，有兴趣，先学美术，把自己的审美先提上去；没有老师指点，天赋又不高，配色绝对是硬伤。★然后，在设计师网，优设网，花瓣网 等等各种设计美图网站闲逛，看人家的美图，找几个张简单的开始练ps。（在开始的时候，可以尝试找一张图来做底图，学做海报或者网页头图，配色可以在图片内吸取。优设网有配色方案的指导，去看看咯。还有就是，字体很重要，ps里如果只有宋体黑体这样的常规字体的话我很难相信你做出来的页面有多好看，毕竟我们要做中文页面，对字体要求还是很高的。）★然后，不要想着ps功力深厚之后，ps极深无比，你自己做好图了，觉得OK或者不OK都好，做的图给身边的人看，尤其是平时审美苛刻一点的“处女座”（我就喜欢黑你打我），慢慢做，有点感觉了再去尝试模仿别人家的网页，设计一个简单的，再紧接着的然后······★Dreamweaver·······不要说什么都不会怎么办，代码怎么办，如果你不逼自己，被人家逼的时候就更苦逼了。多看书（貌似网上的视频教程更靠谱），慢慢来，从最简单的网页开始，把布局弄好再去想着怎么实现功能。★现在都用css了，不要连基本的代码都不知道。这时候千万不要说讨厌英语，设个行距字号还不知道是什么英文你觉得boss会给你一辈子去熟悉那些背下来也不用多久的简单代码吗？然后，尝试存一些自己的代码。存一些自己的模版，慢慢积累起来，就算进步很慢也会进步的。-------------------------不华丽的分割线-----------------------------有人用fireworks代替ps 的，因为fireworks被称为为做网页而生的神器，有一些元件九宫格按钮之类的，以及微调设计元素的话fireworks会比ps方便。Fireworks和PS一样可以切片直接导出html网页，但是只适用于简单的页面，不能做出动态效果，相比Fireworks切片功能更好用。所谓的三剑客都是混着用的，具体怎么用，慢慢摸索。★附上dw的教程 推荐长期频繁浏览的网站：一个和ps一样深似海的导师型网站：
作为一个菜，我想说，上面的一些些，你们说的专业词那么多，对小白根本没什么大帮助。只有
，说的挺有道理，不要把那么深资的东西说给小白听就我个人来说，我现在就想知道怎么用 图片工具，怎么能做出一个模板，至于那些语言什么的，以后可以伴随着补充好不好。。。这么打击小白的知识量，这就是你们想要的：？打比方说现在一个人想英语演讲，你不教他这篇演讲怎么读，反而告诉他，你要多学学单词，音标，语法，打好基础，不要急，急不来的。不要浮躁你们不感觉这是跑题么？？？
怎么开始学习网页设计，需要题主自己先搞清楚，你是只想设计呢？还是想设计完了之后，还要制作出来。如果是前者，只需要设计一个网页页面效果图出来，那就很简单了，只需要学习photoshop这样的图像处理软件就可以进行基本的网页页面效果图设计了（只是一张图，不能直接就把图发到你的服务器上去让大家浏览）如果还需要加深一些的话，那么还需要学习illustrator软件（用来设计网站上各个板块需要用到的小图标，比如知乎每个回答左边都有点赞的图标这样吧）如果是后者，那就还要细分。学习前台静态页面制作——要掌握最基础的html代码（其实只需要掌握最常用的几十个就够了，剩下的随用随查百度）要掌握div+css建站的技术（以前建站是table技术，现在基本没人用了）要掌握javascript特效（现在很多人也用jQuery了，都差不多的意思）这里给你推荐一个个人认为最为优秀（也是最快速掌握）静态页面的视频教程全集：学习后台动态页面制作——要掌握php语言或者语言（两者选一个就可以，其实你会一个，再看另一个也基本相同）要掌握数据库的用法（比如最简单的access数据库，或者sql数据库，最起码要会基本的增删改查）这样就基本齐全了。当然，如果你网页设计完成之后，你这个网站肯定还需要推广吧，那就涉及到网络推广营销的各种手法了。学无止境啊。
首先，我不是前端，也不是设计师，只是刚好有过题主这样的疑问，下面是我自己总结的答案：那些说学什么软件的之类的，别急着去做，软件本来就应该是工具，上手就学很容易迷失——拿个锤子看着到处都是钉子，说得就是这个道理。我觉得，任何设计都是一种创造——评估——再创造的过程。期间需要学习的是：1、如何表达你的Idea：用嘴说，用笔画，从粗到细；涉及到诸多工具，设计网页请从最容易的纸和笔开始。最终要达到的效果是，Idea被精确地定义了。2、如何展示你的Idea：与一般意义的表达不同，展示特指接近与最后真实情况的，最直观的表达，可以不细致，可以不精确，但不可以不直观。展示是为了可以更快地进行创造——评估——再创造这个循环。3、如何评价你的Idea：这里涉及到诸多理论（设计原则）和方法（评估手段），在网页设计中，大的方向可以分为信息设计和交互设计，前者具体可以细分到内容设计、风格设计；后者可以细分到到流程设计、效果设计。在了解过各个方面的主要内容后，一定要多多评价已经存在的设计。4、如何实现你的Idea：任何设计都不能天马行空，一定是有实现的可能性才行；一个优秀的设计师应该能明确了解实现设计中最主要的制约因素，并在此限制内把自己的设想推到极致。做网页设计，不懂HTML、CSS、Javascript，是绝对做不好的。就如一个纸媒体设计者不懂CMYK，一定会在色彩设计中掉到坑里，一个不懂前端技术的网页设计者，一定会被前端批得体无完肤。特别是最近流行的Responsive Layout，完全是网页特有的领域。5、再创造：如何修改设计，在网页设计中也有其特有的方式。一个画素描的修改方式、一个画水彩的修改方式、一个画油画的修改方式，改一个花园，改一个楼，各自有各自的修改手段。在网页设计中，CSS是其中的核心，而各种交互式的矢量工具更适合平面设计而不是网页，修改网页设计最终都是要修改代码。最后，作品一定是设计者Idea的体现，无论学什么，一定是为了作品可以体现这个Idea而存在的的。（P.S. 别去学Dreamer Weaver，别去学Illustrator，别去学PS，别去学Flash，已经死掉的Frontpage更是别去碰；一定要学的是HTML、CSS、Javascript，一个浏览器（Chrome首选，Firefox和IE 10以后的也可以推荐）一个文本编辑器才是设计师最需要掌握的工具，也是最接近前端开发的工具。理想的情况应该是这样：设计师写代码决定内容和样式（View），前端开发组织页面开发、写代码连接后端填充内容和样式与业务逻辑（Controller、Model），后端管网站整体架构、数据与安全）
分享一些html+css的基础学习资源:还有经典的禅意花园：
就这么跟你说吧，想要做好一个网站的主页和子页说简单也简单说难也难。如果楼主在色彩搭配上懂的比较多，而且比较会搭配！同时掌握好photoshop和flash及cd这三个软件的话，把dreamweaver摆平不成问题，同时css的各项技能掌握，代码打的行云流水般！做个出色的网站不成问题╮(╯▽╰)╭
一般先学习HTML，再学CSS，然后是JavaScript，这三个可以说是绑定的，一般机构招人这三门技术都必须要会。
已有帐号？
无法登录？
社交帐号登录