如何用dreamweaver cs6制作简单网页_dreamweaver cs6制作简单网页的方法[多图]

在当今数字化的时代，拥有一个属于自己的网页是许多人的梦想。而dreamweaver cs6作为一款经典的网页制作软件，为我们提供了便捷的途径。下面就来教大家如何用dreamweaver cs6制作一个简单网页。

一、创建新项目

打开dreamweaver cs6后，选择“新建”，在弹出的窗口中选择“html”，然后点击“创建”，即可创建一个新项目。

二、页面布局

1. 设置页面属性

在菜单栏中选择“修改” - “页面属性”，可以设置页面的、背景颜色、文本颜色等基本属性。

2. 添加表格

点击“插入” - “表格”，根据需要设置表格的行数、列数、宽度等参数。表格可以帮助我们更整齐地布局页面内容。

3. 使用div标签

div标签是网页布局的常用元素。点击“插入” - “div标签”，可以创建用于划分页面区域的div块，然后通过css样式来设置其样式和位置。

三、添加内容

1. 文本输入

直接在页面的相应位置点击，即可输入文本内容。可以设置文本的字体、字号、颜色等格式。

2. 插入图片

点击“插入”-“图像”，选择本地的图片文件插入到页面中。可以调整图片的大小和位置，使其与页面布局相协调。

四、设置链接

1. 创建内部链接

选中要设置链接的文本或对象，在属性面板的“链接”框中输入链接地址。如果是同一页面内的跳转，可以使用“”加上目标位置的锚点名称。

2. 外部链接

输入外部网站的网址，即可创建指向外部网站的链接。

五、css样式设计

1. 创建css规则

点击“窗口”-“css样式”，打开css样式面板。点击“新建css规则”，选择要应用样式的选择器类型，如类、id等，然后设置具体的样式属性，如颜色、字体、边框等。

2. 应用css样式

在页面中选中要应用样式的元素，然后在属性面板的“类”或“id”下拉框中选择相应的css样式。

六、预览与发布

1. 预览页面

点击菜单栏中的“文件”-“在浏览器中预览”-选择默认浏览器，即可查看制作好的网页效果。

2. 发布网页

将制作好的网页文件上传到服务器空间，其他人就可以通过网址访问你的网页了。

通过以上步骤，利用dreamweaver cs6就可以轻松制作一个简单的网页。不断学习和实践，你将能够制作出更加丰富和精美的网页。