黄楼生活网免费搜集分享生活中实用的生活小常识,生活小窍门,生活小妙招等生活常识百科大全,帮助解决生活中的难题,为您提供多样化信息丰富您的生活.欢迎收藏!

怎样用Dreamweaver制作网页模板

发布:黄楼生活网2020-12-12 11:39:44分类: 玩转数码

{导读}本文主要讲述关于怎样用Dreamweaver制作网页模板的内容, 本文有272个文字,预计阅读时间2分钟。

工具/材料

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里面调用,都是以p来调用,具体如下图:

特别提示

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

以上就是黄楼生活网小编为大家分享的怎样用Dreamweaver制作网页模板「已解决」,希望对大家有所帮助,了解更多问题欢迎关注黄楼生活网!

站长不易,多多少少是点心意

微信二维码扫码支付支付宝二维码扫码支付
温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!
郑重声明本文版权归原作者所有,如有信息标记有误,请第一时间联系我们修改或删除,多谢。
扫描二维码

欢迎使用手机扫描访问本站