热门关键字:  听力密码  单词密码  新概念美语  巧用听写练听力  零起点

CSS+DIV页面布局技术

中国水利水电出版社
    【作 者】主编 朱翠苗 【I S B N 】978-7-5170-3251-9 【责任编辑】陈洁 【适用读者群】高职高专 【出版时间】2015-07-30 【开 本】16开 【装帧信息】平装(光膜) 【版 次】第1版第1次印刷 【页 数】168 【千字数】257 【印 张】10.5 【定 价】24 【丛 书】“十二五”江苏省高等学校重点教材 【备注信息】
图书详情

    本书为“‘十二五’江苏省高等学校重点教材”,文件编号为:2014-2-027。

    CSS+DIV页面布局技术是目前流行的网页制作核心技术。

    本书由浅入深、循序渐进,通过典型的项目载体,采取工作过程项目化的模式,系统地介绍和训练了超文本标记语言HTML的基本标签、表单应用、表格应用和布局、CSS层叠样式表、CSS+DIV实现典型页面局部布局,重点讲述了CSS+DIV实现页面布局的技术和方法,为了便于读者全面掌握CSS+DIV技术和规范,深刻体会网页设计的乐趣,最后给出一个综合性的实战项目“CSS+DIV页面布局实例”,全面巩固所学的技术和方法。

    本书适合作为高职高专软件技术、计算机网络技术、计算机应用技术、电子商务类以及相关专业教材,也可以作为网页设计技术培训教程,还可以作为Web网站开发人员、网页设计师等的参考书。

    本书为校企合作教材,采取“工程过程项目化”的编写模式进行编写,从实际案例入手,让读者在学习CSS+DIV应用技术的同时掌握其精髓。

    各案例与实例按照由浅入深、由易到难的顺序编排,即使是初学者也可以轻松掌握CSS+DIV技术的布局方式,制作出精美实用的网页作品。

    最后通过一个综合的、商业化强的网站进行实战训练,提高了本书“工学结合、项目实战”特色。

    CSS+DIV页面布局技术目前已成为页面设计核心技术,采用CSS+DIV布局技术具有缩减页面代码、提高页面的浏览速度和稳定性、页面设计结构清晰、易被搜索引擎搜索等优势。但很多读者反映CSS类的图书偏重基础理论介绍,案例简单,学习之后很难在实际工作中应用。近年来,CSS+DIV页面布局技术类课程在高职院校和本科院校普遍开设,但是此类教材却寥寥无几,尤其是高职高专教材几乎空白,很难满足教学需要,鉴于这种情况,教材编写小组决定编写该教材,力图帮助读者在CSS学习中快速进入实战状态,给专业教师一手参考资料,帮助读者提高页面设计技能。

    本书得到苏州吉耐特信息科技有限公司、太仓智博软件科技有限公司大力支持,是一本校企合作教材,从实际案例入手,重点讲解典型的布局技术和方法,让读者在学习CSS+DIV应用技术的同时掌握其精髓。各案例与实例按照由浅入深、由易到难的顺序编排,即使是初学者也可以轻松掌握CSS+DIV技术的布局方式,制作出精美实用的网页作品。

    全书共分6个单元,单元一主要介绍静态网页的开发环境、网页制作和设计中的基本概念、网页类型、网页基本构成元素,重点介绍了行级标签和块级标签的使用。单元二主要介绍表单的基本语法,各种表单元素的使用。单元三主要介绍表格的基本用法,其中包括跨行跨列的表格、使用表格实现图文布局,同时还介绍了框架的使用。单元四主要介绍了用CSS设置文字、背景等样式属性,同时重点介绍了盒子模型,以及浮动和清除属性等。单元五介绍CSS+DIV实现典型页面局部布局,并详细介绍了典型布局的例子。单元六介绍了一个用CSS+DIV页面布局技术布局网页的综合实战,介绍了商城网站的布局方法,通过综合实战训练学生技能,进一步提高学生应用实践能力,体现了“做中学、学中产”的实训教学思想。

    本书采取“工程过程项目化”的编写模式进行编写,将团队多年教学经验完全融入到教材中,采用“引入项目场景提出工作问题,通过实例项目训练,解决工作问题并掌握相应的技术和方法,然后回到工作场景完成场景项目”的内容组织形式,实现了示例和项目相结合,尤其最后一单元通过一个综合的、商业化强的网站进行实战训练,提高了本书“工学结合、项目实战”特色,本书的编写得到了企业工程师深度参与和技术支持,内容更加标准、规范。

    本书主要定位高职高专CSS+DIV布局技术类课程教学使用,也可以作为应用型本科和职业中专的参考教材,还可以作为工程技术人员的参考用书。

    本书由朱翠苗、郑广成、沈蕴梅、金静梅、庾佳、孙伟、孔小兵(企业)、袁顺利(企业)等编写,朱翠苗负责统稿并担任主编,根据典型项目设计内容载体,项目开发流程组织教材内容,教材具有实战性、可操作性、新颖性、通俗性和项目过程化的特点,更加激发学生学习兴趣和主动性。

    由于时间仓促,再加上编者水平有限,书中难免有错误和疏漏之处,敬请广大读者批评指正。

    编 者

    2015年4月

    前言

    单元一 HTML的基本标签 1
    1.1 工作场景导入 1
    1.2 技术与知识准备 2
    1.2.1 HTML文件的基本结构 2
    1.2.2 编辑工具 4
    1.2.3 网页的摘要信息 7
    1.2.4 块级标签 10
    1.2.5 行级标签 19
    1.2.6 注释和特殊符号 25
    1.2.7 W3C标准 26
    1.3 工作场景训练 29
    1.3.1 实现工作场景1的任务 29
    1.3.2 实现工作场景2的任务 30
    1.3.3 实现工作场景3的任务 31
    1.4 重点问题分析 32
    1.5 小结 33
    单元二 表单应用 34
    2.1 工作场景导入 34
    2.2 技术与知识准备 35
    2.2.1 表单的基本语法 35
    2.2.2 表单元素的介绍 36
    2.3 工作场景训练 41
    2.4 重点问题分析 42
    2.5 小结 42
    单元三 表格应用和布局 43
    3.1 工作场景导入 43
    3.2 技术与知识准备 44
    3.2.1 表格基础 44
    3.2.2 跨行和跨列的表格 46
    3.2.3 表格的高级用法 50
    3.2.4 表格的其他用法 56
    3.2.5 框架技术 58
    3.3 工作场景训练 63
    3.3.1 实现工作场景1的任务 63
    3.3.2 实现工作场景2的任务 64
    3.3.3 实现工作场景3的任务 66
    3.4 重点问题分析 68
    3.5 小结 69
    单元四 CSS样式表 70
    4.1 工作场景导入 70
    4.2 技术与知识准备 71
    4.2.1 CSS基础 71
    4.2.2 常用的样式修饰 77
    4.2.3 盒子模型 90
    4.3 工作场景训练 111
    4.3.1 实现工作场景1的任务 111
    4.3.2 实现工作场景2的任务 112
    4.3.3 实现工作场景3的任务 113
    4.4 重点问题分析 116
    4.5 小结 116
    单元五 CSS+DIV实现典型页面局部布局 117
    5.1 工作场景导入 117
    5.2 技术与知识准备 118
    5.2.1 div-ul-li实现横向导航菜单 118
    5.2.2 div-dl-dt-dd实现图文混排 122
    5.3 工作场景训练 128
    5.3.1 实现工作场景1的任务 128
    5.3.2 实现工作场景2的任务 130
    5.4 重点问题分析 132
    5.5 小结 133
    单元六 CSS+DIV页面布局实例 134
    6.1 分块制作商城网站首页 134
    6.1.1 利用Dreamweaver搭建站点 134
    6.1.2 制作商城网站首页的总体布局 137
    6.1.3 实现顶部布局 140
    6.1.4 实现左部商品分类 143
    6.1.5 实现中部主题布局 145
    6.1.6 实现右部布局 147
    6.1.7 实现底部信息 149
    6.2 制作商城分支页—注册页面 150
    6.3 制作商城分支页—登录页面 154
    6.4 制作商城分支页—商品具体介绍页面 156
    6.5 建立页面之间的链接和进行兼容测试 158
    6.5.1 建立页面间的链接 158
    6.5.2 网页的兼容性测试 158
    参考文献 160
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册