想学网页设计

好的学习方法，会另你事半功倍!一句话说的非常好：“方向不对，努力白费”。诚筑说小编伪你分享想学网页设计方法

想学网页设计

学习工具

学网页制作先从PS制作效果图学起，有人说从DW学起，众说风云!而我认为学习网页制作一定要从html标签和CSS学起，因为网页制作的核心就是html标签加上CSS。

dreamweaver是一个开发工具，而且是集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

html标签部分

我们都知道html标签大大小小有几十个标签，而在我们实际开发中过程中，却只用到有十多个标签。所以我建议先学习常用的一些标签，然后在逐渐深入学习其它标签。

比如：p标签--->表示一个段落、h标签--->标题标签、网页中一般只用：h1、h2、h3这个三个标签。并且h1标签在一个网页中有且只有一个，一般用于网页的标题。div标签--->可以理解为盒子容器a标签--->链接标签

css部分

CSS(层叠样式表)可以理解成人穿的衣服。只要更换CSS，就相当于给网页换了一套漂亮衣服。在CSS部分，我觉得有以下几个知识点需要注意：CSS语法、CSS的几种引用方式、外部引用样式。

比如行内样式：<p style="width:120px;height:30px;border:1px solid red;"></p>、CSS的几种引用方式：p{width:120px;height:30px;border:1px solid red;} 、外部引用样式：<link rel="stylesheet" type="text/css" href="样式列表地址"> 、<style type="text/css">@import url("样式列表地址");></style> 这种基本很少用

CSS选择器

标签选择器：比如：P标签 div标签 span标签....p{color:red;}。Class选择器：以"."开头的为Class选择器 .p{color:red;}

ID选择器：以"#"开头的为ID选择器，一般来说，一个ID选择器在一个页面中具有性，有且只存在一次。另外还有其他的选择器。
CSS 属性选择器可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。不过只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。

以上是天津诚筑说培训整理的想学网页设计全部内容，更多精选文章请访问网页设计学习网专栏。