class="area"> Dreamweaver CS6教程:第一课：网页设计基础

第一课：网页设计基础

 

一 、网站的概述

1、 网页与网站

浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。

   举例：. (电脑知识吧网) www.dnzg.net(电脑中国网) www.pcpz.net(电脑配置网)等等。

2、 浏览网页的工具-浏览器

浏览器：用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。
还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。

1） 网址：用于定位某个网站某个页面的一串字符，通常是这种格式
http://./portal.php

2） 主页：访问网站时，默认打开的第一个页面就是主页也叫首页。

3、 认识网页的组成元素

 

 

二、初识Dreamweaver

1、制作网站的流程

规划网站类型及主题à搜集资料素材à使用软件进行网页制作à测试及发布

 

2、认识Dreamweaver

是当前最流行、最方便的网页设计和网站开发工具软件。

Dreamweaver：梦想编辑者。通过这个工具，实现编辑网页的梦。

Dream：梦想

weaver：织布者，织工

早期是Macromedia公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，前两年Macromedia公司被Adobe公司收购，DM CS5是最新推出的版本。

【操作演示】启动Dreamweaver

实例：制作一个简单页面(两种方法对照)

 

三、Dreamweaver的用户界面

提高：工作窗口的设置、保存、恢复

【操作演示】关闭Dreamweaver

四、网页文件的基本操作

基本网页的文件类型为HTML文档，保存的文件扩展名为 “.html”

1. 创建网页文档（HTML文档）

•        文件→新建→新建文档→常规→类别→基本页

2. 保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存）

•        文件→保存（或Ctrl+S)

•        文件→另存为

•        文件→保存全部

注意：1、网页文件要用英文或数字进行命名，莫用中文。

2、基本网页的扩展名为.html

3. 打开已建的HTML文档

•        文件→打开

•        右击文件，选择Dreamweaver打开。

•        拖动到Dreamweaver

4. 关闭文件