关于自学网页设计，推荐几个途径。先介绍一下学习思路： 1.Dreamweaver是比较方便的网页制作工具。2.flash、ps、Illustrator、CorelDRAW等软件属于交互动画、位图、矢量图的编辑、制作软件，可以丰富、美观自己的网页。3.如果还想学习后台开发，那就需要学习语言，像ASP.NET、PHP、JavaWeb等。当你觉得还想学得更深一些，可以从淘宝买些教程(建议看完免费的基础视频后再来选择，可以有的放矢地选择)，不贵，比自己百度搜免费资源方便多了(现在网上有用的免费资源太少了，费时费力)。最后，确实喜欢的话，可以买本需要用到的后台开发语言参考工具书，遇到问题可以直接翻阅。 关于怎么自学网页设计内容，青藤小编就和您分享到这里了。如果您对网页设计有着浓厚的兴趣，希望这篇文章可以为您提供帮助。如果您还想了解更多关于网站优化、互联网营销的技巧及素材等内容，可以点击本站的其他文章进行学习。
网页设计是基于这三种技术的：Html5、CSS3、Javascript。有很多这种三合一的书箱，随便买本都行，然后做一个简单的网站，边学边做，很快就差不多熟悉了。

网页就是使用一些工具，比如html、dreamviewer等等工具，一步步来搭建，制作出来的。
1.布置格式 首先要把主要格式给布置出来。 2.规划 在自己心中有一个规划,比如要把网页做成什么样子,有什么效果,或者有什么特点。3.搜集材料 在做网页中各种个样的图片和视频是不可缺少的,我们要把搜集到的图片和视频放在一个 4.效果添加 用css、css3、js、jq等等给网页添加各种效果,比如导航栏、轮播
有专门设计网页的软件，你可以练练，网页三剑客，就可以设计出属于自己的网页。
有网页的制作工具，电脑学校里可以学
1.布置格式 首先要把主要格式给布置出来。 2.规划 在自己心中有一个规划,比如要把网页做成什么样子,有什么效果,或者有什么特点。 3.搜集材料 在做网页中各种个样的图片和视频是不可缺少的,我们要把搜集到的图片和视频放在一个

1、首先新建一个html文件，注意这个文件只是起到一个草稿的作用。 2、选择插入—html—框架—对齐上缘PS：我这里选择的是上下结构的框架，如果您需要其他类型的框架请自行选择。3、这个是每个框架的名称，你可以选择自己进行设置，也可以选择默认，如果框架较多的话我建议自己设置名称。4、右下角如果没有框架窗口的话，选择窗口—框架开启框架窗口。这样有利于你对框架的编辑5、你可以在右侧选择框架对每一个框架进行编辑。如修改大小，颜色，边框等。便于你接下来排版的操作。6、两个框架中间这条线按住拖动可以用来调整框架的大小，你也可以对这条线进行编辑颜色，大小，然后选中这条线，你就选中了所有的框架。7、点击文件，选择框架集另存为这样你就保存了所有的框架。否则你需要每一个都要进行保存。8、这样你就新得到一个html的文件，你可以对它进行命名，里面包含了你制作的框架。9、每一个框架都是单独的一个文件，如果不用框架集另存为的方法你也可以每个框架都进行保存。注意事项： 每一个框架都是单独的一个文件注意保存。

