网页制作流程.pptx

第7章网页制作7.1.1网页与网站
网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，那怕只有一个页面也叫网站。
网页是网站的组成部分。有了很多网页没有独立的域名和空间也只能说是网页，例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站。
在网页设计中根据特定的主题和内容，把文字、图形图像、动画、视频、色彩等信息传达要素界定在一个范围内，有机的、秩序的、艺术性的组织在一起，形成美观的页面并不是容易的事。为了让网页更具艺术魅力，必须加强制作人员的艺术素养，将艺术与技术有机的结合起来，使网络呈现更绚丽的色彩。

网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。 HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML标记是由“<”和“>”所括住的指令标记，用于向浏览器发送标记指令。HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用“<标志名>内容</标志名>”来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。

Dreamweaver是Macromedia公司推出的可视化的网页设计和站点工具，用户可以不用编写HTML代码就可以生成跨平台、跨浏览器的网页，它支持动态HTML和CSS样式，采用了RoundtripHTML技术（可以同时进行可视化设计与源代码设计），页面设计过程中自动生成的源代码简练，通过对象的属性控制面板可以很方便地完成各种属性的设置。最新版的Dreamweaver在站点管理和动态网页编辑方面的功能更加强大，是目前最为流行的网页设计工具。
1.DreamweaverCS6的启动
2.DreamweaverCS6的退出
3.DreamweaverCS6的窗口结构
1.创建网页
2.打开网页
3.保存网页1.新建站点
2.管理站点
3.发布站点7.3.1文本与文本属性
1.文本的属性面板(HTML格式)
2.文本的属性面板(CSS格式)1.插入换行符
2.插入水平线
3.插入日期和时间
4.插入符号
5.插入注释 图片是网页中不可缺少的元素，与文字相比，图像更加直观、生动，巧妙地在网页中使用图片可以为网页增色不少。目前互联网上支持的图像格式主要有GIF、JPEG和PNG三种格式。1.插入图像
2.插入图像占位符
3.插入鼠标经过图像
4.设置图像属性1.在网页中添加声音
2.在网页中添加视频
3.在网页中添加FLASH动画7.4.1插入超链接
1.文本超链接
2.默认图形超链接
3.电子邮件超链接
4.锚记链接
5.图像热点超链接1．跟踪超链接
2．编辑超链接
3．删除超链接 表格在网页设计中占据着重要的地位。它是处理数据时最常用的一种形式。同时，表格也是Dreamweaver对文本和图形进行页面布局时强有力的工具。能否熟练地运用表格将直接影响到网页作品外观的好坏，因此学习运用表格也是学习制作网页的一个重要内容。
通过表格可以精确地控制各网页元素在网页中的位置,通过在表格中放置相应的图片或其他内容，即可有效地组合成符合设计效果的页面，使得网页中的元素得以方便地固定在设计的位置上。
7.5.1插入表格
7.5.2表格属性
7.5.3网页布局
1.使用表格定位
2．选择使用框架
3．使用CSS控制整体格式
4.使用模板
框架是对网页进行版面设计最好的工具，该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，实现网页的布局。
表单是Internet服务器和浏览者之间的桥梁，它不仅可以向浏览者提供信息，还可以把浏览者反馈的信息发送到服务器。 框架的作用是把浏览器窗口分成若干个区域，让每个区域显示不同的网页。1．表单的作用
2．插入表单控件
3.表单实例