怎样用Dreamweaver制作网页模板

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

操作方法

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

(0)

相关推荐

  • dreamweaver制作网页模板

    dreamweaver常是首选的编辑软件.制作模板会大大提高网页的重复使用性,那如何使用dreamweaver制作模板网页呢?这里以建一个唐诗宋词的网页为例. 操作方法 01 刚进入dreamweav ...

  • 如何用Dreamweaver制作网页表格

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Ad ...

  • 如何使用Dreamweaver制作网页超链接

    DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac 和Windows系统的版本.随Macromedia被A ...

  • 用dreamweaver制作网页时,如何让其居中

    当你制作一个网页时,想让他摆放在正确的位子,要达到美观而又方便的效果就显得尤为的重要了,这里快速的告诉你方法 操作方法 01 前面的内容就不一一介绍了,首先不管是一张图片还是一个网页,他都需要规定它的 ...

  • Dreamweaver如何制作网页并添加背景图片

    对于初学者制作网页,一般选择用Dreamweaver软件,在这里我来简单介绍一下如何新建网页并给网页添加背景图片 操作方法 01 打开Dreamweaver软件如下图所示 02 点击红色箭头所指的连接 ...

  • dreamweaver简单网页制作

    dreamweaver直译就是梦想编织者,作为网页三剑客之一的软件它是用来制作网页的,下面我们就来看看使用dreamweaver如何制作简单网页的吧. 操作方法 01 在桌面上双击Dreamweave ...

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • 网页模板怎么用?

    网页模板怎么用? 操作方法 01 1,如果是psd格式的,就要用photoshop打开,然后另存为web格式,会生成一个网页文件(html)和一个文件夹.网页文件再用dreamweaver或者fron ...

  • 怎样制作网页 计划?

    操作方法 01 一.确定网站主题网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题.特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象.你没有这个能力,也没这个 ...