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的功能和技巧。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。