1网站建设基础 1
1.1 网站建设技术概况 1
1.2 网站建设行业优势分析 2
1.2.1 行业发展现状与趋势 2
1.2.2 行业从业人员情况 3
1.2.3 网站建设应用领域 3
1.3 网站建设制作流程介绍 4
1.3.1 申请域名与空间 4
1.3.2 网站策划 5
1.3.3 UI设计 5
1.3.4 网站前端架构 6
1.3.5 网站程序开发 6
1.3.6 网站内容管理 6
1.3.7 网站测试 7
1.4 主流网站建设软件 7
1.4.1 Photoshop 7
1.4.2 Dreamweaver 7
2网页界面设计实践 9
2.1 网页按钮及搜索框设计 9
2.1.1 按钮制作 9
2.1.2 简单搜索条设计 11
2.1.3 下拉搜索条设计 14
2.2 Banner广告设计 18
2.2.1 Banner几何背景设计 18
2.2.2 服装Banner设计 20
2.2.3 房地产Banner设计 21
2.2.4 Banner图像合成 23
2.3 网站导航设计 24
2.3.1 常用导航设计 24
2.3.2 特殊导航设计 26
2.3.3 创意导航设计 29
2.4 网页栏目条设计 32
2.4.1 制作带有渐变背景的栏目条 32
2.4.2 制作具有水晶质感的栏目条 34
2.5 文字特效制作 35
2.5.1 制作金属文字 35
2.5.2 制作奶牛文字 38
2.5.3 制作草莓文字 41
2.6 图片色彩美化 44
2.6.1 静物照片色彩美化 44
2.6.2 风景照片色彩美化 45
3网站设计实践 49
3.1 网页结构布局 49
3.1.1 登录型页面结构布局 49
3.1.2 企业网站首页页面结构布局 53
3.2 常用网页导航菜单制作 56
3.2.1 制作常用横向导航菜单 56
3.2.2 制作垂直导航菜单 57
3.2.3 制作创意导航菜单 58
3.3 表单的应用 58
3.3.1 制作页面搜索模块 58
3.3.2 制作登录模块 59
3.3.3 制作简单注册页面 60
3.3.4 制作用户注册页面 60
3.4 表格的应用 61
3.4.1 制作水平分割线 61
3.4.2 制作虚线 62
3.4.3 制作细线表格 63
3.5 CSS样式的应用 64
3.5.1 设置信息列表文字样式 64
3.5.2 设置超链接文字样式 65
3.5.3 设置导航样式 66
3.5.4 设置竖型导航样式 69
3.5.5 设置横向导航条样式 72
3.5.6 设置背景样式 73
3.5.7 设置列表文字样式 74
4淘宝店铺设计 76
4.1 淘宝店铺界面设计 76
4.1.1 店铺套用头部设计 76
4.1.2 网店头部设计 80
4.1.3 店铺导航设计 84
4.1.4 网店Banner设计 84
4.1.5 网店内容设计 95
4.1.6 “内容页面”及“底部说明文字”栏目设计 98
4.2 淘宝店铺页面制作 100
4.2.1 搭建网站基本工作环境 100
4.2.2 搭建首页结构框架 103
4.2.3 制作淘宝店铺首页头部 111
4.2.4 制作首页导航菜单及banner 117
4.2.5 制作首页横幅广告与通栏广告区域 118
4.2.6 制作首页内容主区域 121
4.2.7 制作首页底部 137
4.2.8 首页CSS样式美化 140
参考文献 146