我要自学网dreamweaver cs5教程 第一课网页设计基础

更新时间:2023-04-09 17:43:01 阅读量: 实用文档 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

第一课:网页设计基础

一 、网站的概述

1、 网页与网站

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

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

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

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

1) 网址:用于定位某个网站某个页面的一串字符,通常是这种格式 a14c8b3387c24028915fc3d6/nba.shtml

2) 主页:访问网站时,默认打开的第一个页面就是主页也叫首页。

3、 认识网页的组成元素

二、初识Dreamweaver

1、制作网站的流程

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

→测试及发布

2、认识Dreamweaver

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

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

Dream :梦想

weaver :织布者,织工 早期是Macromedia

公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver 、Flash

、Fireworks 这三个软件,它们这三个集合起来,就像江湖中最厉害的剑客一样,成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器,

它是第一套针对专业网页设计师特别开发的可视化网页开发工具,前两年Macromedia 公司被

Adobe公司收购,DM CS5是最新推出的版本。

【操作演示】启动Dreamweaver

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

三、Dreamweaver的用户界面

菜单栏

文档工具栏

插入面板

文档编辑窗口浮动面板

状态栏

属性面板

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

【操作演示】关闭Dreamweaver

四、网页文件的基本操作

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

1.创建网页文档(HTML文档)

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

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

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

?文件→另存为

?文件→保存全部

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

2、基本网页的扩展名为

3.打开已建的HTML文档

?文件→打开

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

?拖动到Dreamweaver

4.关闭文件

?文件→关闭

还未保存的网页(*),关闭时会提示你是否保存。

其他操作:

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

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

五、设置网页外观属性

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

六、创建站点

1、什么是站点

Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理,还可以以使用站点管理实现将文件上传到网页服务器,测试网站。

简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹(站点),对我们的网站进行管理,有次序,一目了然。

2、创建站点

《我的足球网》站点根目录为D://jcwww

七、设置默认图像文件夹

八、管理站点

1、在“文件”面板中实现以下操作

?选择编辑网页文件

?创建文件或文件夹

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

2、站点管理

?编辑站点

?复制站点

?删除站点

本文来源:https://www.bwwdw.com/article/xvbl.html

Top