内容简介
李启宏著的《网页好设计(附光盘Dreamweaver网页布局×设计应用大全HTML5+CSS3+Javascript+jQuery)》将以Dreamweaver来介绍HTML与CSS,利用Dreamweaver完整的CSS功能,让不熟悉程序的你也能完成专业的CSS排版。本书不但能学到应用技巧,而且还能分享各式Javascript扩展组件的使用心得,包括的jQuery扩展组件等。让您不用写Javascript程序代码,也能做出效果惊艳的网页。本书精心筛选、代表性的,依照分篇、分类、各独立与整合技巧的内容练习,全面介绍如何整合新功能,在全新实际个案上加入与jQuery组件。对于已经是网页设计“高手”的你,也请继续一起无限升级吧!效果内容、全新应用技巧范例都将毫无保留地介绍给你。
目录
ChapterOO CS6新功能与本书使用方法
Dreamweaver CS6新增功能介绍
关于光盘
定义随书练习网站
范例动画展示
ChapterO 1 DreamweaVer中的HTML与CSS设置
1-1 HTML简介与常用的HTML标签
1-1-1 Dreamweaver打开各式版本的HTML文件
1-1-2 常用HTML标签
1-2 CSS规则与Dreamweaver中的CSS设置
1-2-1 行内样式
1-2-2 嵌入样式
1-2-3 新建CSS规则与CSS应用方式
1-2-4 链接外部样式
1-2-5 CSS控制面板
1-3 Dreamweaver完整CSS设置与使用
1-3-1 CSS规则定义[1]:类型属性
1-3-2 CSS规则定义[2]:区块属性
1-3-3 CSS规则定义[3]:背景属性
1-3-4 CSS规则定义[4]:列表属性
1-3-5 css规则定义[5]:边框属性
1-3-6 CSS规则定义[6]:方框属性
1-3-7 CSS规则定义[7]:定位属性
1-3-8 CSS规则定义[8]:扩展属性
1-3-9 CSS规则定义[9]:过渡属性
1-4 Adobe Widget Browser快速加入jQuery组件
Chapter02 表格与框架布局编排技法
2-1 Photoshop布局设计切割
2-1-1 布局切割技巧
2-1-2 切片设置
2-1-3 存储为网页设置
2-2 表格布局编排
2-2-1 以Photoshop切割储存出的表格布局编排
2-2-2 表格的整理与布局编排技巧
2-2-3 欢迎页布局编排
2-2-4 页布局编排
2-2-5 分栏式页面布局编排
2-3 CSS背景图布局应用
2-3-1 CSS背景图设置
2-3-2 固定背景图布局应用
2-3-3 单栏式背景图布局应用
2-3-4 单元格背景图布局应用
2-3-5 半透明背景图布局应用
2-4 框架与内框架布局
2-4-1 构建框架组合布局
2-4-2 上下三行式框架布局
2-4-3 上中下分双栏式框架布局
2-4-4 构建内框架布局
2-4-5 单栏式内框架布局
2-4-6 单栏式内框架网站构建
Chapter03 CSS与CSS布局编排整合技巧
3-1 CSS样式初步应用
3-1- 1文字属性应用
3-1-2 色块式文字标题
3-1-3 图片文字标题
3-1-4 插图标示文字标题
3-1-5 背景图文字标题
3-1-6 图片边框与编排应用
3-1-7 链接文字与CSS应用
3-1-8 链接文字按钮
3-1-9 列表与CSS按钮设计
3-1-10 CSS直向色块按钮
3-1-11 CSS直向图片按钮
3-1-12 CSS项目列表横向按钮
3-1-13 CSS横向图片按钮应用
3-2 利用Div标签划分网页区块
3-2-1 插入Div标签,利用CSS美化Div标签
3-2-2 固定宽度圆角边框
3-3 Div区块定位
3-3-1 Position(定位)设置
3-3-2使用Position(定位)区块设计布局
3-3-3 使用Float(浮动)制作区块
3-4 C$S水平、垂直在居中布局中的配置
3-4-1 区块在页面中上下居中
3-4-2 布局内容在含有内部时的上下居中
3-4-3 居中布局应用
3-4-4 含背景图像的居中布局应用
3-5 CSS单栏布局配置
3-5-1 固定宽度单栏布局
3-5-2 CSS固定宽度图像表格边框
3-5-3 背景延伸单栏布局
3-5-4 CSS变动宽度与高度图像表格边框
3-6 CSS双栏布局配置
3-6-1 CSS固定宽度双栏布局
3-6-2 CSS固定宽度双栏布局与按钮应用
3-6-3 CSs变动宽度双栏布局
3-6-4 cSS变动宽度双栏布局与按钮应用
3-7 CSS三栏