Dreamweaver ppt课件
合集下载
DreamweaverCS5网页制作第3章 使用表格布局页面PPT课件
3.1 表格的建立和编辑
3.1.4 实战演练：网站“行星大观”页眉导航部分制作
操作步骤： 6）光标移到第2行第1个单元格，在属性面板中设单元格的“宽”为270，“高”为24。鼠标 选中该行其它所有单元格，在属性面板中设单元格设为“宽”为100，水平、垂直方向均为 居中对齐。输入对应文字，如图所示。
（3）选取行或列 从一个单元格开始，拖动鼠标选中整行和整列的单元格，单元 格所在的行或列即被选中。或将鼠标停留在一行的左边框或一列的上边框，当选择行 或列的图标出现时，单击鼠标即可选择行或列。
3.1 表格的建立和编辑
3. 设定表格和单元格属性 （1）表格属性
当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板 修改表格的行数、列数、大小等属性。表格的属性面板如下图所示。其中行、列、 宽、高、填充（即单元格边距）、间距、边框在创建表格时已经介绍过。
3.1 表格的建立和编辑
2. 选取表格元素 （1）选取整个表格 将鼠标指针移动到表格的边框线上单击鼠标左键选择整个表
格。或光标放在表格中时，点击菜单“修改”→“表格”→“选择表格”命令。也可以 将光标放在单元格中，在文档窗口的左下角的标签选择器中选择“Table”标签，选取 整个表格。
（2）选取单元格 将鼠标指针移动到某个单元格上，按住Ctrl键不放，再单击， 就可以选中这个单元格。按住Ctrl键，再逐个单击要选取的单元格，就可以选中不连 续的多个单元格。光标移到某个单元格中，按住Shift键鼠标点击另外一个单元格，则 这两个单元格之间的所有单元格将被选中，形成一个连续矩形区域。也可以通过鼠标 拖拽的方法可以选取连续的一片单元格。
3.1 表格的建立和编辑
3.1.1 案例制作：2006世界杯E组对阵表
《DW基础知识》PPT课件
课堂实例―创建和测试第一个html网页
在“记事本”窗口或者Dreamweaver网页中输入以 下内容：
<html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是第一个简单网页! </body> </html> 选择【文件】|【保存】命令，在弹出的“另存为”
描述 图片的源文件 提示文字 设置图片的宽度 设置图片的高度 设置图片的边框 垂直间距 水平间距 设置图片的对齐方式
文字标签
标签 <U> <B> <sup> <sub> <big> <small> <I> <code> <var> <s>
描述 下划线 粗体 上标 下标 大字号 小字号 斜体 等宽 声明变量 删除线
A、执行“站点/管理站点”命令，也可以使用快 捷键F8打开站点面板来建立一个站点，然后单 击“管理站点”按钮。执行命令后出现“管理 站点”对话框，单击“新建”按钮，在弹出的 菜单中选择“站点”。
B、设置站点名称：接着出现了一个建立站点的向 导，设置好站点的名字后单击“下一步”按钮。 （输入你想要的站点名称，这里输入home，其实 可以任意输入名称的，要注意的是，尽量不要用 中文命名，以免出现意想不到的麻烦！）
工作区设置对话框
首 选 参 数 对 话 框
（3）dw的窗口组成（参看教材p5-p9）
插入栏：又叫插入对象面板； 状态栏：提供了标签选择器（也 叫做标记符选择器）、窗口尺寸、 文件大小等网页信息
（4）dw菜单简介
网页设计第9章Dreamweaver的表格和网页版面设计PPT课件
9
9.1 网页中的表格
9.1.4.5 调整表格大小和外观 ▪ 调整表格宽度或高度：选择表格，拖动选择框右边
或底边的控制点。 ▪ 同时调整表格的高度和宽度：选择表格拖动选择框
右下角的控制点。 ▪ 若要精确指定表格大小：选定表格，在属性检查器
的“宽”和“高”文本框输入数值，在其后的下拉 列表框选择值的单位。 ▪ 在表格的属性检查器中可以设置表格的背景颜色、 背景图像、边框颜色等等属性。
进入布局模式。如图。 ▪ 在布局模式里，“插入”栏的“布局”中有两个可
用的按钮,它们是“布局表格”按钮和“绘制布局单 元格”按钮。此时，标准模式下的“表格”按钮和 “绘制层”按钮均呈不可用状态。（在标准模式下， “布局表格”按钮和“绘制布局单元格”按钮是不 可用的）。
16
9.2 用表格布局网页
17
9.2.3 绘制布局表格 ▪ 在布局模式下单击“插入”工具栏“布局”类别中的“布局
表格”按钮，然后将十字形指针移至工作区，按住鼠标左键 拖动，即可绘制出一个布局表格。按住Ctrl键可连续绘制出 多个布局表格。
18
9.2 用表格布局网页
9.2.4 更改布局表格和布局单元格的属性 设置布局表格的属性——使用布局表格的属性检查器。 如图:
dreamweaverdreamweaver的表格和网页版面设计的表格和网页版面设计表格在网页中的作用表格在网页中的作用表格的创建与编辑表格的创建与编辑利用表格对页面进行布局利用表格对页面进行布局利用布局试图对页面进行布局利用布局试图对页面进行布局dreamweaverdreamweaver中框架的创建方法中框架的创建方法超链接框架目标的指定超链接框架目标的指定框架和框架页的基本操作框架和框架页的基本操作9191网页中的表格网页中的表格表格是现代网页制作的一个重要组成部分
9.1 网页中的表格
9.1.4.5 调整表格大小和外观 ▪ 调整表格宽度或高度：选择表格，拖动选择框右边
或底边的控制点。 ▪ 同时调整表格的高度和宽度：选择表格拖动选择框
右下角的控制点。 ▪ 若要精确指定表格大小：选定表格，在属性检查器
的“宽”和“高”文本框输入数值，在其后的下拉 列表框选择值的单位。 ▪ 在表格的属性检查器中可以设置表格的背景颜色、 背景图像、边框颜色等等属性。
进入布局模式。如图。 ▪ 在布局模式里，“插入”栏的“布局”中有两个可
用的按钮,它们是“布局表格”按钮和“绘制布局单 元格”按钮。此时，标准模式下的“表格”按钮和 “绘制层”按钮均呈不可用状态。（在标准模式下， “布局表格”按钮和“绘制布局单元格”按钮是不 可用的）。
16
9.2 用表格布局网页
17
9.2.3 绘制布局表格 ▪ 在布局模式下单击“插入”工具栏“布局”类别中的“布局
表格”按钮，然后将十字形指针移至工作区，按住鼠标左键 拖动，即可绘制出一个布局表格。按住Ctrl键可连续绘制出 多个布局表格。
18
9.2 用表格布局网页
9.2.4 更改布局表格和布局单元格的属性 设置布局表格的属性——使用布局表格的属性检查器。 如图:
dreamweaverdreamweaver的表格和网页版面设计的表格和网页版面设计表格在网页中的作用表格在网页中的作用表格的创建与编辑表格的创建与编辑利用表格对页面进行布局利用表格对页面进行布局利用布局试图对页面进行布局利用布局试图对页面进行布局dreamweaverdreamweaver中框架的创建方法中框架的创建方法超链接框架目标的指定超链接框架目标的指定框架和框架页的基本操作框架和框架页的基本操作9191网页中的表格网页中的表格表格是现代网页制作的一个重要组成部分
dreamweaver课件ppt
它们来划分网页的区域。
框架布局
03
介绍如何使用框架来布局网页，包括如何在框 架中嵌套其他元素，以及如何使用框架来实现
复杂的页面布局。
框架样式
02
介绍如何使用CSS来控制框架的外观，包括边 框、间距、背景色等。
框架数据
04
介绍如何使用框架来展示数据，包括如何在框 架中嵌入其他网页或网页元素，以及如何使用
Dreamweaver支持多种编程语言，包括HTML、CSS、 JavaScript等，并提供了丰富的插件和扩展，以帮助开发者 提高工作效率。
Dreamweaver的历史与发展
Dreamweaver自1997年首次发布以 来，已经经历了多个版本的更新和改 进。
目前，Dreamweaver已经成为一款功 能强大、易用性强的网页设计和开发 软件，被广泛应用于网页设计和开发 领域。
框架来实现数据的展示和交互。
04
网站开发与管理
网站的规划与设计
确定网站目标和定位
在规划阶段，需要明确网站的目的和定位，考虑网站的用户群体 、功能需求和内容构成。
网站布局与风格设计
根据目标用户的需求和喜好，进行网站的整体布局和风格设计，包 括色彩搭配、字体选择和页面元素布局。
网站导航与信息架构
设计易于理解和操作的导航系统，以及清晰的信息架构，以便用户 快速找到所需内容。
等，以及如何创建这些元素。
表单验证
讲解如何使用JavaScript进行表单 验证，包括验证用户输入的内容是 否符合要求，以及如何处理表单提 交等。
表单提交
介绍如何将表单数据提交到服务器 ，包括使用POST和GET方法进行提 交，以及如何处理表单提交的响应 等。
数据库的连接与操作
框架布局
03
介绍如何使用框架来布局网页，包括如何在框 架中嵌套其他元素，以及如何使用框架来实现
复杂的页面布局。
框架样式
02
介绍如何使用CSS来控制框架的外观，包括边 框、间距、背景色等。
框架数据
04
介绍如何使用框架来展示数据，包括如何在框 架中嵌入其他网页或网页元素，以及如何使用
Dreamweaver支持多种编程语言，包括HTML、CSS、 JavaScript等，并提供了丰富的插件和扩展，以帮助开发者 提高工作效率。
Dreamweaver的历史与发展
Dreamweaver自1997年首次发布以 来，已经经历了多个版本的更新和改 进。
目前，Dreamweaver已经成为一款功 能强大、易用性强的网页设计和开发 软件，被广泛应用于网页设计和开发 领域。
框架来实现数据的展示和交互。
04
网站开发与管理
网站的规划与设计
确定网站目标和定位
在规划阶段，需要明确网站的目的和定位，考虑网站的用户群体 、功能需求和内容构成。
网站布局与风格设计
根据目标用户的需求和喜好，进行网站的整体布局和风格设计，包 括色彩搭配、字体选择和页面元素布局。
网站导航与信息架构
设计易于理解和操作的导航系统，以及清晰的信息架构，以便用户 快速找到所需内容。
等，以及如何创建这些元素。
表单验证
讲解如何使用JavaScript进行表单 验证，包括验证用户输入的内容是 否符合要求，以及如何处理表单提 交等。
表单提交
介绍如何将表单数据提交到服务器 ，包括使用POST和GET方法进行提 交，以及如何处理表单提交的响应 等。
数据库的连接与操作
dreamweaver课件.ppt
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
2．在“资源”面板中从模板创建新网 页
➢在“资源”面板中只能使用当前站点的 模板创建网页。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
3．将当前网页应用模板
➢如果要为当前编辑的网页应用已有模 板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.2.1 认识“资源”面板
➢选择“窗口/资源”命令或按F11键，打 开“资源”面板。
➢将把dt.htm网页文档存为模板文档，并 为其创建可编辑区域，然后将“大唐双 龙传”网页应用该模板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
电脑基础·实例·上机系列丛
清华大学出版社
11.2
Dreamweaver中文版网页制作教程
使用资源列表
➢ 在网页中用到的各种元素，如图像或影片等就 是资源。在网页制作的过程中通常会往站点里 添加资源，如果资源太多，查找起来就会不太 方便，所以需要进行资源管理，而资源列表就 是资源管理的场所。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.2 编辑模板
➢1．创建可编辑区域 ➢2．更改可编辑区域的名称 ➢3．取消对可编辑区域的标记
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
1．创建可编辑区域
➢可编辑区域是指通过模板创建的网页中 可以进行添加、修改和删除网页元素等 操作的区域。
网页设计与制作Dreamweaver CS6标准教-ppt课件-07
案例练习目标：练习设置CSS文字导航条。 案例操作要点： 1. 创建样式表文件dogclub并将所有CSS样 式存放其中。 2. 在导航条单元格中插入表格：行数列数均 为1，宽度为100%，ID标识为navi。输入导 航条文字“俱乐部介绍 会员注册 服务内容 图片展示 联系我们（中间留空格）”。
根据CSS样式所控制的网页元素不同，可以将 样式分为四种形式。 当所控制的网页元素是HTML语言中的某一个 特定的标签时，为此标签设置的CSS样式，称 为标签样式。 当把网页中或网站中若干元素归为一类，作为 一个整体来看待，为此类元素设置一个CSS样 式，称为类样式。
一个标签或元素在网站中的不同网页中，或在 一个网页中的不同位置上，外观效果不同，则 需要先为该特定标签赋予一个唯一的ID号，然 后，再为具有该ID号的标签设置样式，称此样 式为ID样式。 当设置若干个内容相同而名称不同样式时，或 者设置超级链接样式时，则可以使用复合样式。
7.5.1练习案例-航空旅游 7.5.2练习案例-狗狗俱乐部 7.5.3练习案例-鲜花店
案例练习目标：练习使用各种CSS样式。 案例操作要点： 1．打开文档index1.html，在导航条单元格 中插入表格：行数列数均为1，宽度为100%， ID标识为navi，并输入导航条文字“网站首 页 旅游计划 服务中心 联系我们（中间留空 格）”。 2．设置导航条复合样式#navi a:link， #navi a:visited属性，字体大小: 12px，颜 色为#666；设置#navi a:hover属性，颜色 为#999。
1. 2. 3. 4.
ቤተ መጻሕፍቲ ባይዱ
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
须放在来自点的根文件夹下网站页面布局
网页的构成 网页的基本内容通常包括：标题、标志、页眉、导航栏、 主内容区和页脚。
1. 标题是用来提示该页面内容的，通常显示在IE的标题栏。 是在页面属性中设置的。
2. 网站的标志：成功的网站标志有着独特的形象标识。 3. Banner(横幅广告）：大多数网站的创建者在此设置网
网页的制作浏览和修改
1. 网页文档的创建 在DR中进行编辑
2. 文档的保存 注意1.应将文档保存在站点文件夹中 2.一般只要建立了站点会默认存入站点文 件夹中
3. 网页的预览：需要在IE中 4. 网页文件的修改：需要在DR中 5. 关闭文档
视图方式
• 在Dreamweaver 中共有三种视图方式。 1. 代码 2. 设计 3. 代码和设计 • 它们之间的切换可以利用“查看”/…
• 将汉字的输入方式设制为全角方式，按SPACE键便 可连续输入空格。
• 用与背景颜色相同的字符来完成空格的输入。
分段与分行
• 回车是段落的结束标记，当需要分段时， 只需要回车就可以。
• 如果只需要换行而不分段，则需要同时 按下SHIFT+ENTER
• 段落间的距离要比行距大。 • 在HTML语言的标记中，分段为<p></p>
件夹）
站点规划要点
1. 用分级文件夹来保存文档 2. 使用合理的文件名 文件名要直观 3. 合理配置文档中的资源 4. 将本地站点和远程站点设置为同样的结
构 5. 整个站点要有一个整体的风格
设计站点和网页的注意事项
• 在网页设计中，不能使用中文作为文件 或文件夹名
• 网页中的文件命名区分大小写 • 每个网站都必须有一个主页 • 主页文件一般以index.htm文件名而且必
继续
网站的站点建设
• 什么是站点？ 站点可以看作是一系列文档的组合，这 些文档之间通过各种链接关联起来，用 来管理网站中的各类文件。
• 站点的优越性： 自动更新链接；自动复制文件到当前默 认的站点；自动生成站点地图等。
相关概念
• 本地计算机：存放自己制作网页的计算 机。
• 远程计算机：是用来发布自己主页，提 供给Internet上的其它使用者来浏览的计 算机。
也可以利用“查看”菜单中的视图按钮。
网页文件的建立
1. 建立站点 2. 在站点目录中右击/新建文件/为该文件改名 注意： ① 网页文件常用的文件类型为.htm。 ② 在更改文件名时不可更改扩展名。 ③ 也可以用文件/新建/基本页完成，但是这种方
法建立的文件应立即保存为好。
页面的属性设置
• 页面属性包括对背景、标题以及页面元 素的初步设置
• 本地站点：是指建立在本地计算机上的 站点。
• 远程站点：上传到远程计算机上的站点
DR的启动及界面介绍
• DR是将多个文件集中到一个界面中一个 集成软件。它大大降低了资源的占用率。 使用户可以方便快捷的完成相关的操作。
• DR除了有一般应用程序窗口所拥有的菜 单和工具栏，它的更多操作是通过各种 面板完成的。有关面板的使用以后慢慢 介绍。
站点的创建
创建站点方法：
1. 创建一个多级的文件夹，一般要设置有一个 总文件夹，在其中再创建一些子文件夹，用 于存放不同类型的文件。如img用于存放图片 文件，audio用于存放音频文件。
2. 在DR中，指定总文件夹为站点 方法：
1) 建立一个文件夹 2) 站点/站点管理（指定所建的文件夹为站点文
各级字体的大小。
• 要注意如何删除已设置好的颜色。
滚动字幕的制作
• 在网页中常常可以看到滚动的字幕。 • 制作法一： • 选中要滚动的文字 1. 插入/标签/marquee(这时的视图方式自动变为
设计/代码视图 2. 在代码视图中填写需要的参数 ① 输入marque direction=“up”,即可让文字向上移
网页设计经典教程
第一章 万维网和网页的基本概念
• 万维网又称WWW和公众信息网是 Internet世界最为重要的成员之一。
• WWW是从网上获得信息的主要途径。
万维网的特点
• 万维网的信息是通过信息页的形式体现的。 • 信息页是用HTML（超文本标注语言）语言编写的。
（即网页） 静态网页：网页的内容不会发生变化；不能实现和浏 览者的交互。 动态网页：是指网页文件里包含了程序代码，通过后 台数据库与WEB服务器进行信息交互。 • 信息页的传输是采用的HTTP协议,即超文本传输 协议 。 • 客户浏览信息页必须使用客户端软件，即浏览器。如： IE，Netscape等
• 在创建新网页时，默认的页面总是以白 色为背景，没有背景图像、没有标题。 制作一个网页时，一般需要先对网页的 页面属性进行设置。
• 网页的标题是在浏览网页时做为IE窗口 的标题显示在IE的标题栏上。
文档的输入和编辑
• 方法一：直接输入 • 方法二：可以从其它软件中复制/粘贴
空格的输入
在编辑网页时一般情况下只能输入一个空格，不能输 入连续的，可以采用以下方法。
而换行的标记为<br>
字符格式的设置
• 字符格式一般包括字体、字号、颜色、字形等。 • 字符格式的设置都可以使用下面两种方法完成：
1. 属性面板 2. 文本/… • 如果所需要的字体字体列表中没有则可以从“字体
列表编辑”框中添加。
• 设置字符的颜色时，最好使用属性面板。 • 在代码中颜色是用十六进制数表示的。 • 字号有1－7级，在“编辑/参数选择”中可以设置
网站的设计和发布流程
网站是有独立域名、独立存放空间的内容的集合，这些 内容可能是网页，也可能是程序或其他文件。
• 对网站进行规划 确定所创建的网站的目的及所提供的服务，从而确定站点中应 包含哪些网页。
• 设计站点的基本结构 站点的结构是指站点内部文件存放的排列方式。根据站点规划 确定站点框架
• 收集素材；包括图片、文字和声音等内容 • 制作具体的网页 • 将设计的站点上传到所选择的远程站点上
站的宗旨、宣传口号和广告语。
4. 导航栏：导航既是网页设计中的重要部分，又是整个网 站设计中的一个较独立的部分。它通常放在顶端和左边。
5. 内容区：它是页面设计的主体元素。 6. 页脚：是页面的底部；它用来标注该站点所属公司的名
称、地址、上的版权和电子信箱地址等
网页的布局类型
• 常用的有：国字型、厂字型、封面型等。
网页的构成 网页的基本内容通常包括：标题、标志、页眉、导航栏、 主内容区和页脚。
1. 标题是用来提示该页面内容的，通常显示在IE的标题栏。 是在页面属性中设置的。
2. 网站的标志：成功的网站标志有着独特的形象标识。 3. Banner(横幅广告）：大多数网站的创建者在此设置网
网页的制作浏览和修改
1. 网页文档的创建 在DR中进行编辑
2. 文档的保存 注意1.应将文档保存在站点文件夹中 2.一般只要建立了站点会默认存入站点文 件夹中
3. 网页的预览：需要在IE中 4. 网页文件的修改：需要在DR中 5. 关闭文档
视图方式
• 在Dreamweaver 中共有三种视图方式。 1. 代码 2. 设计 3. 代码和设计 • 它们之间的切换可以利用“查看”/…
• 将汉字的输入方式设制为全角方式，按SPACE键便 可连续输入空格。
• 用与背景颜色相同的字符来完成空格的输入。
分段与分行
• 回车是段落的结束标记，当需要分段时， 只需要回车就可以。
• 如果只需要换行而不分段，则需要同时 按下SHIFT+ENTER
• 段落间的距离要比行距大。 • 在HTML语言的标记中，分段为<p></p>
件夹）
站点规划要点
1. 用分级文件夹来保存文档 2. 使用合理的文件名 文件名要直观 3. 合理配置文档中的资源 4. 将本地站点和远程站点设置为同样的结
构 5. 整个站点要有一个整体的风格
设计站点和网页的注意事项
• 在网页设计中，不能使用中文作为文件 或文件夹名
• 网页中的文件命名区分大小写 • 每个网站都必须有一个主页 • 主页文件一般以index.htm文件名而且必
继续
网站的站点建设
• 什么是站点？ 站点可以看作是一系列文档的组合，这 些文档之间通过各种链接关联起来，用 来管理网站中的各类文件。
• 站点的优越性： 自动更新链接；自动复制文件到当前默 认的站点；自动生成站点地图等。
相关概念
• 本地计算机：存放自己制作网页的计算 机。
• 远程计算机：是用来发布自己主页，提 供给Internet上的其它使用者来浏览的计 算机。
也可以利用“查看”菜单中的视图按钮。
网页文件的建立
1. 建立站点 2. 在站点目录中右击/新建文件/为该文件改名 注意： ① 网页文件常用的文件类型为.htm。 ② 在更改文件名时不可更改扩展名。 ③ 也可以用文件/新建/基本页完成，但是这种方
法建立的文件应立即保存为好。
页面的属性设置
• 页面属性包括对背景、标题以及页面元 素的初步设置
• 本地站点：是指建立在本地计算机上的 站点。
• 远程站点：上传到远程计算机上的站点
DR的启动及界面介绍
• DR是将多个文件集中到一个界面中一个 集成软件。它大大降低了资源的占用率。 使用户可以方便快捷的完成相关的操作。
• DR除了有一般应用程序窗口所拥有的菜 单和工具栏，它的更多操作是通过各种 面板完成的。有关面板的使用以后慢慢 介绍。
站点的创建
创建站点方法：
1. 创建一个多级的文件夹，一般要设置有一个 总文件夹，在其中再创建一些子文件夹，用 于存放不同类型的文件。如img用于存放图片 文件，audio用于存放音频文件。
2. 在DR中，指定总文件夹为站点 方法：
1) 建立一个文件夹 2) 站点/站点管理（指定所建的文件夹为站点文
各级字体的大小。
• 要注意如何删除已设置好的颜色。
滚动字幕的制作
• 在网页中常常可以看到滚动的字幕。 • 制作法一： • 选中要滚动的文字 1. 插入/标签/marquee(这时的视图方式自动变为
设计/代码视图 2. 在代码视图中填写需要的参数 ① 输入marque direction=“up”,即可让文字向上移
网页设计经典教程
第一章 万维网和网页的基本概念
• 万维网又称WWW和公众信息网是 Internet世界最为重要的成员之一。
• WWW是从网上获得信息的主要途径。
万维网的特点
• 万维网的信息是通过信息页的形式体现的。 • 信息页是用HTML（超文本标注语言）语言编写的。
（即网页） 静态网页：网页的内容不会发生变化；不能实现和浏 览者的交互。 动态网页：是指网页文件里包含了程序代码，通过后 台数据库与WEB服务器进行信息交互。 • 信息页的传输是采用的HTTP协议,即超文本传输 协议 。 • 客户浏览信息页必须使用客户端软件，即浏览器。如： IE，Netscape等
• 在创建新网页时，默认的页面总是以白 色为背景，没有背景图像、没有标题。 制作一个网页时，一般需要先对网页的 页面属性进行设置。
• 网页的标题是在浏览网页时做为IE窗口 的标题显示在IE的标题栏上。
文档的输入和编辑
• 方法一：直接输入 • 方法二：可以从其它软件中复制/粘贴
空格的输入
在编辑网页时一般情况下只能输入一个空格，不能输 入连续的，可以采用以下方法。
而换行的标记为<br>
字符格式的设置
• 字符格式一般包括字体、字号、颜色、字形等。 • 字符格式的设置都可以使用下面两种方法完成：
1. 属性面板 2. 文本/… • 如果所需要的字体字体列表中没有则可以从“字体
列表编辑”框中添加。
• 设置字符的颜色时，最好使用属性面板。 • 在代码中颜色是用十六进制数表示的。 • 字号有1－7级，在“编辑/参数选择”中可以设置
网站的设计和发布流程
网站是有独立域名、独立存放空间的内容的集合，这些 内容可能是网页，也可能是程序或其他文件。
• 对网站进行规划 确定所创建的网站的目的及所提供的服务，从而确定站点中应 包含哪些网页。
• 设计站点的基本结构 站点的结构是指站点内部文件存放的排列方式。根据站点规划 确定站点框架
• 收集素材；包括图片、文字和声音等内容 • 制作具体的网页 • 将设计的站点上传到所选择的远程站点上
站的宗旨、宣传口号和广告语。
4. 导航栏：导航既是网页设计中的重要部分，又是整个网 站设计中的一个较独立的部分。它通常放在顶端和左边。
5. 内容区：它是页面设计的主体元素。 6. 页脚：是页面的底部；它用来标注该站点所属公司的名
称、地址、上的版权和电子信箱地址等
网页的布局类型
• 常用的有：国字型、厂字型、封面型等。