本文目录一览：

如何自学网页设计？

自学网页设计效率比较低，建议选择【达内教育】的课程进行学习，更加高效。

想要自学需要有以下条件具备：

心理准备：想学好网页设计，就必须有颗强大的内心，耐得住寂寞。

做好规划：学好网页设计是个按部就班，循序渐进的过程。

勤动手：学习网页不要依赖课本或者教学视频，勤动手才是王道，把每个小块内容都要自己能写出代码才行。

然后需要学习以下内容：

1、html环境。html是编辑网页的基础。是最简单，最基础的，基本学习代码就能理解。

2、table布局。table布局属于html的内容，但是是html的重点，学习用table布局网页。

3、divcss。这是网页设计的重点，学习以后，绝大多数网页都可以自己写出。divcss相对html难度上升了一个等级，但并不算特别难，深入学习也是可以学好的。float属性和绝对定位、相对定位是重点。感兴趣的话点击此处，免费学习一下

想了解更多有关网页设计的相关信息，推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。

网页设计框架怎么做

网页设计框架做法如下：学习网页设计框架推荐咨询【达内教育】。

1、第一步：新建网页

首先；打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。

2、第二步：制作左边的框架网页

首先插入表格并设置基本属性：选择主菜单下的“插入”——“表格”。接着设置表格的属性：（4行1列的表格“高300像素、宽100像素”，表格边框为黄色、背景为绿色。）其中的高，边框颜色都是使用代码输入。

3、第三步：设置css样式

首先打开css面板，选择该面板的下面的“+”号，出现下图所示的效果。设置样式。选择“id”类型，取名为“stlye1”，保存了“仅存为该文档”。设置样式属性。“华文楷体、14磅、加粗、黑色”。

4、第四步：使用css样式

在表格中书写相应的文字。选中所有的文字，然后来到属性面板。选择“类”——“stlye1”，；就设置好css样式。

5、第五步：设置文字的位置。

选中文字，来到属性面板，设置“水平”，“垂直”的属性等。感兴趣的话点击此处，免费学习一下

想了解更多有关框架的相关信息，推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。

网页设计，怎么做？

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计

如何进行网页制作

如何进行网页制作

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

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

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

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

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

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

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

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

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

干货|如何做网页设计的10个小窍门

这片文章大体概括了一些设计网页中的大问题。希望能给你设计制作下一个网页时给予一些儿启发。

1、记住：你能掌控的时间是有限的

我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的，他将放弃并离开。

2、记住：用户是略读页面

当你进入一个房间时，你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形，你环视整个屋子，然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿，浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等

3、网站的左上角是最明显的位置

这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始)，另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角，这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

4、了解“F”结构

一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候，你可以去考虑一下这一因素。

5、了解用户忽略什么

用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告，同时，用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字，他们仅仅是了解页面文章的大意。

6、文字和图片

一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息，我建议你使用大的标语文字来代替那些很炫的头部图片??

7、用设计元素来吸引注意

来吸引注意的好的元素是文字口号，行动纲领的按钮(通常用亮色调)，分成1-2-3级，或者就是一个普通的列表??

如果你在写一篇很长的文章，很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题，通过这简单的步骤向用户阐述这篇文章的主题。

8、文字格式

恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写??它们都可以让文字块更有视觉冲击力。当然，你也需要用格式化强调一些你认为很重要的文字或者句子，这些能够引导你的读者阅读完全文。

9、使用简洁图片

我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时，要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。

你使用人的脸部图片更容易引起用户的注意，尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。

10、使用留白

使用留白可以给某些元素更多的可视空间，如果某元素与边距或其它元素太近就容易被混淆，那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。