网页设计基础

网页设计基础

1、网站的概述

一、  网页与网站

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

    举例：(搜狐网)(百度网)(优酷网)等等。

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

浏览器：用于打开显示网页的软件。最多见的是Windows系统自带的IE浏览器。

还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。

1）  网址：用于定位某个网站某个页面的一串字符，一般是这种格式

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

三、  认识网页的组成元素

  

2、初识Dreamweaver

一、制做网站的流程

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

二、认识Dreamweaver

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

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

Dream：梦想

weaver：织布者，织工

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

【操做演示】启动Dreamweaver

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

 

提升：工做窗口的设置、保存、恢复

【操做演示】关闭Dreamweaver

4、网页文件的基本操做  

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

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

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

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

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

?         文件→另存为

?         文件→保存所有

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

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

3. 打开已建的HTML文档

?         文件→打开

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

?         拖动到Dreamweaver

4. 关闭文件

?          文件→关闭

还未保存的网页（*），关闭时会提示你是否保存。

其余操做：

1）多个编辑文件的切换选择

2）预览编辑中的网页(快捷键F12)

5、设置网页外观属性  

网页标题、页面默认字体、默认字体大小、背景颜色、背景图片、边距。

6、建立站点

一、什么是站点

Dreamweaver的站点是一种管理网站中全部相关联文件的工具。经过站点能够对网站的相关页面及各种素材进行统一管理，还能够以使用站点管理实现将文件上传到网页服务器，测试网站。

站点简单的说就是一个文件夹。在这个文件夹里包含了网站中全部用到的文件。咱们经过这个文件夹（站点），对咱们的网站进行管理，有次序，一目了然。

二、建立站点

《个人足球网》  站点根目录为 D：//jcwww

7、设置默认图像文件夹

8、管理站点

一、在“文件”面板中实现如下操做

? 选择编辑网页文件

? 建立文件或文件夹

? 剪切、粘贴、复制、删除、重命名文件或文件夹

二、站点管理

? 编辑站点

? 复制站点

?删除站点