2016 - 2024

感恩一路有你

Dreamweaver网页制作初级教程:站点建立

浏览量:1549 时间:2024-06-20 11:25:58 作者:采采

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。

建立一个新站点

一般情况下,教程多从具体的代码入手,但是代码就像编程一样,特别枯燥。所以我们从建站开始,通过建站过程教大家怎么用好dw这个软件。

首先,我们找到最上方的站点——新建。

为自己的站点建立一个名称,小编用微信公众的名字来命名,大家可以随意起自己想建立的网站的名称。

在下边选择一个根目录文件夹,这样我们将站点文件夹放在特定的目录之下。

这样,站点基本建立完毕了,接下来我们建立两个文件夹,一个是image,用来存放我们网站建立中的图片,另一个是css,用来保存样式。建立方法:根目录右击即可。

然后我们建立自己的主页面,当然也是在根目录下方,命名为index。

这样一个站点的基本架构就好了,下节我们看样式表的建立方法。

内容更新:添加样式表的建立方法

现在我们继续DW的入门教程,学习如何建立样式表。

首先打开我们刚才建立的站点,在左边的文件列表中找到我们刚才创建的css文件夹。

在css文件夹上右击,选择新建CSS文件。

给这个样式表文件命名,比如我们可以命名为style.css。

现在我们可以在这个样式表文件中写入我们的样式规则了。

比如,我们可以设置body元素的背景色为白色:

body { background-color: ffffff; }

后面的花括号内就是我们的样式规则,可以根据自己的需求进行修改和添加。

别忘了在我们的主页面()中引入这个样式表:

lt;link rel"stylesheet" type"text/css" href"css/style.css"gt;

这样,我们的样式表就成功应用到了主页面上。

在下一节中,我们将学习更多关于Dreamweaver的功能和技巧。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。