DreamWeaver是一款简单易用的前端开发工具,本课将介绍它的用法和站点管理相关知识。
一、Dreamweaver的工作环境

本课要点:
一、Dreamweaver界面介绍

设置主、次浏览器:

二、站点的创建与管理
进行网页制作的第一步就是创建本地站点,站点管理会让用户的工作变得简单而富有成效,况且许多功能必须在站点中才能实现。总之,如果不是仅编辑需要的单个页面,那么就必须创建站点。
因为网页最终是要发布到服务器上的,所以要用相对路径来引用图片、视频等素材。为了方便管理,通常为网站建立一个独立的文件夹以存放网页和相关素材,这个文件夹就是站点文件夹。
站点(site)指的是一个存储区域,它存放了一个网站的所有文件。
进行网页制作的第一步就是创建本地站点,站点管理会让用户的工作变得简单而富有成效,况且许多功能必须在站点中才能实现。
创建站点
管理站点
导出站点
导入站点
三、HTML入门
1、网页基本结构——html、head、body

例如凤凰网的页面代码:

2、一个简单的网页
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
</head>
<body>
<p>Hello,world!</p>
</body>
</html>
3、DOCTYPE文档类型
<!doctype html>
4、标签的含义

5、属性和值

四、常见头部元素
(1)title元素--网页标题

(2)meta元素 ----声明
name属性:
http-equiv属性:
content中的值决定允许抓取的类型,必须同时包含两个值:是否允许索引(index)和是否跟踪链接(follow,也可以理解为是否允许沿着网页中的超级链接继续抓取)
例如: <meta content="index,follow" name="robots"/>
允许搜索引擎的spider沿着本页的链接搜索本网站的信息。
(3)script元素----定义客户端脚本

(4)link元素----链接外部资源

title元素、meta元素、script元素、link元素 都是写在头部,即写在<head>和 </head>之间