一般是由国内外知名公司比如苹果，谷歌，或者知名产品淘宝，天猫双11等等通过影响力带领，那么另外一种就是设计师发掘的，本周和大家分享：泡沫和斑点的设计风格，为什么叫泡沫和斑点，其实是我虾扯蛋取的，叫什么风格，自己定义为什么趋势不用太在意，你能GET到那个风格代表的核心元素和含义就行这种风格运用很广，无论在平面设计，还是UI设计、插画设计中，最近都频繁的出现，我们今天就来分析下这个风格的特点？ 它的特点随机形状在形状上，没有明确的特点和规律，都散落在界面的各个角落，图形大多是圆形，也有流动的不规则图形，他们都没有绝对的规律，排布也很随机，质感上则扁平，立体，渐变都有，看起来特别像我们生活中常见的气泡。▲Wed ze这个网站就是运用这种椭圆流动的气泡，让整个页面形成一种流体风格，动感同时也很时尚，很能体现出产品AR/VR的行业特征▲同样的Scotsman这个网站同样运用气泡来布局，通过气泡很好的散落在画面两侧，配合微动效，整个页面更加的灵动和有趣，同时画面中间也是利用了这种气泡风格来突出焦点▲sweet同样采用了流动不规则气泡作为整个设计主风格，流动同时很时尚▲液体动态汇合，透过气泡融为一体，形成和水一样灵动自由的效果 多元质感立体：质感上有很多表达形式，可以运用C4D做出这种立体糖果色，它使得整个视觉风格比较突出，画面冲击力强，适合运用在一些重视觉偏营销的场景下扁平+色彩叠加：除了立体质感风格，扁平化和色彩叠加也运用的比较多，色彩更为通透，整个画面节奏也更容易把控，配合动效视觉效果更佳渐变+微质感：和扁平叠加风格不同，微拟物结合一些弱投影和渐变撞色让整个设计看起来更加的现代图案填充：这种效果比较特殊，在圆角气泡里面填充图案，图形，整个设计会瞬间提升潮流感。 明亮色彩在色彩上，这种风格色彩比较明亮，类似马卡龙配色风格，这样配色更能凸显它的多变和丰富多彩，当然同色系的搭配，也能表现出官方，科技感的一面▲比如上图对于橙色的运用 运用场景 对设计趋势关注的最后，我们一定要去思考落地；否则就很不能算已经掌握了这个趋势。网页中的运用网页中，气泡可以作为构图中心，通过构图形式很好的融入这种风格，也可以作为产品类型网站的装饰性元素，使页面更丰富有趣的 界面中的运用界面中，可以作为动态导航，或者菜单来设计，让整个产品调性更加年轻化，通常作为个性化的表达在一些动态可视化，或者智能场景中运用，或者在一些特殊内容表达上运用这种布局形式，和内容很好的形成一种互动作为界面中的DNA，比如上图就是运用气泡作为设计DNA在启动界面和登录页面都运用气泡到极致 其他场景除了在网页运用，其实在平面设计，LOGO设计，插画设计中，这种气泡风格，也同样适用，关键在于我们如何去灵活搭配组合。 总结 今天的分享，更多只是抛砖引玉，希望大家养成这种培养视觉洞察力的习惯，去发现一些设计行业的规律，并学会掌握规律的变化，这样才能让自己的设计不断进步，做出让人亮眼的作品！加油！
第一、靠前、无边框设计。无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。 第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式，提升了版面的使用率，可以给网站建设增加更多的惊喜。
网页设计(web design，又称为Web UI design，WUI design，WUI)，是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。
第一种，自己手工源码搭建：1、国内买域名，必须实名认证，如果国内的服务器必须ICP备案2、租服务器，一般Cenos Linux系统比较多，win系统的比较少；Nginx和Apache的个人建议Nginx，一般企业类，商城类网站源码php的占大多数，建议php5.4以上，之前的有些老了3、添加站点设置域名：你的买域名 2设置根目录 3设置ftp 4数据库4、编辑源代码，几乎没有从零开始的，找些免费开源的改动内容，功能不同选择不同的系统一般通用系统：PageAdmin ；论坛系统：discuz； 购物系统：ecshop；博客系统：wp；需要授权的系统需要注意授权问题，内容修改一般用deamviewer修改比较方便，如果改动很少，那就用notepad++，注：不要用windows的记事本修改，会出错，数据库文件指向一定要设置好。5、下载xshell，安装，填写服务器ip，密码，链接，上传源码到服务器的根目录6、设置域名解析，打开买的域名的管理后台，添加记录，填写记录类型选择A型，主机记录写www，解析线路选择默认，记录值输入服务器的ip，TTL默认10分钟在浏览器打开域名，浏览网站。第二种，自己手工一键搭建：第一步：百度搜索菲尔莱斯科技，打开菲尔莱斯科技官网，免费注册您的账号，注：（生成的网站二级域名会是：账号.flspt.com）。请点击输入图片描述2填写注册的相关信息请点击输入图片描述3注册成功后进入后台页面，点击管理企业网站请点击输入图片描述4填写网站标题，网站类型，进入电脑站，初次使用的用户，可以选择左上方的急速建站请点击输入图片描述5选择适合自己的行业的模板，不同行业模板后期也可改动适应自己的需求请点击输入图片描述6例如：选择数码、家具、家具百货栏目里的电脑类，点击使用请点击输入图片描述7免费制作网站后，可对标题、栏目、图片进行上传编辑，点击右上方可以预览生成的网站，点击左上方网站管理进入网站后台管理。请点击输入图片描述8后台可浏览网站数据，如需绑定自己的顶级域名，点击系统设置-网站域名，按教程进行绑定请点击输入图片描述9网站做完后网站上方会有，您的网站试用资格将于 XXXX-XX-XX 到期，打开菲尔莱斯科技官网点击-产品介绍-开通免费站，提交后即可正常使用。

