网站设计与网页制作立体化项目教程(第3版)

网站设计与网页制作立体化项目教程(第3版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2018-06
版次: 3
ISBN: 9787121329555
定价: 45.00
装帧: 其他
开本: 16开
纸张: 胶版纸
35人买过
  • 本书通过江苏仕德伟网络科技股份有限公司的“我的E站”这个项目的设计制作,为读者全面展示了网站设计与网页制作的基本知识,让没有网页制作基础的读者可以轻松地开发制作出自己心目中的网站。本书按照网站开发的一般流程,主要介绍了网站前期策划;站点结构的创建;网页界面设计;图片的简单处理;图像和文字、列表、表格、模板,以及表单的应用;DIV+CSS标准布局;CSS样式的应用;多媒体与Flash应用;JavaScript基本应用;站点的创建和上传;网站兼容性测试;文档书写;响应式设计等内容。本书免费提供书中所有素材,另外还有针对全国计算机信息高新技术考试之高级网页制作员考试的网页制作技能强化综合练习题8套,技能强化训练全部素材均为原创作品,以上资源可登录华信教育资源网(www.hxedu.com.cn)下载。同时配有微课视频可在书中二维码处扫码学习。本书是专门为高等职业教育计算机类、艺术设计类和电子商务类等专业编写的网站设计与网页制作课程的专业教材,也可作为高级网页制作员的培训材料。 何福男,江苏苏州人,苏州工业职业技术学院软件与服务外包学院副院长,长期从事计算机类专业建设和专业教学工作,与企业有良好合作关系;主讲《网站设计与网页制作》、《面向对象程序设计》、《JavaScript程序设计》、《Web新技术》、《XML语言》、《数据库》等课程;积极从事项目化课程改革和项目课程教学实践,曾获省教学成果一等奖,主持省教育教学改革、市科技支撑计划等多项课题。 子项目1  网站建设基础知识与整体流程1

    项目任务1.1  了解网站建设的基础知识1

    1.1.1  认识网页和网站2

    1.1.2  了解网页制作技术3

    1.1.3  了解网页制作常用工具4

    1.1.4  编写第一个网页10

    项目任务1.2  熟悉网站建设的整体流程11

    1.2.1  网站前期策划12

    1.2.2  制作裁切网站设计稿16

    1.2.3  规划与建立站点16

    1.2.4  实现网页结构17

    1.2.5  使用CSS样式美化首页17

    1.2.6  创建并应用网页模板17

    1.2.7  测试与发布网站17

    1.2.8  更新与维护网站18

    1.2.9  网站项目总结18

    1.3  小结18

    子项目2 “我的E站”前期策划19

    项目任务2.1 “我的E站”项目立项19

    2.1.1  分析“我的E站”需求说明书20

    2.1.2  组建项目团队20

    项目任务2.2  撰写“我的E站”项目策划书21

    2.2.1  分析确定网站逻辑结构图22

    2.2.2  设计网站界面原型22

    2.2.3  撰写项目策划书26

    2.3  小结28

    子项目3 “我的E站”前期准备29

    项目任务3.1  设计网站LOGO29

    3.1.1  LOGO设计思想与设计原则30

    3.1.2  网站常用图片格式31

    3.1.3  制作“我的E站”LOGO32

    项目任务3.2  加工图像素材36

    3.2.1  批量处理图像39

    3.2.2  去除图片水印41

    3.2.3  调整图像属性41

    3.2.4  美化加工图像43

    3.2.5  应用特殊文字46

    项目任务3.3  设计制作网站界面48

    3.3.1  设置页面大小49

    3.3.2  规划首页内容并设计版式50

    3.3.3  确定配色方案50

    3.3.4  制作网站首页效果图52

    3.3.5  制作网站子页效果图64

    项目任务3.4  裁切网站设计稿68

    3.4.1  切片的原则70

    3.4.2  创建首页切片70

    3.4.3  编辑首页切片73

    3.4.4  命名首页切片74

    3.4.5  导出首页切片74

    3.4.6  裁切子页设计稿75

    项目任务3.5  制作网站中的动画77

    3.5.1  Flash基本概念77

    3.5.2  Flash基本操作80

    3.5.3  Flash基本动画形式83

    3.5.4  制作网站首页banner88

    3.6  小结93

    3.7  技能训练93

    3.7.1  裁切网站设计稿93

    3.7.2  Flash动画设计94

    3.7.3  Flash交互界面开发99

    子项目4  实现网页布局105

    项目任务4.1  创建本地站点105

    4.1.1  规划目录结构105

    4.1.2  熟悉Dreamweaver工作区并新建本地站点106

    4.1.3  管理本地站点108

    4.1.4  HTML基本概念及结构110

    项目任务4.2  一列固定宽度布局113

    4.2.1  插入Div标签114

    4.2.2  样式表种类和CSS选择器115

    4.2.3  在页面中引入CSS样式表117

    4.2.4  CSS样式代码编写规则118

    4.2.5  CSS盒模型121

    项目任务4.3  一列多行固定宽度居中布局127

    4.3.1  一列固定宽度居中布局128

    4.3.2  一列多行固定宽度居中布局129

    项目任务4.4  多列多行固定宽度居中布局130

    4.4.1  DOM树132

    4.4.2  CSS盒子在标准流中的定位133

    4.4.3  CSS盒子浮动方式133

    4.4.4  二列固定宽度居中布局135

    4.4.5  二列多行固定宽度居中布局135

    4.4.6  清除浮动属性136

    4.4.7  三列固定宽度居中布局137

    4.4.8  三列多行固定宽度居中布局137

    项目任务4.5 “我的E站”页面布局138

    4.5.1 “我的E站”子页布局139

    4.5.2 “我的E站”首页布局143

    4.6  小结150

    4.7  技能训练150

    4.7.1  建立站点150

    4.7.2  编写HTML代码结构150

    子项目5  添加和美化网页内容151

    项目任务5.1 “我的E站”子页制作151

    5.1.1  文本图像及样式152

    5.1.2  列表及样式160

    5.1.3  超链接及样式163

    5.1.4  背景样式166

    5.1.5 “关于我们”头部制作169

    5.1.6 “E站日记”列表制作170

    5.1.7  表格及样式171

    项目任务5.2 “我的E站”首页制作178

    5.2.1  头部制作179

    5.2.2  banner制作180

    5.2.3  中部制作186

    5.2.4  其他信息制作188

    5.2.5  底部制作190

    5.3  小结192

    5.4  技能训练192

    5.4.1  使用CSS布局技术完成网页192

    5.4.2  使用列表和CSS制作菜单193

    子项目6  网页模板及多媒体应用194

    项目任务6.1  创建并应用网页模板194

    6.1.1  创建模板194

    6.1.2  制作模板页面196

    6.1.3  插入或删除可编辑区域200

    6.1.4  应用模板201

    项目任务6.2  添加多媒体元素204

    6.2.1  插入多媒体元素205

    6.2.2  应用行为208

    6.2.3  运用JavaScript实现banner效果210

    6.3  小结211

    6.4  技能训练212

    子项目7 “我的E站”测试与发布213

    项目任务7.1  常见浏览器兼容问题及解决方案213

    7.1.1  网页中的标签问题213

    7.1.2 div的垂直居中问题214

    7.1.3 margin加倍的问题215

    7.1.4 浮动IE产生的双倍距离216

    7.1.5  宽度和高度问题217

    7.1.6  DIV浮动IE文本产生3像素的BUG220

    7.1.7  float清除浮动220

    7.1.8  图片间有空白间隙问题224

    7.1.9  不同浏览器对实际像素的解释225

    7.1.10  应用条件注释实现浏览器兼容225

    7.1.11  常用hack方法兼容介绍226

    项目任务7.2  站点的测试与调试227

    7.2.1  检查站点范围的链接227

    7.2.2  改变站点范围的链接228

    7.2.3  清理HTML228

    7.2.4  清理Word生成的HTML229

    7.2.5  同步229

    7.2.6  生成辅助功能报告230

    7.2.7  站点测试指南230

    项目任务7.3  网站的发布231

    7.3.1  申请域名231

    7.3.2  申请空间235

    7.3.3  站点的上传238

    7.4  小结240

    7.5  技能训练240

    子项目8  网站的宣传推广与维护241

    项目任务8.1  网站宣传推广241

    8.1.1  常见网站推广方式242

    8.1.2  网站推广步骤249

    8.1.3  搜索引擎优化工具250

    项目任务8.2  网站维护252

    8.2.1  网站维护的重要性252

    8.2.2  网站维护的基本内容253

    8.3  小结254

    子项目9 “我的E站”项目总结255

    项目任务9.1  文档的书写与整理255

    项目任务9.2  网站展示、交流与评价257

    9.3  小结259

    子项目10  将页面移植到移动设备260

    项目任务10.1  将“我的E站” 页面 转为响应式 设计260 

    10.1.1  响应式设计概述262

    10.1.2  移动化“关于我们”页面264

    项目任务10.2  Bootstrap框架介绍266

    10.2.1  Bootstrap框架 简介267

    10.2.2  下载Bootstrap 框架268

    10.2.3  Bootstrap框架文件结构269

    10.2.4  HTML标准模板269

    10.2.5  响应式的栅格系统270

    10.2.6  基于Bootstrap框架的首页制作271

    10.3  小结275

    附录A  常用工具、插件及用户 手册276

    附录B  网站制作规范277

    参考文献280
  • 内容简介:
    本书通过江苏仕德伟网络科技股份有限公司的“我的E站”这个项目的设计制作,为读者全面展示了网站设计与网页制作的基本知识,让没有网页制作基础的读者可以轻松地开发制作出自己心目中的网站。本书按照网站开发的一般流程,主要介绍了网站前期策划;站点结构的创建;网页界面设计;图片的简单处理;图像和文字、列表、表格、模板,以及表单的应用;DIV+CSS标准布局;CSS样式的应用;多媒体与Flash应用;JavaScript基本应用;站点的创建和上传;网站兼容性测试;文档书写;响应式设计等内容。本书免费提供书中所有素材,另外还有针对全国计算机信息高新技术考试之高级网页制作员考试的网页制作技能强化综合练习题8套,技能强化训练全部素材均为原创作品,以上资源可登录华信教育资源网(www.hxedu.com.cn)下载。同时配有微课视频可在书中二维码处扫码学习。本书是专门为高等职业教育计算机类、艺术设计类和电子商务类等专业编写的网站设计与网页制作课程的专业教材,也可作为高级网页制作员的培训材料。
  • 作者简介:
    何福男,江苏苏州人,苏州工业职业技术学院软件与服务外包学院副院长,长期从事计算机类专业建设和专业教学工作,与企业有良好合作关系;主讲《网站设计与网页制作》、《面向对象程序设计》、《JavaScript程序设计》、《Web新技术》、《XML语言》、《数据库》等课程;积极从事项目化课程改革和项目课程教学实践,曾获省教学成果一等奖,主持省教育教学改革、市科技支撑计划等多项课题。
  • 目录:
    子项目1  网站建设基础知识与整体流程1

    项目任务1.1  了解网站建设的基础知识1

    1.1.1  认识网页和网站2

    1.1.2  了解网页制作技术3

    1.1.3  了解网页制作常用工具4

    1.1.4  编写第一个网页10

    项目任务1.2  熟悉网站建设的整体流程11

    1.2.1  网站前期策划12

    1.2.2  制作裁切网站设计稿16

    1.2.3  规划与建立站点16

    1.2.4  实现网页结构17

    1.2.5  使用CSS样式美化首页17

    1.2.6  创建并应用网页模板17

    1.2.7  测试与发布网站17

    1.2.8  更新与维护网站18

    1.2.9  网站项目总结18

    1.3  小结18

    子项目2 “我的E站”前期策划19

    项目任务2.1 “我的E站”项目立项19

    2.1.1  分析“我的E站”需求说明书20

    2.1.2  组建项目团队20

    项目任务2.2  撰写“我的E站”项目策划书21

    2.2.1  分析确定网站逻辑结构图22

    2.2.2  设计网站界面原型22

    2.2.3  撰写项目策划书26

    2.3  小结28

    子项目3 “我的E站”前期准备29

    项目任务3.1  设计网站LOGO29

    3.1.1  LOGO设计思想与设计原则30

    3.1.2  网站常用图片格式31

    3.1.3  制作“我的E站”LOGO32

    项目任务3.2  加工图像素材36

    3.2.1  批量处理图像39

    3.2.2  去除图片水印41

    3.2.3  调整图像属性41

    3.2.4  美化加工图像43

    3.2.5  应用特殊文字46

    项目任务3.3  设计制作网站界面48

    3.3.1  设置页面大小49

    3.3.2  规划首页内容并设计版式50

    3.3.3  确定配色方案50

    3.3.4  制作网站首页效果图52

    3.3.5  制作网站子页效果图64

    项目任务3.4  裁切网站设计稿68

    3.4.1  切片的原则70

    3.4.2  创建首页切片70

    3.4.3  编辑首页切片73

    3.4.4  命名首页切片74

    3.4.5  导出首页切片74

    3.4.6  裁切子页设计稿75

    项目任务3.5  制作网站中的动画77

    3.5.1  Flash基本概念77

    3.5.2  Flash基本操作80

    3.5.3  Flash基本动画形式83

    3.5.4  制作网站首页banner88

    3.6  小结93

    3.7  技能训练93

    3.7.1  裁切网站设计稿93

    3.7.2  Flash动画设计94

    3.7.3  Flash交互界面开发99

    子项目4  实现网页布局105

    项目任务4.1  创建本地站点105

    4.1.1  规划目录结构105

    4.1.2  熟悉Dreamweaver工作区并新建本地站点106

    4.1.3  管理本地站点108

    4.1.4  HTML基本概念及结构110

    项目任务4.2  一列固定宽度布局113

    4.2.1  插入Div标签114

    4.2.2  样式表种类和CSS选择器115

    4.2.3  在页面中引入CSS样式表117

    4.2.4  CSS样式代码编写规则118

    4.2.5  CSS盒模型121

    项目任务4.3  一列多行固定宽度居中布局127

    4.3.1  一列固定宽度居中布局128

    4.3.2  一列多行固定宽度居中布局129

    项目任务4.4  多列多行固定宽度居中布局130

    4.4.1  DOM树132

    4.4.2  CSS盒子在标准流中的定位133

    4.4.3  CSS盒子浮动方式133

    4.4.4  二列固定宽度居中布局135

    4.4.5  二列多行固定宽度居中布局135

    4.4.6  清除浮动属性136

    4.4.7  三列固定宽度居中布局137

    4.4.8  三列多行固定宽度居中布局137

    项目任务4.5 “我的E站”页面布局138

    4.5.1 “我的E站”子页布局139

    4.5.2 “我的E站”首页布局143

    4.6  小结150

    4.7  技能训练150

    4.7.1  建立站点150

    4.7.2  编写HTML代码结构150

    子项目5  添加和美化网页内容151

    项目任务5.1 “我的E站”子页制作151

    5.1.1  文本图像及样式152

    5.1.2  列表及样式160

    5.1.3  超链接及样式163

    5.1.4  背景样式166

    5.1.5 “关于我们”头部制作169

    5.1.6 “E站日记”列表制作170

    5.1.7  表格及样式171

    项目任务5.2 “我的E站”首页制作178

    5.2.1  头部制作179

    5.2.2  banner制作180

    5.2.3  中部制作186

    5.2.4  其他信息制作188

    5.2.5  底部制作190

    5.3  小结192

    5.4  技能训练192

    5.4.1  使用CSS布局技术完成网页192

    5.4.2  使用列表和CSS制作菜单193

    子项目6  网页模板及多媒体应用194

    项目任务6.1  创建并应用网页模板194

    6.1.1  创建模板194

    6.1.2  制作模板页面196

    6.1.3  插入或删除可编辑区域200

    6.1.4  应用模板201

    项目任务6.2  添加多媒体元素204

    6.2.1  插入多媒体元素205

    6.2.2  应用行为208

    6.2.3  运用JavaScript实现banner效果210

    6.3  小结211

    6.4  技能训练212

    子项目7 “我的E站”测试与发布213

    项目任务7.1  常见浏览器兼容问题及解决方案213

    7.1.1  网页中的标签问题213

    7.1.2 div的垂直居中问题214

    7.1.3 margin加倍的问题215

    7.1.4 浮动IE产生的双倍距离216

    7.1.5  宽度和高度问题217

    7.1.6  DIV浮动IE文本产生3像素的BUG220

    7.1.7  float清除浮动220

    7.1.8  图片间有空白间隙问题224

    7.1.9  不同浏览器对实际像素的解释225

    7.1.10  应用条件注释实现浏览器兼容225

    7.1.11  常用hack方法兼容介绍226

    项目任务7.2  站点的测试与调试227

    7.2.1  检查站点范围的链接227

    7.2.2  改变站点范围的链接228

    7.2.3  清理HTML228

    7.2.4  清理Word生成的HTML229

    7.2.5  同步229

    7.2.6  生成辅助功能报告230

    7.2.7  站点测试指南230

    项目任务7.3  网站的发布231

    7.3.1  申请域名231

    7.3.2  申请空间235

    7.3.3  站点的上传238

    7.4  小结240

    7.5  技能训练240

    子项目8  网站的宣传推广与维护241

    项目任务8.1  网站宣传推广241

    8.1.1  常见网站推广方式242

    8.1.2  网站推广步骤249

    8.1.3  搜索引擎优化工具250

    项目任务8.2  网站维护252

    8.2.1  网站维护的重要性252

    8.2.2  网站维护的基本内容253

    8.3  小结254

    子项目9 “我的E站”项目总结255

    项目任务9.1  文档的书写与整理255

    项目任务9.2  网站展示、交流与评价257

    9.3  小结259

    子项目10  将页面移植到移动设备260

    项目任务10.1  将“我的E站” 页面 转为响应式 设计260 

    10.1.1  响应式设计概述262

    10.1.2  移动化“关于我们”页面264

    项目任务10.2  Bootstrap框架介绍266

    10.2.1  Bootstrap框架 简介267

    10.2.2  下载Bootstrap 框架268

    10.2.3  Bootstrap框架文件结构269

    10.2.4  HTML标准模板269

    10.2.5  响应式的栅格系统270

    10.2.6  基于Bootstrap框架的首页制作271

    10.3  小结275

    附录A  常用工具、插件及用户 手册276

    附录B  网站制作规范277

    参考文献280
查看详情
12
您可能感兴趣 / 更多
网站设计与网页制作立体化项目教程(第3版)
网络爬虫项目实战
何福男
网站设计与网页制作立体化项目教程(第3版)
网站设计与网页制作立体化项目教程(第4版)
何福男
网站设计与网页制作立体化项目教程(第3版)
C#程序设计项目化教程(第2版)
何福男 著
网站设计与网页制作立体化项目教程(第3版)
C#程序设计项目化教程
何福男、汤晓燕 编
网站设计与网页制作立体化项目教程(第3版)
网站设计与网页制作项目教程(第2版)
何福男、密海英 编