热门关键字:  听力密码  听力密码  新概念美语  单词密码  巧用听写练听力
图书信息

网页设计与开发实战教程

中国水利水电出版社
    【作 者】李云程 【I S B N 】978-7-5170-1992-3 【责任编辑】李炎 【适用读者群】本专通用 【出版时间】2014-09-22 【开 本】16开 【装帧信息】平装(光膜) 【版 次】第1版第1次印刷 【页 数】348 【千字数】578 【印 张】21.75 【定 价】39.8 【丛 书】应用技术型高等教育“十二五”规划教材 【备注信息】
图书详情

    本书紧跟互联网技术最新发展成果,选择了HTML5、Dreamweaver、Fireworks、Flash和jQuery新版精华技术作为开发工具。

    本书针对应用技术型院校教学目标和学生情况,采用全新教学模式,将合作企业的成功案例“深房小区”网站项目贯穿始终。通过完成任务,学会知识与技术。

    全书共11章。主要内容包括:网站策划与创建,HTML5网页设计,网站首页设计,超链接,网页配色与CSS定义布局设计,用Spry构件设计页面,网页模板设计与表单,JavaScript交互效果设计,jQuery应用设计,网站测试与发布,网站设计综合训练方案。

    本书由教学团队与企业密切合作,对课程进行定位,修订教学大纲,确定教学内容,选用了网站设计最新工具HTML5、Dreamweaver、Fireworks、Flash和jQuery的技术精华。

    针对应用技术型院校教学目标和学生情况,教材打破传统以知识为主线的结构,采用全新教学模式,依托合作企业的成功案例“深房小区”网站项目,任务选择具有典型性、针对性和代表性。

    全书强调应用技术型人才能力培养这条主线,根据网页设计师的岗位能力需求,结合网站开发过程将内容分为11章。学生以任务驱动直接面对网站项目进行设计与实践,通过完整设计过程,学会并掌握网站前端设计知识和技术。

    我们生活在一个充满机遇与挑战的时代,急需大量应用技术型人才。高等教育正在经历着一场深刻变革,教育存在要服务于社会,应该按照社会不同行业的岗位群来培养有用人才。解决学以致用问题,是高等教育应该完成的教育目的。按照社会不同需求培养出直接有用人才,是教育改革的终极目标。要让高等教育全面达到应用技术型人才培养的理性发展状态,就需要在微观层面从每一个专业领域、每一门课程教材入手,凸显出能力培养的本质特征。

    互联网应用日益普及,承载信息的网站平台拥有缤纷多彩的资讯。随着信息技术快速发展,各类网站设计工具不断增多。如何选择设计工具?如何高效快速地学以致用,将自己培养成网站设计开发的应用技术型人才?这是摆在广大初学者面前迫切需要解决的问题。

    教学设计

    本书由教学团队与企业密切合作,对课程进行定位,修订教学大纲,确定教学内容。选用了网站设计最新工具HTML5、Dreamweaver、Fireworks、Flash和jQuery的技术精华。

    针对应用技术型院校教学目标和学生情况,教材打破了传统以知识为主线的结构,采用全新教学模式,课程教学依托合作企业的成功案例“深房小区”网站项目,范例任务选择具有典型性、针对性和代表性。教学设计切合工程技术要求,是一个非常适合以技能培养为主线的学习情境。让学生通过基于工作过程的方式,以任务驱动直接面对网站项目进行设计与实践,通过完整系列设计过程的学习与训练,学会并掌握网站前端设计知识和技术。同时,也能够更好地激发学习者学习的积极性。

    教材特色

    全书强调应用技术型人才的能力培养这条主线。每项任务都有:设计效果、任务描述、设计思路、任务实现、任务拓展、知识补充等环节,有些还增加了技术要点或任务小结。对设计中遇到的问题和技术要点,给出了诸如“说明”、“解释”、“讲解”、“提示”或“注意”等详细描述。这样的过程设计有利于初学者学会如何将技术灵活运用于实践,同时对遇到的知识和技术能轻松地加以理解,进而掌握针对任务要求的设计方法。每章最后一个环节都给出了“实训项目”任务,让学习者再次运用技术进行个性化综合应用,最终达到熟练掌握Web前端设计实用技能的学习目标。

    内容结构链条

    教材根据网页设计师的岗位能力需求,结合网站开发过程将内容分为11章。第1章“网站策划与创建”,包括3个任务:讲解互联网基础知识,通过剖析典型网站获得启示;规划自己待建网站主题和结构;接着利用Dreamweaver软件创建开发网站的站点。第2章“HTML5网页设计”包括3个任务:学习网页中文字、图片、声音和视频等插入与排版,学会设计单独页面的基本技术。第3章“网站首页设计”包括9个任务:在基本网页设计基础上,拓展利用表格进行较为复杂的主页面设计;主页用到的Logo设计;页眉用到的横幅Gif动画;导航栏部分的导航条和下拉单设计;页面经常用到的Flash广告动画;以及网站首页检查插件并弹出一个公告等。第4章“超链接”包括2个任务:超链接是网站精髓,前面设计的网站首页等还是一个个单独页面,这里要通过内部链接、外部链接、锚点链接、电子邮件链接以及图像热点等,将网站中页面链接成为一个整体。第5章“网页配色与CSS定义布局设计”是教材的重点,将主页布局设计分为3个任务,每个任务都有其侧重点,前两项涉及页面整体效果的图片素材与色彩搭配设计;接着,学习如何一步一步构建一个CSS整体布局页面。第6章“Spry构件应用”将应用构件分解为3个任务,轻松实现由JavaScript编程才能设计的网站导航条、折叠内容导航和选项卡面板等效果,来重新设计“深房小区”网站生活杂志页面。第7章“网页模板设计与表单”包括2个任务:定义与利用模板设计固定样式的子栏目页面;创建交互式表单应用。第8章“JavaScript交互效果设计”包括4个任务:设计动态页面效果,带你步入脚本程序大门。第9章“jQuery应用设计”利用jQuery将你带入具有丰富交互与数据更新效果的世界。第10章“网站测试与发布”让你熟悉测试、发布与更新各项工作和流程。第11章“网站项目开发综合训练方案”教你作为一位网站项目设计师,系统地设计完成一个网站项目,所必需经历训练的各个环节,包括网站开发规范。

    如何有效地使用本书

    本书各章节在内容编排上遵循了循序渐进原则,由浅入深地展开学习。从第1章至最后一章每项任务都是环环相扣,在完成前一项任务的基础上,才能够完成后一项任务。其中第8、9章无编程经验读者可以弃用,对于有一定网页基础者,允许选择感兴趣部分参考。

    特别指出,1.1.1节是剖析有代表性典型网站,分析这些网站的结构构成。接着,1.2.1节是规划自己待建网站,从前面剖析中汲取营养,借鉴分析结果,思考、提炼自己感兴趣主题,来规划和设计一个待建网站。待建网站内容和素材资源课后可以不断查找、搜集。在接下来学习中就需要结合任务和单元实训项目,独立完成设计自己网站的页面,直到最后完成一个网站设计,并进行测试和发布。

    全书网站项目资源、任务范例都在教材资源库中提供。建议下载使用,以便弥补教材无法提供彩页的不足。

    教学建议

    本书适合作为应用技术型本科院校相关专业教材,也适合高职高专和自学者使用。本书资源库提供全部网站文件和范例资源、参考教学大纲。

    最好将课程安排在机房,使教学在实训中进行。既可以是正常课堂教学也可以安排整周实训。根据各自情况安排50~68学时,有些内容可以选择使用。

    本书教学团队总结多年网站设计课程教学和项目开发经验,结合荣获2008年教育部高等教育“精品教材”的内容更新,针对应用技术型院校学生的培养要求,收集和参考了网站设计最新技术。参加大纲与内容确定的人员有腾讯(深圳)公司唐文荣高级工程师、王明福、范新灿、李斌、杨丽娟、钟剑龙、庄亚俊、梁雪平等老师,全书由李云程执笔撰写而成。

    编者在撰写过程中参考了大量书籍和资料,在此对相关作者表示最诚挚的谢意。对腾讯(深圳)公司及唐文荣高级工程师、教学团队老师们在课程开发过程中的合作和帮助表示感谢。

    本教材的撰写是一次全新尝试,教学方法也有待不断探索和总结,加之时间仓促、水平有限,不妥之处恳请批评指正,以便下次修订时加以改进。E-mail: yunchengli@sina.com。

    李云程

    2014年5月

    第1章 网站策划与创建 1
    1.1 互联网与网站剖析 1
    1.1.1 网站基础知识 2
    1.1.2 任务:网站剖析 4
    1.1.3 任务实现 5
    1.2 网站策划设计 7
    1.2.1 任务:策划一个自己待建主题网站 7
    1.2.2 任务实现 8
    1.2.3 知识补充:网站策划与页面设计 8
    1.3 使用Dreamweaver创建网站站点 14
    1.3.1 任务:创建与维护待建网站站点 14
    1.3.2 任务实现 17
    1.3.3 知识补充:Web网站与维护 22
    实训项目一 23
    第2章 HTML5网页设计 25
    2.1 制作基本网页 25
    2.1.1 任务:一个“云南怒江游记”的
    文字页面 25
    2.1.2 任务实现 26
    2.1.3 知识补充:定义Dreamweaver的首选
    参数和HTML5简介 33
    2.2 制作图文网页 38
    2.2.1 任务:带有文字和图片混排的
    “云南怒江游记”页面 38
    2.2.2 任务实现 39
    2.2.3 任务拓展:为文字配多张图片 42
    2.2.4 知识补充:图像使用和Dreamweaver
    的组件功能 43
    2.3 制作多媒体网页 45
    2.3.1 任务:一个带有文字、图片和视频
    的页面 45
    2.3.2 任务实现 46
    2.3.3 任务拓展:带有歌曲链接和Flash
    动画等效果的页面 49
    2.3.4 知识补充:常用多媒体对象 53
    实训项目二 56
    第3章 网站首页设计 58
    3.1 利用表格布局设计首页 58
    3.1.1 任务:设计一个网站首页页面 59
    3.1.2 任务实现 60
    3.1.3 知识补充:网页布局设计 63
    3.2 设计网站Logo 65
    3.2.1 任务:设计深房小区网站Logo 66
    3.2.2 任务实现 66
    3.2.3 任务拓展:设计另一个深房小区
    网站Logo 68
    3.2.4 知识补充 70
    3.3 设计Gif动画 71
    3.3.1 任务:设计一个横幅的Gif动画广告 72
    3.3.2 任务实现 73
    3.3.3 任务拓展:设计一个图形围绕中心
    顺时针不停旋转Gif动画 75
    3.3.4 知识补充:动画设计 78
    3.4 设计网站导航条 79
    3.4.1 任务:设计一组导航条 79
    3.4.2 任务实现 80
    3.4.3 任务拓展:利用系统按钮设计导航条 82
    3.4.4 知识补充:导航条设计 83
    3.5 导航下拉单 84
    3.5.1 任务:设计一带有下拉菜单的导航条 85
    3.5.2 任务实现 86
    3.5.3 知识补充:再谈设计下拉菜单 89
    3.6 用Flash设计文字变化动画 90
    3.6.1 任务:设计一个横幅文字变化广告 91
    3.6.2 任务实现 92
    3.6.3 知识补充:Flash动画设计 98
    3.7 用Flash设计带有图文变化动画 101
    3.7.1 任务:设计一个带有图文变化
    广告条 101
    3.7.2 任务实现 103
    3.7.3 知识补充:Flash设计规范 110
    3.8 用Flash设计复杂变化效果 111
    3.8.1 任务:设计一个复杂变化效果广告 111
    3.8.2 任务实现 113
    3.8.3 知识补充:Flash动画场景应用 120
    3.8.4 任务小结 120
    3.9 在主页中检查插件和跳出公告窗口 122
    3.9.1 任务:网站首页检查插件并弹出
    一个公告 122
    3.9.2 任务实现 125
    3.9.3 知识补充:行为面板及其功能 127
    实训项目三 131
    第4章 超链接 132
    4.1 创建文字图片内外部链接和电子
    邮件链接 132
    4.1.1 任务:设计页面各种超链接 133
    4.1.2 任务实现 134
    4.2 创建锚点链接以及图像热点 136
    4.2.1 任务:为页面信息设置锚点链接 137
    4.2.2 任务实现 138
    4.2.3 任务拓展:在页面地图上设置
    热点链接 139
    4.2.4 知识补充:网页文档的设计备注 140
    实训项目四 142
    第5章 网页配色与CSS定义布局设计 144
    5.1 玻璃质感导航按钮与主页配色设计 144
    5.1.1 任务:设计一组玻璃质感按钮 145
    5.1.2 任务实现 145
    5.1.3 知识补充:颜色搭配设计 147
    5.2 页眉图片和Logo视觉修饰设计 148
    5.2.1 任务:设计一幅页眉图片 148
    5.2.2 任务实现 149
    5.2.3 知识补充:网站整体风格设计 152
    5.3 用CSS与Div设计网页 154
    5.3.1 任务:一个网页的布局设计 154
    5.3.2 任务实现 156
    5.3.3 任务拓展:CSS及其规则 168
    5.3.4 知识补充:Dreamweaver中
    创建CSS 170
    实训项目五 172
    第6章 Spry构件应用 174
    6.1 Spry菜单栏构件 174
    6.1.1 任务:用Spry菜单栏构件设计网站
    导航条 175
    6.1.2 任务实现 176
    6.1.3 知识补充:Spry Widget的进一步
    说明 181
    6.2 Spry折叠构件 182
    6.2.1 任务:用Spry折叠构件设计网站
    左侧内容导航 182
    6.2.2 任务实现 183
    6.3 Spry选项卡式与可折叠式等构件 188
    6.3.1 任务:用Spry选项卡式面板等设计
    正文内容显示效果 188
    6.3.2 任务实现 190
    6.3.3 任务小结 194
    实训项目六 195
    第7章 网页模板设计与表单 197
    7.1 使用模板制作页面 197
    7.1.1 任务:定义与利用模板设计“时尚
    直击”子栏目页面 198
    7.1.2 任务实现 199
    7.1.3 知识补充:Dreamweaver创建模板
    的首选参数 203
    7.2 表单 204
    7.2.1 任务:创建交互式表单 204
    7.2.2 任务实现 205
    实训项目七(a) 209
    实训项目七(b) 210
    第8章 JavaScript交互效果设计 212
    8.1 日期时间对象Date() 212
    8.1.1 任务:在页面内显示日期时间并倒记时天数 213
    8.1.2 任务实现 214
    8.1.3 任务拓展:在页面上显示时间和
    中文日期 221
    8.2 树型目录设计 224
    8.2.1 任务:树型目录导航设计 224
    8.2.2 任务实现 225
    8.2.3 任务拓展:单纯利用表格设计
    树型目录 231
    8.3 隐藏的浮动导航面板 234
    8.3.1 任务:设计可以隐藏于浏览器侧面
    的导航面板 234
    8.3.2 任务实现 235
    8.4 鼠标控制文字运动效果 241
    8.4.1 任务:跟随鼠标运动的蛇形文字 242
    8.4.2 任务实现 243
    实训项目八 245
    第9章 jQuery应用设计 246
    9.1 jQurey选择器使用 246
    9.1.1 任务:利用jQuery改变页面
    显示效果 247
    9.1.2 任务实现 248
    9.1.3 任务小结 251
    9.1.4 任务拓展:使用几个常用方法
    设计页面效果 251
    9.1.5 知识补充:jQuery选择器与方法 257
    9.2 图片切换效果设计 259
    9.2.1 任务:在页面显示图片切换广告 259
    9.2.2 任务实现 260
    9.2.3 任务小结:jQuery选择器 262
    9.2.4 任务拓展:页面带有缩图的图片
    切换效果 263
    9.2.5 任务拓展:在页面显示图片
    切换广告 265
    9.2.6 任务拓展:又一种图片切换
    广告效果 268
    9.3 导航条与下拉菜单设计 272
    9.3.1 任务:设计水平二级菜单效果 272
    9.3.2 任务实现 273
    9.3.3 任务小结 276
    9.3.4 任务拓展:带有滤镜切换效果的
    导航条设计 276
    9.4 jQuery Ajax技术 281
    9.4.1 任务:利用jQuery Load( )方法
    加载数据 281
    9.4.2 任务实现 282
    9.4.3 任务拓展:jQuery 常用客户端与服务器端数据加载方法设计 285
    9.4.4 知识补充:GET和POST方法差异
    和jQuery Ajax操作函数 288
    实训项目九 289
    第10章 网站测试与发布 291
    10.1 部署发布以及更新网站 292
    10.1.1 任务:网站测试与发布 292
    10.1.2 任务实现 293
    10.1.3 知识补充:定义IIS站点服务器 300
    实训项目十 301
    第11章 网站项目开发综合训练方案 302
    11.1 项目立项与规划 302
    11.2 项目建设方案 303
    11.3 网站设计与实现 305
    11.3.1 网站页面设计 305
    11.3.2 网站设计特别注意问题 314
    11.3.3 一位早期Microsoft公司网站
    设计者的经验 316
    11.3.4 测试 318
    11.3.5 推广站点 318
    11.4 网站开发规范 319
    11.4.1 确定网站目录结构 319
    11.4.2 确定网站的链接结构 319
    11.4.3 命名规范 320
    11.4.4 搜索框设计规范 324
    11.4.5 页码设计规范 326
    11.4.6 文字编排与设计 327
    11.4.7 文字超链接 332
    11.4.8 局部效果设计 333
    11.4.9 页面各个模块修饰设计 335
    11.4.10 广告设计规范 335
    11.4.11 页脚信息 335
    11.4.12 图片修饰设计 336
    参考文献 339
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册