快好知 kuaihz

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

特别提示

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:网页模板  网页模板词条  Dreamweaver  Dreamweaver词条  怎样  怎样词条  制作  制作词条  
技术

 java中&与&&的区别

java中&与&&的区别是什么?小编来告诉你,请看下文。操作方法01:最简单的区别是,&无论str != null 是否为true,程序都会执行,而&&只有在s...(展开)