新手学做网页的20个技巧导语：新手如何做好网页设计?在这里我整理了给新手学做网页的20个技巧，每一个网页设计新手在开始一个项目之前都应该了解这些知识，在项目开展中也应该注意。下面一起来看看吧!01：将你的想法先在纸上画出来 敢想敢做，有想法就应该画下来这是一幅世界各地不同年城市特色建筑的草图这个想法看起来好像理所当然，似乎每个人开始设计之前都会在纸上画草图。但是据我观察很多设计师都跳过了这一步，从没有考虑过他们将会面临的问题。设计就是要解决问题，但是这些问题通过渐变、阴影设置是解决不了的，只有通过调整布局和层次结构才能解决。所以在你开始设计之前，一定要先想好布局。02.描绘一个顶层框架描绘一个基本的框架可以帮助你解决UX方面的问题，同时规划布局。当我接手一个项目的时候，做的第一件事就是建立一个顶级框架，这样可以解决所有的设计问题。这个框架是指环绕在内容周围的UI，它可以帮助我们执行操作，更好的操纵页面。它包括导航和组件，比如侧边栏和底部的按钮。如果你通过这种方式来做设计，在不看主页的情况下，你也能清晰的知道应该怎样布局。03.给PSD添加网格这是一个有978个网格的PSD文件，每条线的宽度为10PX。画网格做起来就像听起来那么简单，虽然你不画直接开始设计完全可以，但是我相信设计出来的作品绝对没有画了网格好。网格的好处就是帮助你构建不同板块的布局，起一个指导作用，帮助你制作响应式模板。04.选择你的字体网页设计中很重要的一个原则就是一个网页中不要出现两种以上的字体在一个项目中，寻找好看的字体也是很重要的一部分，但是我要提醒你，在同一个网页中千万别使用两种以上的字体。选择字体的原则就是要易于用户阅读，尤其是文字很多的页面，文章标题的字体可以有趣一些，这样能吸引用户的注意。在使用字体的时候不要畏首畏尾，个头大不是问题，只要整体看起来很和谐生动就行了。05.选择合适的颜色主题使用有限的颜色和色调，减轻用户的视觉压力。 在选择字形的时候，你就应该想好用户界面、背景、文字该用什么颜色。我建议你在颜色的原则方面一定要有节制，别想到哪个用哪个，最后五颜六色乱七八糟的，这也是大忌。在这一步中，你要根据每个元素的功能选择颜色，并且在用户界面中，相同的元素颜色一定要一致。你可以观察一下facebook、推特、quora、vimeo等等网站的.页面，在不干扰功能组件正常使用的情况下，除了用户界面，它们的插画和平面细节没有任何颜色限制。06.分开布局网页结构越简单，用户使用越容易在网站中，每个模块都要有个故事，要给用户一个浏览的理由和最终的结果。而设计的作用就是强调这个故事中最重要的那部分。在现实设计中，主页面不能将所有的信息都显示出来，所以你必须在主页先告诉用户“进了这个网站你能做什么”。发挥你的聪明才智思考一下你能想到的极简页面，有最简单的目标和必要的构件。最后你会发现，原来保持简单这么困难。07.重新思考我们真的需要搜索按钮吗?在很多案例中，答案是否定。作为一名设计师，是我们一手决定了用户浏览因特网的方式和界面，由你决定用户进一个页面需要多少步骤、一个网页效率有多高。在设计完之后，一定要多测试，发现漏洞，及时修改，这样才能做到极致。08.挑战自我我鼓励每个设计师勇于创新，挑战自我，尽管对一个项目来说，创新并不是要求之一。挑战包含什么?比如使用一个新格栅系统、开发一个新的组件或者不使用混合模式、特殊颜色等等，这些都是挑战。09.关注细节正在制作中的游戏，细节展示这句话你应该听过很多次也记住并实践了，但是在最终的产品中却看不到。细节可以是一个小互动，一个出人意料的动画，或者是一个漂亮的渐变按钮等。我相信如果你真的喜欢手头的工作，那么小细节肯定会有的10.每个组件都需要被温柔善待认真对待每一个组件，最终的结果一定比100分要多。这句话我听了不下一百遍，但每一次都被深深地震惊了。在你设计每个组件的时候，你要这样想：爷设计的组件随便拿一个出去都可以得设计界的奥斯卡。只有这样，整个网页出来后的效果才能惊艳众人。11. 让你的作品更加精致为了避免模糊，在背景和元素之间设置正确的对比度。除了考虑审美问题，你还要保证作品的干净整洁无毛边。注意边缘、字体渲染、渐变等问题。12.整理你的PSD文件在用PS做设计的时候，整理PSD文件是一项很重要的工作。除了整理项目的大小和顺序，你还要保持文件的整洁，这对前端工程师的工作是很有帮助的，能加快整个项目推进的速度。13.最好的设计，最坏的打算在大脑中预想一下你做的东西在不同尺寸的屏幕上会是神马样子作为设计师，我们还有一个职责就是解决不同设备上的尺寸限制问题。在网页设计中，这个限制可以从概念一直排到技术，子子孙孙无穷尽也。在做网页的时候，我们不仅要在理想的尺寸中试运行，还要考虑最差的尺寸，因为万一用户的手机屏幕尺寸真的很小怎么办?14.多看你的设计直到厌倦为止我相信如果你对设计一直都非常有激情，那么“看自己的作品直到想吐”这件事你一定经历过。初入设计这行，每当我完成一件作品，我都觉得非常骄傲，我感觉这个作品就是我生活的一部分，是我的孩子，我将它截图保存，在不同设备上浏览它，把它做我手机电脑的桌面，甚至打印出来挂在墙上…后来我真的有点反感了，我开始觉得它哪都有问题，哪都不好看，最终我重新设计了它。开始厌倦你先前的作品是成熟的表现，这意味着你从错误中学到了新的知识。15.不要纠缠于概念当你和客户交流的时候，确保你们俩在同一频道，千万杜绝鸡同鸭讲这种情况。万一这种情况发生了，千万冷静别拍案而起，你要知道你拍走的都是白花花的银子啊~~~~如果你的顾客连你说的第一个概念都不喜欢，那么你就该反思了，这时候你要收集客户的反馈信息，为下次交流做准备。16.与工程师做好盆友/好基友在一个项目中，工程师不需要从头跟到尾，他们只需按时做好自己的事情就OK了。你以为我说的是真话吗?呵呵，我要告诉你，这样想的人是傻瓜。因为很多好主意都是由工程师提出来的，他们如此高贵冷艳才华横溢，你怎么能不紧紧的抱住他们的大腿呢?!17.把我当做你幼龄的孩子，给我讲解你的方案跟顾客讲解产品的重要程度不亚于制作产品，如果你说的不合适，那么你的设计就可能被忽略，说清楚比让别人看清楚更重要。18.要喜欢你的每一个点子，但别太过看重作为一个设计师，你要充分相信自己的才华，相信你的作品。但同时你也应该有心理准备，要能随时从一个项目中抽身转战下一个。19.在开发过程中追踪你的设计在你交完PSD文件工作就结束了?图样图森破，很傻很天真。如果你真的关心自己的设计是否被前端工程师温柔善待，那就应该多和前端聊天，尽最大的努力帮助他们，哪怕只是一个像素的问题。20.展示尚未完成的作品在社交工具中分享你的样式表和未完工的组件。有时候一个项目中最好的部分因为种种原因被忽视，所以你也就忘了。一旦项目完成，就更没有心思回头审视了。所以，如果可能的话，多在社区和大家交流、分享，众人拾柴火焰高，我们也会发动大家的力量帮助你，让你得到有价值的反馈。 ;