怎样用Dreamweaver制作网页模板

制作网页之前,我们一定需要效果图,这样才不会导致不知道怎么去写代码。

东西/材料

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来挪用,具体如下图:

  • End

出格提醒

设计网站前,必然要出结果图哦

  • 发表于 2018-03-12 00:00
  • 阅读 ( 606 )
  • 分类:电脑网络

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具