当前位置:评测网 > 电脑 > 正文

怎么样制作网页 怎样用Dreamweaver制作网页模板

导语:工具/材料 Adobe Dreamweaver cs6
工具/材料

Adobe Dreamweaver cs6

操作方法 01

首先我们先打开软件,然后新建一个HTML文件和一个css文件,然后依次点击文件保存为index.html、style.css。方法如下:

02

一个网页分为二部分,即head和body。网页的标题(title)就是在在head里面,标题出现的位置在浏览器的最上方。如下图:

03

而body里面就是设计网页的主体内容了,不管是网页的导航、内容、还是友情链接都是在body里面。如下图:

04

关联css需要在Adobe Dreamweaver右下方,属性里面找到附加样式表。如下图:

05

然后会弹出一个连接外部样式表,点击浏览,找到刚才保存的style.css文件,双击返回对方框后点击确定,就会下代码去里面自动生成一段引入外部样式代码,即link。如下图:

06

然后在Adobe Dreamweaver工具栏里面就会出现刚才添加的style文件,然后在style.css里面输入网页样式代码。如下图:

07

css里面的代码在html里面调用,都是以div来调用,具体如下图:

特别提示

设计网站前,一定要出效果图哦

免责申明:以上内容属作者个人观点,版权归原作者所有,不代表评测网立场!登载此文只为提供信息参考,并不用于任何商业目的。如有侵权或内容不符,请联系我们处理,谢谢合作!
当前文章地址:https://www.pcapqz.com/diannao/13540.html 感谢你把文章分享给有需要的朋友!
上一篇:2000左右的手机哪款好 2018两千元左右的手机哪个好 2000元上下浮动这样选 下一篇: 华为手机快速截屏 华为畅享8怎么截屏 快捷键指关节截图方式解析