《网站设计与网页製作》是2015年出版的图书,作者是段淑敏。
基本介绍
- 书名:网站设计与网页製作
- 作者: 段淑敏等
- ISBN:978-7-5642-2172-0/F.2172
- 页数:38
- 出版时间:2015-08-01
- 开本:16
- 责任编辑:袁春玉
内容简介
本书主要介绍了商务网站开发的基本方法,涉及电子商务网页和网站的製作流程、电子商务网站系统分析与总体规划、网页设计语言HTML与XHTML、脚本语言JavaScript、CSS样式基础、CSS布局页面元素、CSS定位与DIV布局、Flash动画製作等,採用项目任务法编写,以商务网站开发过程为基础构建学习案例,贴近职业实际。本书以能力训练为主,同时兼顾知识的系统性,内容全面、条理清晰、图文并茂,既兼顾学习者取得相应的职业资格认证,又体现对其职业素质的培养。
目录
前言 1
第一部分 电子商务网页设计基础篇
项目1 电子商务网页和网站的製作流程 3
【课前项目直击】 3
任务1 网页和网站 3
一、网页与网站的关係 3
二、网页的基本构成元素 5
任务2 网页设计概述 5
一、网页设计与製作 5
二、电子商务网页设计的特点 6
三、网页设计的相关术语 7
任务3 电子商务网站製作流程 9
一、前期策划 9
二、页面细化及实施 10
三、后期维护 11
任务4 布局方式 11
一、网站建设标準 11
二、页面布局 12
【知识拓展】 16
【课后专业测评】 22
项目2 电子商务网站系统分析与总体规划 23
【课前项目直击】 23
任务1 电子商务网站系统分析 25
一、建站目的与目标 25
二、需求分析 25
三、可行性分析 26
四、可行性研究报告主要内容 28
任务2 电子商务网站总体规划 29
一、网站总体规划目的 29
二、网站总体规划的依据 29
三、网站总体规划的主要内容 30
【知识拓展】 42
【课后专业测评】 45
第二部分 电子商务网站开发技术篇
项目3 网页设计语言HTML与XHTML 49
【课前项目直击】 49
任务1 HTML基础 50
一、HTML概述 50
二、HTML基本结构 51
任务2 HTML基本标籤 52
一、HTML结构标籤 52
二、格式标籤 53
三、文本标籤 54
四、超连结标籤 56
五、图像标籤 57
六、表格标籤 58
七、框架标籤 63
八、表单标籤 65
任务3 XHTML 69
一、XHTML概述 69
二、HTML转换为XHTML 70
【知识拓展】 72
【课后专业测评】 73
项目4 脚本语言JavaScript 74
【课前项目直击】 74
任务1 JavaScript概述 75
一、JavaScript发展 76
二、编写JavaScript脚本代码 76
三、JavaScript程式结构 81
四、JavaScript代码嵌入HTML文档 87
任务2 JavaScript效果的实现 88
一、事件处理器 88
二、表单验证 90
【知识拓展】 93
【课后专业测评】 94
项目5 CSS样式基础 95
【课前项目直击】 95
任务1 CSS页面设定 95
一、CSS的基本语法 95
二、套用CSS样式表的方式 98
三、四种样式表套用方式的优先权 103
任务2 CSS选择器 104
一、标籤选择器 105
二、类别选择器 106
三、ID选择器 109
四、交集选择器 110
五、并集选择器 111
六、后代选择器 112
【知识拓展】 113
【课后专业测评】 114
项目6 CSS布局页面元素 116
【课前项目直击】 116
任务1 用CSS设定网页背景 117
一、背景颜色 117
二、背景图片 119
任务2 CSS文本编辑效果 122
一、文字样式 122
二、段落样式 124
任务3 用CSS控制图片样式 125
一、图片框线的设定 125
二、图片大小的设定 126
三、图片自动等比例缩小 127
四、图片阴影的设定 128
五、图片透明的设定 129
任务4 用CSS控制列表样式 130
一、列表的符号 130
二、简单水平导航选单 131
任务5 CSS表格和表单效果 134
一、表格中的标记 134
二、表格的框线 135
三、隔行变色的表格 137
四、滑鼠经过变色的表格 139
五、CSS表单效果 141
任务6 CSS滤镜的套用 144
一、滤镜介绍 144
二、各种滤镜设定方式 145
【知识拓展】 150
【课后专业测评】 151
项目7 CSS定位与DIV布局 152
【课前项目直击】 152
任务1 元素的定位 153
一、div标籤与span标籤 153
二、盒子模型 155
三、元素的定位 164
四、CSS+DIV布局方法 178
任务2 电子商务网站CSS+DIV网页布局分析 182
一、“头部”製作技巧分解 185
二、导航製作技巧分解 186
三、焦点图製作技巧分解 186
四、女装版块製作技巧分解 187
五、“男装”和“运动”版块製作技巧分解 190
六、页面底部版块製作技巧分解 190
【知识拓展】 192
【课后专业测评】 193
第三部分 电子商务网页製作工具篇
项目8 Photoshop与Fireworks图形图像编辑 197
【课前项目直击】 197
任务1 Photoshop图像处理 201
一、Photoshop的相关概念 201
二、Photoshop操作界面 202
三、Photoshop工具列 202
四、Photoshop基本操作 211
任务2 Fireworks网路图形编辑 219
一、Fireworks操作界面 219
二、Fireworks的基本操作 222
三、按钮和导航栏的製作 232
四、绘製矢量图像 236
【知识拓展】 247
【课后专业测评】 247
项目9 Dreamweaver布局 248
【课前项目直击】 248
任务1 站点的建立 250
一、Dreamweaver操作界面 250
二、站点建立实例操作 253
任务2 页面布局 258
一、利用表格布局网页 258
二、利用Spry对象布局选单 261
【知识拓展】 265
【课后专业测评】 276
项目10 Flash动画製作 277
【课前项目直击】 277
任务1 Flash动画 277
一、Flash操作界面 277
二、Flash的系统配置 281
三、Flash档案的基本操作 282
任务2 製作动态Logo和Banner动画 284
一、动态Logo製作 284
二、Banner动画製作 290
【知识拓展】 294
【课后专业测评】 295
参考文献 296