根据给定文件的信息,我们可以总结出以下几个主要的知识点:
### 1. 网页的基本构成要素
- **页面标题**:通常出现在浏览器标签页上,用于标识网页内容的主题。
- **网站标志**:用于品牌识别,一般位于网页顶部。
- **页眉**:网页顶部的区域,常常包含网站标志、导航等。
- **导航栏**:帮助用户在网站的不同部分之间切换。
- **主内容区**:网页的核心内容展示区域。
- **页脚**:位于网页底部,通常包括版权信息、联系方式等。
### 2. 网站定义
- **网站**是由多个相互链接的网页组成的集合,通过URL(统一资源定位符)进行访问。
### 3. 图像格式及其特点
- **GIF格式**:支持256种颜色,适用于简单的图像,如图标、动画等。
- **PNG格式**:可移植的网络图形格式,支持透明度,适合复杂图像,例如截屏或带有透明背景的图像。
### 4. Dreamweaver CS6 使用技巧
- **表单和表格**:在Dreamweaver CS6中,表单不能嵌套使用,但可以使用表格来布局内容。
- **首页命名**:常用的首页文件名包括`index.html`或`index.htm`。
- **插入图像**:实际上是在文档中插入图像的路径链接,并非将图像文件直接嵌入到HTML文档中。
- **文本类型**:在Flash CS6中有三种文本类型——静态文本、动态文本和输入文本,分别用于不同的场景。
- **动作脚本应用**:不仅可以在关键帧上添加,还可以应用于影片剪辑和按钮实例上。
- **切片导出**:在Fireworks CS6中,即使没有手动选择所有切片,仍然可以一次性导出所有切片。
### 5. 网页制作基本概念
- **协议**:浏览网页时常用HTTP协议。
- **IP地址**:由32位二进制数组成。
- **Dreamweaver编辑视图**:提供代码视图、拆分视图和设计视图三种模式。
- **URL**:用来定位资源的具体位置。
- **域名标识**:用来标识Internet上的特定主机。
- **图像分辨率**:常用单位是ppi(像素每英寸)。
- **背景音乐**:可通过`<bgsound>`标记符加入。
- **超链接**:设置E-mail超链接时,格式为`mailto:email`。
- **CSS样式**:通常放置在`<head>`标签内。
### 6. Dreamweaver高级操作
- **图层支持**:PSD格式支持图层。
- **CSS规则放置**:CSS样式通常放在`<head>`标签内。
- **垂直对齐方式**:在Dreamweaver中,可以选择多种垂直对齐方式,如基线对齐等。
- **背景设置**:当同时设置背景图像和背景色时,通常以背景图像为主。
- **超链接替换文本**:在设置图像超链接时,可以添加替换文本,当鼠标悬停在图像上时显示。
- **定位工具**:使用标尺和网格来精确定位HTML元素。
- **空链接创建**:使用`#`符号创建空链接。
- **超链接功能**:超链接是网页之间连接的主要方式。
- **单元格拆分快捷键**:Ctrl+Alt+S。
- **表格间距调整**:调整单元格与单元格之间的宽度。
- **多选单元格**:使用Ctrl键来选中多个单元格。
以上总结了网页设计基础知识和技术要点,涵盖了网页的基本结构、常用工具软件的使用技巧以及相关技术细节。这对于初学者来说是非常宝贵的参考资料。