AETSTEIN

Dreamweaver学习感悟

0
阅读(1874)

Dreamweaver是网页设计的常用软件,本来这个软件跟我八杆子打不着的,自从我跨行到网站编辑这个职业,学会网页设计就变得必不可少。其实单Dreamweaver这个软件还是比较容易上手的,可因为我的惯性思维愣是觉得这是个相当难学的编程软件!这也导致我把买了好久的Dreamweaver学习书籍束之高阁!

接触Dreamweaver之前,我只知道网页代码的大体组成:在<html>和</html>之间有head和body两部分,head包含标题(title),关键字(keyword),描述(description),body是正文部分主要是div标签。至于网页的字体设置,动态图片,视频,其他各种酷炫效果都是需要掌握了相关设计代码后才能搞定的,这才是学习的难点!后面证明我的这个想法既是对的又是错的!对在那确实是学习的难点,错在Dreamweaver早帮我们把代码准备好了,不需要我们自己敲,需要哪些功能点哪里,代码自己就写进去了,网页设计轻松搞定!

Dreamweaver的学习重点之CSS样式

 CSS(级联样式表)用于控制Web页面的外观,使用CSS样式可以将页面的内容和表现形式分离。网页HTML中大量使用DIV、SPAN、TABLE表格等标签布局,要实现漂亮的布局(CSS宽度、CSS高度、CSS背景、CSS字体大小等样式)我们就需要CSS样式实现。同样的一组DIV标签,对应CSS样式代码不同,所得到效果也不同。

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head><style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style></head>

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

Dreamweaver的学习重点之Div

Div是一个HTML标签,在大多数情况下用作文本,图像或其他页面元素的容器。当创建CSS布局时,会将Div标签放在页面上,向这些标签中添加内容,然后将他们放在不同位置上!Div好比是墙,网页的各个部分都是放在墙里,CSS就是用来规定墙的位置和样式的,使用Div+CSS进行页面布局是一种很新的排版理念,具有诸多优点:

一.页面载入速度更快
二.修改设计更有效率
三.保持视觉的一致性
四.更好的被搜索引擎收录
五.对浏览者和浏览器更具亲和力

把Div+CSS玩转了,网页设计最大的难点也就攻克了,其他插入音频,flash,表格,动作等使用Dreamweaver都不是问题!如果说必须要掌握的代码的知识的话就是javascript,这个也不是很难!另外就是还得搭配PS来学,毕竟网页上还需要有图片,这些不能总是求别人来做。今天把学习Dreamweaver的一点感悟记录下来供网友借鉴,网页设计有Dreamweaver后真的变得很容易!