本文目录一览：

怎样学习网页设计？

学习网页设计先学习超文本标识语言，一种很简单的语言，也是网页设计的基础。再设计一些简单的静态页面再学习可视化设计软件。学完这些已经可以设计简单的网站，需要学习动态设计语言和数据库知识。学习网页设计推荐咨询【达内教育】。

学习网页设计的三个阶段：

第一阶段：开始时最好是学些网页编辑软件，这样可以使更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站。但为了能使自己设计制作的网页尽善尽美，还应该学习网页的核心技术。

第三阶段：结合自己已掌握地知识来开发网站，可以开发出别人定义的目标网站。成为一名真正的网站开发者。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。该机构致力于面向IT互联网行业，培养软件开发工程师、测试工程师、UI设计师、网络营销工程师、会计等职场人才，拥有行业内完善的教研团队，强大的师资力量，确保学员利益，全方位保障学员学习；更是与多家企业签订人才培养协议，全面助力学员更好就业。达内IT培训机构,试听名额限时抢购。

网页设计制作技巧

网页设计制作技巧

网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并于主页呼应。下面是我整理的网页设计制作技巧，希望对你有帮助!

一、页面平铺

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。

1.导航栏

导航栏如果设计得恰到好处，是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。

2.LOGO

LOGO并不是每个网站多要有的，他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果;网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。

3.BANNER(广告条)类型

Banner设计注意点：Banner有动态和静态两种。在浏览网页的.过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。设计要点：Banner的文字不能太多，用一两句话来表达即可;广告语要朗朗上口，可以第一时间的让人捕获表达的重点;图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没;图形尽量选择颜色数少，能够说明问题的事物;如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑;尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

4.按钮

按钮设计要点：设计按钮要同页面的整体协调，不能太抢眼;有的页面很单调，还要依靠花哨的按钮来提一下;选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些，不要超过四种;很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显臃肿。

5.图片

为了美化页面，图片是任何一个页面都要用到的，图片的运用要合理。图片运用要点：图形的主体最好清晰可见;图形的含义最好简单明了;图片内所含文字应该清晰容易辨认;背景与主体明度对比比例应为3∶1到5∶1之间为宜;淡色系列的背景有助于整体和谐;淡色材质背景最佳，能与主题分离之浅色标志或文字背景亦可。

6.文字

文字也是设计的。设计要点：每一行文字的长度最好20到30个中文字(40到60个英文字母);行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读;标题以H1到H3字号为佳，内文Font size=3到4级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

二、整体规划

有共性，才有统一，有细节区别，就有层次;防止设计与实现过程中的偏差;设计的各部分，要配合整体风格;不仅页面上各项设计要统一，而且网站的各级别页面也要统一;信息不要太过集中，以免文字编排太紧密;不要有太多分散注意力的点。动态闪烁要适中;页面留白部分，要根据平面设计原理来设计，注意分栏式结构不宜留白;还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好;首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片。

三、功能易用性

导航栏应最先调入，以便访客快速前往所需信息空间;页面长度要短，使得用户在信息空间内可迅速移动;导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

;

如何进行网页制作

如何进行网页制作

1、确定网页的主体色调风格。我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2、规划网站的整体布局——导航、按钮、图片、文字的排版方式。做什么事都不能盲目地没有目的地进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3、准备和归类素材——图片、音频、视屏、文章等。制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

4、打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

5、建立自己的主页，按照之前的定的风格设计布局。不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

6、制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

7、打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

8、替换网页中的元素即可。选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

9、按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

网页设计的方法有哪些？

【网页设计】方法如下：

1、将透明的LOGO用高于IE6的浏览器打开网页，然后采用FFPearlCrescentPageSaver全屏截图插件截屏。再采用PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。

2、布局上页面与页面之间存在相同部分要学会简化。当两个页面有部分板块相同，最好不要去让两个页面独立存在，可以将两个相同部分独立出来。采用程序调用共同部分。以减少网页代码。

3、网站重要页面最好有可更新或者可调用更新内容的板块以达到日常更新引蜘蛛爬行的目的，原因很简单，利于网站SEO优化。

4、网站要和互联网接轨要跟得上时代，别忘了在网站完成后给网站安装一个百度分享工具，或者新浪微博，这样做利于网站推广。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。该机构已从事19年IT技术培训，并且独创TTS8.0教学系统，1v1督学，跟踪式学习，有疑问随时沟通。该机构26大课程体系紧跟企业需求，企业级项目，课程穿插大厂真实项目讲解，对标企业人才标准，制定专业学习计划，囊括主流热点技术，助力学员更好的学习。达内IT培训机构,试听名额限时抢购。