网页制作流程

Dreamweaver 是Macromedia公司推出的可视 化的网页设计和站点工具，用户可以不用编写HTML 代码就可以生成跨平台、跨浏览器的网页，它支持 动态HTML和CSS样式，采用了Roundtrip HTML技术 （可以同时进行可视化设计与源代码设计），页面 设计过程中自动生成的源代码简练，通过对象的属 性控制面板可以很方便地完成各种属性的设置。最 新版的Dreamweaver在站点管理和动态网页编辑方 面的功能更加强大，是目前最为流行的网页设计工 具。
1．表单的作用
2．插入表单控件 3. 表单实例
7.1 网页设计基础
7.2 Dreamweaver概述
7.3 网页文本和图像 7.4 网页超链接
7.5 表格和网页布局
7.6 网页框架和表单
7.1.1 网页与网站 网站是有独立域名、独立存放空间的内容集 合，这些内容可能是网页，也可能是程序或其他文 件，不一定要有很多网页，主要有独立域名和空间， 那怕只有一个页面也叫网站。 网页是网站的组成部分。有了很多网页没有 独立的域名和空间也只能说是网页，例如blog、挂 在别人那里的个人主页，企业建站系统里的企业页 面，多用户商城里的商户„„尽管有很多页面，功 能也齐全，但都不能叫网站。
在网页设计中根据特定的主题和内容，把文 字、图形图像、动画、视频、色彩等信息传达要素 界定在一个范围内，有机的、秩序的、艺术性的组 织在一起，形成美观的页面并不是容易的事。为了 让网页更具艺术魅力，必须加强制作人员的艺术素 养，将艺术与技术有机的结合起来，使网络呈现更 绚丽的色彩。
网站给人的第一印象来自视觉冲击，不同的 色彩搭配产生不同的效果，并可能影响到访问者的 情绪。颜色搭配是体现风格的关键。“标准色彩” 是指能体现网站形象和延伸内涵的色彩，要用于网 站的标志、标题、主菜单和主色块，给人以整体统 一的感觉。至于其它色彩也可以使用，但应当只是 作为点缀和衬托，绝不能喧宾夺主。
通过表格可以精确地控制各网页元素在网页 中的位置,通过在表格中放置相应的图片或其他内 容，即可有效地组合成符合设计效果的页面，使得 网页中的元素得以方便地固定在设计的位置上。
7.5.1 插入表格
7.5.2 表格属性 7.5.3 网页布局
1. 使用表格定位 2．选择使用框架
3．ቤተ መጻሕፍቲ ባይዱ用CSS控制整体格式
1. 插入换行符
2. 插入水平线 3. 插入日期和时间
4. 插入符号
5. 插入注释
图片是网页中不可缺少的元素，与文字相比， 图像更加直观、生动，巧妙地在网页中使用图片可 以为网页增色不少。目前互联网上支持的图像格式 主要有GIF、JPEG和PNG三种格式。
1. 插入图像
2. 插入图像占位符 3. 插入鼠标经过图像
1. Dreamweaver CS6的启动
2. Dreamweaver CS6的退出 3. Dreamweaver CS6的窗口结构
1. 创建网页
2. 打开网页 3. 保存网页
1. 新建站点
2. 管理站点 3. 发布站点
7.3.1 文本与文本属性
1.文本的属性面板(HTML格式) 2.文本的属性面板(CSS格式)
HTML（HyperText Mark-up Language）即超文本 标记语言或超文本链接标示语言，是目前网络上应用最 为广泛的语言，也是构成网页文档的主要语言。HTML文 本是由HTML命令组成的描述性文本，HTML命令可以说明 文字、图形、动画、声音、表格、链接等。HTML的结构 包括头部（Head）、主体（Body）两大部分，其中头部 描述浏览器所需的信息，而主体则包含所要说明的具体 内容。 HTML标记是由“<”和“>”所括住的指令标记， 用于向浏览器发送标记指令。HTML语言使用标志对的方 法编写文件，既简单又方便。它通常使用“<标志名>内 容</标志名>”来表示标志的开始和结束，因此在HTML 文档中这样的标志对都必须是成对使用的。
4. 设置图像属性
1. 在网页中添加声音
2. 在网页中添加视频 3. 在网页中添加FLASH动画
7.4.1 插入超链接
1. 文本超链接 2. 默认图形超链接
3. 电子邮件超链接
4. 锚记链接 5. 图像热点超链接
1．跟踪超链接
2．编辑超链接 3．删除超链接
表格在网页设计中占据着重要的地位。它是 处理数据时最常用的一种形式。同时，表格也是 Dreamweaver对文本和图形进行页面布局时强有力 的工具。能否熟练地运用表格将直接影响到网页作 品外观的好坏，因此学习运用表格也是学习制作网 页的一个重要内容。
4.使用模板
框架是对网页进行版面设计最好的工具，该 技术可以把浏览器窗口划分为几个小窗口，每一个 窗口都显示一个网页的内容，实现网页的布局。
表单是Internet服务器和浏览者之间的桥梁， 它不仅可以向浏览者提供信息，还可以把浏览者反 馈的信息发送到服务器。
框架的作用是把浏览器窗口分成若干个区域， 让每个区域显示不同的网页。