网页好设计 Dreamweaver网站版面设计与效果整合实战精讲

Chapter01 ┃ Dreamweaver 中的
1.1
1.1.1
1.1.2
1.1.3
1.2
CSS 和 HTML 设定
Dreamweaver 操作**步............................................................... 2
构建基本网页.....................................................................................2
搭建网页结构 .....................................................................................5
熟悉 Dreamweaver 操作环境 .............................................................9
HTML 快速设定..............................................................................12
定制编码环境 ...................................................................................12 Chapter01 ┃ Dreamweaver 中的 1.1 1.1.1 1.1.2 1.1.3 1.2 CSS 和 HTML 设定 Dreamweaver 操作**步 ............................................................... 2 构建基本网页 .....................................................................................2 搭建网页结构 .....................................................................................5 熟悉 Dreamweaver 操作环境 .............................................................9 HTML 快速设定 .............................................................................. 12 定制编码环境 ...................................................................................12 设置智能提示 ...................................................................................14 代码格式化与排版 ...........................................................................16 代码分色显示 ...................................................................................20 代码选择 ...........................................................................................21 快速编辑代码 ...................................................................................22 代码检查和修改 ...............................................................................23 代码验证 ...........................................................................................24 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.3 CSS 操作环境 ................................................................................ 25 1.3.1 支持可视化渲染 ...............................................................................25 1.3.2 可视化编辑 .......................................................................................26 1.3.3 CSS 辅助支持 ...................................................................................29 1.4 CSS 快速设定 ................................................................................ 32 1.4.1 熟悉 CSS 样式面板 ..........................................................................32 1.4.2 建立 CSS 样式 ..................................................................................34 1.4.3 应用 CSS 样式 ..................................................................................37 ? Chapter02 ┃表格与页框版面编排技法 2.1 使用 Photoshop 设计和切割版面 ................................................... 40 2.1.1　页面切割技法 ...................................................................................40 2.1.2 设置切片选项 ...................................................................................45 2.1.3 把效果图输出为网页格式 ...............................................................45 2.2 表格版面编排 ................................................................................. 48 2.2.1 2.2.2 2.2.3 2.2.4 2.3 把效果图切割出编排版面 ...............................................................49 自适应版面的表格切分技法 ...........................................................55 首页版面编排 ...................................................................................62 分栏式内页版面编排 .......................................................................66 CSS 背景图版面应用 ..................................................................... 72 设定 CSS 背景图 ..............................................................................72 渐变背景版面应用 ...........................................................................74 CSS 圆角版面应用 ...........................................................................77 单栏式版面背景应用 .......................................................................82 双栏式版面背景应用 .......................................................................89 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 ? Chapter03 ┃流式版面编排与版式 整合技法 3.1 流体边距控制 ................................................................................. 98 3.1.1 行内边距 ...........................................................................................99 3.1.2 块边距 .............................................................................................100 3.1.3 浮动边距 .........................................................................................102 3.1.4 内边距 ............................................................................................. 103 3.1.5 边框、宽和高 .................................................................................108 3.2 网页结构化设计技巧 .................................................................... 110 3.2.1 3.2.2 3.2.3 3.3 必须熟知的语义化标签 ................................................................. 110 必须熟知的标签显示特性 ............................................................. 111 搭建合理的版式结构 ..................................................................... 113 单列版式 ...................................................................................... 115 单列版式结构设计 ......................................................................... 116 单列固定宽度版面 ......................................................................... 117 单列固定版式居中 .........................................................................123 单列液态版面 .................................................................................126 3.3.1 3.3.2 3.3.3 3.3.4 目录 CONTENTS 3.4 两列版式 ...................................................................................... 133 3.4.1 3.4.2 3.4.3 3.4.4 两列版式结构设计 .........................................................................134 两列混合版式技巧 .........................................................................135 纯液态组合版式技巧 .....................................................................140 并列换位版式技巧 .........................................................................143 3.5 三列版式 ...................................................................................... 146 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 三列版式结构设计 .........................................................................147 三列纯版版式技巧 .........................................................................148 三列混版版式技巧 .........................................................................154 高度自适应版式技巧 .....................................................................160 三列等高版式技巧 .........................................................................165 ? Chapter04 ┃浮动版面编排与 页面整合技法 4.1 浮动页布局初步实践 .................................................................... 172 4.1.1 4.1.2 4.1.3 4.1.4 配置浮动栏目空间大小 .................................................................172 信息