网页设计与网站建设从入门到精通
网页设计与网站建设从入门到精通
1 网页制作第一步
1.1 认识网页和网站
1.1.1 网页和网站
1.1.2 网页类型
1.1.3 静态网页和动态网页
1.2 网页构成元素
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 网页制作工具简介
1.3.1 网页编辑工具—Dreamweaver
1.3.2 网页图像制作工具—Photoshop
1.3.3 网页动画设计工具—Flash
1.4 HTML基础
1.4.1 认识HTML
1.4.2 HTML文档基本结构
1.4.3 HTML基本语法
1.4.4 HTML标签
1.4.5 HTML属性
1.5 CSS基础
1.5.1 认识CSS
1.5.2 CSS基本语法
1.5.3 CSS基本用法
1.5.4 CSS样式表
1.5.5 导入外部样式表
1.5.6 CSS属性
1.5.7 CSS属性值
1.5.8 CSS选择器
1.5.9 CSS特性
1.6 上机练习
2 美化网页文本(视频讲解:79分钟)
2.1 文本输入和编辑
2.1.1 输入文本
2.1.2 导入文本
2.1.3 编辑文本
2.2 设置文本基本属性
2.2.1 设置字体
2.2.2 设置字号
2.2.3 设置字体颜色
2.2.4 设置文本样式
2.3 设置段落文本样式
2.3.1 文本对齐
2.3.2 文本缩进
2.4 设置格式和列表
2.4.1 定义文本格式
2.4.2 定义文本列表
2.5 使用CSS定义文本样式
2.5.1 定义字体类型
2.5.2 定义字体大小
2.5.3 定义字体颜色
2.5.4 定义粗体
2.5.5 定义斜体
2.5.6 定义下划线
2.5.7 定义大小写
2.5.8 定义水平对齐
2.5.9 定义垂直对齐
2.5.10 定义间距
2.5.11 定义行距
2.5.12 定义缩进
2.6 案例实战
2.6.1 设计网页正文样式
2.6.2 设计段落版式
2.6.3 设计单页图文混排版式
2.6.4 设计新闻内容页
3 定义网页链接(视频讲解:63分钟)
3.1 认识链接
3.2 建立网页链接
3.2.1 定义网页间链接
3.2.2 定义电子邮件链接
3.2.3 定义网页锚点
3.2.4 定义图像映射
3.3 管理链接
3.3.1 设计结构清晰的链接
3.3.2 使用【资源】面板管理链接
3.4 案例实战:制作框架页
3.4.1 框架网页设计
3.4.2 制作框架分页面
3.4.3 框架合成
3.5 设计链接样式
3.5.1 定义普通样式
3.5.2 定义下划线样式
3.5.3 设置链接类型标识
3.5.4 模拟按钮样式
3.5.5 定义已访问样式
3.5.6 定义提示样式
3.6 案例实战
3.6.1 定义鼠标指针样式
3.6.2 定义菜单样式
3.6.3 设计苹果风格菜单
3.6.4 设计选项卡
3.6.5 设计图片预览
3.6.6 设计灯箱广告
4 在网页中设计列表样式(视频讲解:33分钟)
4.1 设计列表信息
4.1.1 无序列表
4.1.2 有序列表
4.1.3 自定义列表
4.2 定义列表样式
4.2.1 设置项目符号
4.2.2 自定义项目符号
4.2.3 定义列表横竖显示
4.3 案例实战
4.3.1 设计新闻列表
4.3.2 设计导航列表
4.3.3 设计多级菜单列表
4.3.4 设计列表版式
4.3.5 设计图文混排列表效果
4.3.6 设计图文展示栏目
5 在网页中插入图像(视频讲解:49分钟)
5.1 网页图像概述
5.1.1 网页图像格式
5.1.2 图像下载速度
5.1.3 网页图像制作技巧
5.1.4 搜集图像素材
5.2 案例实战:在网页中插入图像
5.2.1 插入背景和标题头
5.2.2 插入按钮和修饰图案
5.3 设置图片样式
5.3.1 定义图片边框
5.3.2 定义图片大小
5.3.3 定义图片的横向对齐
5.3.4 定义图片的纵向对齐
5.3.5 设置文字环绕
5.4 案例实战
5.4.1 设计图文混排
5.4.2 设计图片布局
5.4.3 设计多图水平排列
5.4.4 设计阴影图片
5.4.5 设计圆角图片
5.4.6 设计圆角栏目
6 操作表格(视频讲解:62分钟)
6.1 表格基本操作
6.1.1 插入表格
6.1.2 编辑表格
6.2 设置表格属性
6.3 设置单元格属性
6.4 案例实战:应用表格
6.4.1 制作圆角表格
6.4.2 巧做表格细线
6.4.3 艺术化处理图像
6.4.4 制作立体表格
6.5 定义表格样式
6.5.1 设置表格颜色
6.5.2 设置表格边框
6.6 案例实战
6.6.1 美化表格
6.6.2 设计清晰、醒目的表格
6.6.3 设计动态效果的表格
6.6.4 设计音乐首页
6.6.5 设计个人小站
7 制作动态网页(视频讲解:41分钟)
7.1 制作跳转菜单
7.2 制作自由拖动层
7.3 改变显示属性
7.4 制作翻转按钮
7.5 制作提示对话框
7.6 显示和隐藏元素
7.7 制作高亮显示文本
7.8 制作弹跳的小球
7.9 制作选项卡
7.10 设计模态对话框
8 网页图像编辑基础(视频讲解:98分钟)
8.1 Photoshop概述
8.2 新建网页图像
8.3 使用Photoshop绘图
8.3.1 使用钢笔工具
8.3.2 使用自由钢笔
8.3.3 增加和删除锚点
8.3.4 转换矢量点
8.3.5 打开和关闭路径
8.3.6 编辑路径
8.3.7 路径与选区转换
8.3.8 填充和描边路径
8.3.9 绘制几何图形
8.3.10 绘制多边形
8.3.11 绘制直线
8.3.12 绘制自定义形状
8.4 在Photoshop中编辑图像
8.4.1 选择图形对象
8.4.2 变形
8.4.3 旋转与缩放
8.4.4 使用渐变填充
8.4.5 使用油漆桶填充
8.4.6 使用【填充】命令
8.4.7 使用【描边】命令
8.5 案例实战:设计网页标志
8.5.1 文字型标志
8.5.2 几何型标志
8.6 案例实战:最优化图像
8.7 案例实战:分割图像
8.8 案例实战:导出为网页图像
9 制作网页图像(视频讲解:56分钟)
9.1 制作网页主图
9.1.1 制作主页头部标题和导航区域
9.1.2 制作广告区
9.1.3 制作标题新闻区
9.1.4 制作主体区
9.2 制作标题文字
9.2.1 文字的输入和编辑
9.2.2 标题文字制作技巧
9.3 制作网页按钮
9.4 制作网页背景图
9.4.1 制作背景图像
9.4.2 在网页中插入背景图像
9.5 制作LOGO
9.5.1 认识网站LOGO
9.5.2 LOGO的设计原则
9.5.3 LOGO的设计技巧
9.5.4 LOGO实例制作
9.6 制作Banner
9.6.1 网站Banner
9.6.2 Banner实例制作
9.7 用CSS控制背景图像
9.7.1 定义背景图片
9.7.2 背景图片的重复
9.7.3 定义背景图片的位置
9.7.4 固定背景图片
9.8 案例实战
9.8.1 设置带花纹边框
9.8.2 设置圆润的栏目模块
10 网页色彩设计
10.1 网页色彩基础
10.1.1 色彩形成
10.1.2 色彩特征
10.1.3 认识RGB与HSB
10.1.4 网页色调搭配
10.2 网页色彩对比
10.2.1 明度对比
10.2.2 色相对比
10.2.3 纯度对比
10.2.4 冷暖对比
10.3 基本配色实例分析
10.3.1 红黄蓝三原色配色
10.3.2 间色、复色、补色
10.3.3 邻近色、同类色
10.3.4 暖色、冷色
10.3.5 小结
10.4 灰色页面配色
10.4.1 浅灰色
10.4.2 同类灰
10.4.3 同类色+多彩色
10.4.4 灰色+对比色
10.4.5 灰色+青蓝色
10.4.6 灰色+棕黄色
10.4.7 无彩色
10.4.8 小结
10.5 黑色页面配色
10.5.1 黑色+白色
10.5.2 黑白+深灰色
10.5.3 大黑色
10.5.4 黑白+浅灰
10.5.5 黑色+少彩色
10.5.6 黑色+橙色
10.5.7 黑色+红色
10.5.8 小结
10.6 紫色页面配色
10.6.1 类紫色
10.6.2 浅紫色
10.6.3 深紫色
10.6.4 紫色+绿色
10.6.5 紫色+紫红色
10.6.6 紫色+红色
10.6.7 紫色+绿色
10.6.8 小结
10.7 蓝色页面配色
10.7.1 蓝色+玫瑰色
10.7.2 浅蓝色
10.7.3 深蓝色
10.7.4 纯蓝色
10.7.5 蓝色+绿色
10.7.6 蓝色+红色
10.7.7 蓝色+暖色
10.7.8 小结
10.8 绿色页面配色
10.8.1 绿色
10.8.2 高纯绿
10.8.3 浅绿色
10.8.4 黄绿色
10.8.5 绿色+多色
10.8.6 泛绿色
10.8.7 绿色+红色
10.8.8 小结
10.9 黄色页面配色
10.9.1 黄色
10.9.2 中黄色
10.9.3 黄绿色
10.9.4 黄色+红色
10.9.5 黄色+蓝色
10.9.6 小结
10.10 橙色页面配色
10.10.1 橙色
10.10.2 深橙色
10.10.3 浅橙色
10.10.4 黄色+橙色+橙红色
10.10.5 橙色+蓝色
10.10.6 橙色+绿色
10.10.7 橙红色+绿色
10.10.8 小结
10.11 红色页面配色
10.11.1 朱红色
10.11.2 深红色
10.11.3 玫瑰红色
10.11.4 粉红色
10.11.5 橙红色+蓝色
10.11.6 红色+黑色
10.11.7 红色+黑色+灰色
10.11.8 小结
11 网页版式设计
11.1 网页版式设计基础
11.2 网页版式构成原理
11.2.1 比例
11.2.2 重复与渐变
11.2.3 对称与均衡
11.2.4 节奏与韵律
11.2.5 对比与统一
11.3 版式视觉原理
11.3.1 视觉突出
11.3.2 整体感
11.3.3 错觉
11.3.4 视线移动规律
11.4 版式构成类型
11.4.1 水平分割
11.4.2 垂直分割
11.4.3 水平垂直分割
12 网站策划和规划
12.1 网站定位
12.1.1 确定网站想要表达什么
12.1.2 了解浏览者为什么需要这些信息
12.1.3 给浏览者留下什么样的印象
12.1.4 想让浏览者做什么
12.2 网站创意
12.2.1 创意是传达信息的一种特别方式
12.2.2 创意是将现有的要素重新组合
12.3 网站设计与素材搜集
12.3.1 设计网站主题和名称
12.3.2 确定网站的栏目和版块
12.3.3 搜集素材
12.4 制订网站规划
12.4.1 制作规划中的几个问题
12.4.2 网站规划书
12.5 网站结构规划
12.5.1 网站结构
12.5.2 设计网站导航规范
12.5.3 网站框架规范
12.6 网站目录和文件规范
12.6.1 建立目录的原则
12.6.2 网站文件命名规范
12.7 案例分析:资讯类网站策划和设计
12.7.1 资讯站的定位
12.7.2 资讯站的主题分类
12.7.3 资讯站的设计要点
12.7.4 资讯站的推广重点
12.8 案例引导:盘点热门网站类型
12.8.1 音乐影视:主打娱乐消费
12.8.2 娱乐休闲:主打休闲消费
12.8.3 游戏:主打兴趣消费
12.8.4 网络服务与应用:主打服务消费
12.8.5 博客:主打自媒体消费
12.8.6 网址导航:主打导流消费
12.8.7 计算机软/硬件:主打专业知识消费
12.8.8 数码及手机:主打技术消费
12.8.9 教学及考试:主打教育消费
12.8.10 医疗保健:主打健康消费
12.8.11 女性时尚:主打女性消费
12.8.12 社交网络和在线社区:主打社区消费
12.8.13 生活服务:主打生活消费
12.8.14 房产家居:主打家居消费
12.8.15 汽车:主打交通消费
12.8.16 旅游:主打旅游消费
12.8.17 体育运动:主打体育消费
12.8.18 投资金融:主打理财消费
12.8.19 新闻媒体:主打新闻消费
12.8.20 小说:主打阅读消费
12.8.21 人才招聘:主打职业消费
12.8.22 网络购物:主打购物消费
12.9 案例引导:盘点网站盈利模式
12.9.1 广告费
12.9.2 技术费
12.9.3 标准费
12.9.4 服务费
12.9.5 平台费
12.9.6 会员费
12.9.7 增值费
12.9.8 游戏费
12.9.9 电商盈利费
13 网站管理
13.1 定义站点
13.1.1 新建静态站点
13.1.2 新建虚拟站点
13.1.3 新建FTP站点
13.2 管理站点
13.2.1 编辑站点
13.2.2 备份站点
13.3 设计站点
13.3.1 切换站点
13.3.2 编辑站点文件
13.3.3 查看站点文件
13.3.4 站内文件快速定位
13.4 网站上传
13.4.1 快速上传
13.4.2 同步上传
13.4.3 遮盖上传
13.5 远程管理
13.5.1 认识网站管理器
13.5.2 操作远程文件
13.6 合作开发
13.6.1 远程文件存回和取出
13.6.2 使用设计备注实现合作开发
13.6.3 使用自定义列实现合作交互
13.7 站点测试和维护
13.7.1 检查断开链接
13.7.2 检查孤立文件
13.7.3 验证Web标准
14 网站推广和SEO
14.1 网站推广概述
14.1.1 写给网站推广初学者
14.1.2 网络推广4个层次
14.1.3 网站推广常见问题
14.2 精心设计网站域名
14.2.1 域名概述
14.2.2 域名命名规范
14.3 友情链接推广
14.3.1 诚恳地申请友情链接
14.3.2 如何寻找友情链接
14.3.3 友情链接资源
14.4 平台推广
14.4.1 利用高权重平台进行网络推广
14.4.2 利用高流量平台进行网络推广
14.4.3 利用高权重和高流量平台综合推广
14.4.4 豆瓣网推广
14.5 自媒体推广
14.5.1 打造成功的自媒体
14.5.2 自媒体平台推荐
14.6 软文推广
14.6.1 软文写作技巧
14.6.2 软文提交技巧
14.6.3 软文提交网站资源
14.6.4 软文代发技巧
14.7 微推广
14.7.1 微博推广
14.7.2 使用微信公众平台
14.7.3 挖掘精准微信用户
14.7.4 微营销技巧
14.8 论坛推广
14.8.1 精选论坛
14.8.2 设计好帖子
14.8.3 论坛发帖技巧
14.9 QQ群推广
14.10 名片推广
14.10.1 地区网站适合做名片推广
14.10.2 制作网络名片
14.11 论坛推广
14.12 使用收藏夹做推广
14.13 博客群推广
14.14 英文站推广
14.15 淘宝推广
14.16 通过数据分析做精准推广
14.17 网站SEO优化
14.18 超越SEO竞争对手
14.18.1 选择恰当的竞争对手
14.18.2 竞争对手分析步骤
14.18.3 竞争对手策略分析
14.18.4 竞争对手页面分析
14.19 长尾关健词优化
14.19.1 如何寻找长尾关健词
14.19.2 如何优化长尾关健词
14.20 网站内链优化策略
15 安装PHP服务器(视频讲解:80分钟)
15.1 安装Apache+PHP+MySQL工具包
15.2 安装PHP相关软件
15.2.1 安装Apache
15.2.2 配置Apache
15.2.3 安装PHP
15.2.4 配置PHP
15.2.5 测试PHP
15.3 安装MySQL
15.4 手动搭建PHP服务器
15.4.1 搭建Apache运行环境
15.4.2 运行PHP编译器
16 PHP快速入门(视频讲解:140分钟)
16.1 PHP基本语法
16.1.1 PHP标记
16.1.2 PHP注释
16.1.3 PHP指令分隔符
16.2 PHP数据类型
16.2.1 标量类型
16.2.2 复合类型
16.2.3 特殊类型
16.2.4 类型转换
16.2.5 检测数据类型
16.3 PHP变量和常量
16.3.1 声明和使用变量
16.3.2 变量作用域
16.3.3 可变变量
16.3.4 预定义变量
16.4 PHP运算符
16.4.1 算术运算符
16.4.2 赋值运算符
16.4.3 字符串运算符
16.4.4 位运算符
16.4.5 比较运算符
16.4.6 逻辑运算符
16.4.7 错误控制运算符
16.4.8 运算符优先级
16.5 PHP表达式
16.6 PHP流程控制
16.6.1 if条件语句
16.6.2 else条件语句
16.6.3 else if条件语句
16.6.4 switch条件语句
16.6.5 while循环语句
16.6.6 do-while循环语句
16.6.7 for循环语句
16.6.8 foreach循环语句
16.6.9 流程控制的替代方法
16.6.10 break控制流程语句
16.6.11 continue控制流程语句
16.6.12 goto控制流程语句
16.6.13 include和require控制流程语句
16.7 PHP函数
16.7.1 定义和调用函数
16.7.2 函数参数
16.7.3 函数返回值
16.7.4 可变函数
16.7.5 取消引用
16.8 PHP类和对象
16.8.1 定义和调用类
16.8.2 类属性
16.8.3 类常量
16.8.4 构造函数和析构函数
16.8.5 对象继承
16.8.6 抽象类
16.8.7 接口
16.9 PHP编码规范
16.9.1 命名规范
16.9.2 版式规范
16.9.3 注释规范
17 请求和获取信息(视频讲解:51分钟)
17.1 定义表单
17.1.1 表单结构
17.1.2 设计表单页
17.1.3 设置表单基本属性
17.1.4 使用表单对象
17.2 提交数据
17.2.1 定义传输类型
17.2.2 定义提交方法
17.2.3 定义请求地址
17.3 获取表单数据
17.3.1 获取文本框的值
17.3.2 获取复选框的值
17.3.3 获取下拉菜单的值
17.3.4 获取列表框的值
17.3.5 获取密码域和隐藏域的值
17.3.6 获取单选按钮的值
17.3.7 获取文件域的值
17.4 获取查询字符串
17.4.1 认识查询字符串
17.4.2 获取查询字符串的值
17.4.3 查询字符串编码
17.4.4 查询字符串解码
18 响应和处理信息(视频讲解:80分钟)
18.1 会话管理
18.1.1 认识会话变量
18.1.2 启动会话
18.1.3 注册和读取会话
18.1.4 注销和销毁会话
18.1.5 传递会话
18.1.6 设置会话有效期
18.1.7 会话安全
18.2 Cookie管理
18.2.1 认识Cookie
18.2.2 创建Cookie
18.2.3 读取Cookie
18.2.4 删除Cookie
18.3 字符串处理
18.3.1 格式化字符串
18.3.2 连接和分割字符串
18.3.3 比较字符串
18.3.4 匹配字符串
18.4 使用数组
18.4.1 认识PHP数组
18.4.2 定义数字索引数组
18.4.3 使用不同索引的数组
18.4.4 数组操作符
18.4.5 多维数组
18.4.6 数组排序
18.4.7 数组其他操作
18.5 正则表达式
18.5.1 字符类
18.5.2 重复
18.5.3 子表达式
18.5.4 子表达式计数
18.5.5 定位
18.5.6 分支
18.5.7 特殊字符
18.5.8 设计智能表单
18.5.9 查找子字符串
18.5.10 替换子字符串
18.5.11 分割字符串
19 访问MySQL数据库(视频讲解:115分钟)
19.1 认识MySQL
19.2 使用MySQL服务器
19.2.1 启动MySQL服务器
19.2.2 连接和断开MySQL服务器
19.2.3 停止MySQL服务器
19.3 MySQL命令行数据库
19.3.1 创建数据库
19.3.2 查看数据库
19.3.3 选择数据库
19.3.4 删除数据库
19.4 MySQL命令行数据表
19.4.1 创建数据表
19.4.2 查看数据表结构
19.4.3 修改数据表结构
19.4.4 重命名数据表
19.4.5 删除数据表
19.5 MySQL命令行语句
19.5.1 插入记录
19.5.2 查询记录
19.5.3 更新记录
19.5.4 删除记录
19.6 MySQL备份和恢复
19.6.1 备份数据
19.6.2 恢复数据
19.7 PHP操作MySQL
19.7.1 PHP与MySQL通信
19.7.2 连接MySQL服务器
19.7.3 选择MySQL数据库
19.7.4 执行SQL语句
19.7.5 获取记录集数组信息
19.7.6 获取记录集对象信息
19.7.7 获取记录集行信息
19.7.8 获取记录集记录数
19.8 案例实战:设计电子公告牌
19.8.1 添加公告
19.8.2 查询公告
19.8.3 更新公告
19.8.4 删除公告
19.8.5 分页显示
20 管理MySQL数据库(视频讲解:40分钟)
20.1 安装和配置phpMyAdmin
20.1.1 为什么使用phpMyAdmin
20.1.2 安装phpMyAdmin
20.1.3 配置phpMyAdmin
20.2 管理账户和权限
20.2.1 登录phpMyAdmin
20.2.2 添加用户和权限
20.2.3 创建数据库
20.2.4 关联用户和数据库
20.3 管理数据库
20.3.1 检查和修改数据库
20.3.2 修复数据库
20.3.3 备份数据库
20.3.4 导入数据库
20.4 案例实战:设计简单的数据库
21 使用PHP操作文件(视频讲解:65分钟)
21.1 操作文件
21.1.1 打开和关闭文件
21.1.2 读取文件内容
21.1.3 写入文件内容
21.1.4 编辑文件
21.2 操作目录
21.2.1 打开和关闭目录
21.2.2 浏览目录
21.2.3 编辑目录
21.3 远程操作文件
21.3.1 远程访问
21.3.2 远程定位和查询
21.3.3 文件锁定
21.4 远程文件上传
21.4.1 初始化配置参数
21.4.2 设置预定义变量$_FILES
21.4.3 上传文件
21.5 操作XML文档
21.5.1 创建XML文档
21.5.2 创建SimpleXML对象
21.5.3 读取XML元素
21.5.4 读取XML属性
21.5.5 访问特定元素和属性
21.5.6 编辑XML数据
21.5.7 保存XML数据
22 综合案例:设计留言板(视频讲解:70分钟)
22.1 设计思路
22.1.1 框架规划
22.1.2 设计流程
22.2 案例预览
22.3 难点详解
22.3.1 过滤敏感词
22.3.2 添加敏感词
22.3.3 读取敏感词
22.3.4 设计验证码
22.3.5 复选框全选
22.4 页面开发
22.4.1 设计数据结构
22.4.2 访问数据库
22.4.3 写入留言
22.4.4 显示留言
22.4.5 检索留言
22.4.6 回复留言
22.4.7 删除留言
22.4.8 设计悄悄话
23 综合案例:设计在线论坛(视频讲解:106分钟)
23.1 设计思路
23.1.1 设计流程
23.1.2 数据结构设计
23.2 案例预览
23.3 难点详解
23.3.1 主题导航
23.3.2 置顶帖子
23.3.3 引用帖子
23.3.4 收藏帖子
23.3.5 屏蔽回帖
23.3.6 短信提醒
23.4 页面开发
23.4.1 发布帖子
23.4.2 浏览帖子
23.4.3 回复帖子
23.4.4 结帖
23.4.5 搜索帖子
23.4.6 帖子分类
23.4.7 置顶管理
23.4.8 管理信息
23.4.9 管理好友
23.4.10 数据备份和恢复
附录CD
思维导图
防止博客图床图片失效,防止图片源站外链:
http://www.processon.com/chart_image/5e5a8c2be4b03627650acec2.png)
思维导图在线编辑链接: