返回首页
苏宁会员
购物车 0
易付宝
手机苏宁

服务体验

店铺评分与同行业相比

用户评价:----

物流时效:----

售后服务:----

  • 服务承诺: 正品保障
  • 公司名称:
  • 所 在 地:

  • 正版 HTML+DIV+CSS网页设计与布局实用教程 徐洪峰 清华大学出版
  • 新华书店旗下自营,正版全新
    • 作者: 徐洪峰著 | 徐洪峰编 | 徐洪峰译 | 徐洪峰绘
    • 出版社: 清华大学出版社
    • 出版时间:2016-03-01
    送至
  • 由""直接销售和发货,并提供售后服务
  • 加入购物车 购买电子书
    服务

    看了又看

    商品预定流程:

    查看大图
    /
    ×

    苏宁商家

    商家:
    美阅书店
    联系:
    • 商品

    • 服务

    • 物流

    搜索店内商品

    商品分类

    商品参数
    • 作者: 徐洪峰著| 徐洪峰编| 徐洪峰译| 徐洪峰绘
    • 出版社:清华大学出版社
    • 出版时间:2016-03-01
    • 版次:1
    • 印次:1
    • 印刷时间:2017-09-01
    • 字数:571000
    • 页数:366
    • 开本:16开
    • ISBN:9787302474463
    • 版权提供:清华大学出版社
    • 作者:徐洪峰
    • 著:徐洪峰
    • 装帧:平装-胶订
    • 印次:1
    • 定价:49.00
    • ISBN:9787302474463
    • 出版社:清华大学出版社
    • 开本:16开
    • 印刷时间:2017-09-01
    • 语种:中文
    • 出版时间:2016-03-01
    • 页数:366
    • 外部编号:9014904
    • 版次:1
    • 成品尺寸:暂无



        



     
     


    1  HTML入门 1

    1.1  什么是HTML 1

    1.1.1  HTML的特点 1

    1.1.2  HTML的历史 2

    1.2  HTML文件的基本结构 2

    1.2.1  HTML文件结构 2

    1.2.2  编写HTML文件的注意事项 4

    1.3  HTML文件的编写方法 4

    1.3.1  使用记事本编写HTML页面 4

    1.3.2  使用Dreamweaver CC
    编写HTML页面 6

    1.4 网页设计与开发的过程 7

    1.4.1 明确定位 7

    1.4.2 收集信息和素材 7

    1.4.3 规划栏目结构 8

    1.4.4 设计网页图像 9

    1.4.5 制作页面 9

    1.4.6 实现后台功能 10

    1.4.7 的测试与发布 12

    本章小结 12

    练习题 13

    2  HTML基本标签 14

    2.1  HTML页面主体标签 14

    2.1.1  定义网页背景色:bgcolor 14

    2.1.2  设置背景图片:background 15

    2.1.3  设置文字颜色:text 16

    2.1.4  设置链接文字属性 17

    2.1.5  设置页面边距 20

    2.2  head部分标签 21

    2.2.1  标题标签: 21</p><br><p>2.2.2  <span style="font-family: 宋体;">定义页面关键字</span> 22</p><br><p>2.2.3  <span style="font-family: 宋体;">定义页面描述</span> 23</p><br><p>2.2.4  <span style="font-family: 宋体;">定义网页编辑工具</span> 24</p><br><p>2.2.5  <span style="font-family: 宋体;">定义作者信息</span> 24</p><br><p>2.2.6  <span style="font-family: 宋体;">定义网页文字及语言</span> 25</p><br><p>2.2.7  <span style="font-family: 宋体;">定义网页的定时跳转</span> 25</p><br><p>2.3  <span style="font-family: 宋体;">综合实例</span>——创建基本的HTML<br /><span style="font-family: 宋体;">文件</span> 26</p><br><p><span style="font-family: 宋体;">本章小结</span> 29</p><br><p><span style="font-family: 宋体;">练习题</span> 29</p><br><p><span style="font-family: 黑体;">第</span>3<span style="font-family: 黑体;">章 用</span>HTML<span style="font-family: 黑体;">设置文字、段落</span><br /><span style="font-family: 黑体;">与列表</span> 31</p><br><p>3.1<span style="font-family: 宋体;"> 标题字</span> 31</p><br><p>3.1.1<span style="font-family: 宋体;"> 标题字标签:</span><h> 31</p><br><p>3.1.2<span style="font-family: 宋体;"> 标题字对齐属性:</span>align 32</p><br><p>3.2  <span style="font-family: 宋体;">插入其他标记</span> 33</p><br><p>3.2.1  <span style="font-family: 宋体;">输入空格符号</span> 33</p><br><p>3.2.2  <span style="font-family: 宋体;">输入特殊符号</span> 34</p><br><p>3.3  <span style="font-family: 宋体;">设置段落的格式</span> 35</p><br><p>3.3.1  <span style="font-family: 宋体;">段落标签:</span><p> 35</p><br><p>3.3.2  <span style="font-family: 宋体;">段落的对齐属性:</span>align 36</p><br><p>3.3.3  <span style="font-family: 宋体;">不换行标签:</span><nobr> 37</p><br><p>3.3.4  <span style="font-family: 宋体;">换行标签:</span><br> 38</p><br><p>3.4  <span style="font-family: 宋体;">水平线标签</span> 39</p><br><p>3.4.1  <span style="font-family: 宋体;">插入水平线标签:</span><hr> 39</p><br><p>3.4.2  <span style="font-family: 宋体;">设置水平线宽度与高度的</span><br /><span style="font-family: 宋体;">属性:</span>width<span style="font-family: 宋体;">、</span>size 40</p><br><p>3.4.3  <span style="font-family: 宋体;">设置水平线的颜色:</span>color 41</p><br><p>3.4.4  <span style="font-family: 宋体;">设置水平线的对齐方式:</span><br />align 42</p><br><p>3.4.5  <span style="font-family: 宋体;">水平线去掉阴影:</span>noshade 43</p><br><p>3.5  <span style="font-family: 宋体;">使用</span><marquee><span style="font-family: 宋体;">设置滚动效果</span> 44</p><br><p>3.5.1  <marquee><span style="font-family: 宋体;">标签及其属性</span> 44</p><br><p>3.5.2  <span style="font-family: 宋体;">使用</span><marquee><span style="font-family: 宋体;">标签插入滚动</span><br /><span style="font-family: 宋体;">公告</span> 45</p><br><p>3.6  <span style="font-family: 宋体;">综合实例</span>——<span style="font-family: 宋体;">设置页面文本及段落</span> 49</p><br><p><span style="font-family: 宋体;">本章小结</span> 51</p><br><p><span style="font-family: 宋体;">练习题</span> 52</p><br><p><span style="font-family: 黑体;"> </span></p><br><p><span style="font-family: 黑体;"> </span></p></div></div><div id="preface" class="section"><div class="title"><span>前  言</span></div><div class="descrip"><span id="preface-show">前 言<br>  近年来,随着网络信息技术的广泛应用,越来越多的个人、企业纷纷建立自己的,利用来宣传和推广自己。网页技术已经成为当代青年学生必备的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件,这些软件的功能相当强大,使用也方便。但是对于的网页制作人员来讲,仍需了解HTML、CSS DIV等网页设计语言和技术的使用,这样才能充分发挥丰富的想象力,更加随心所欲地设计出符合标准的网页,以实现网页设计软件不能完成的许多重要功能。<br>本书主要内容<br>  随着Web 2.0的盛行,一切都开始基于Web标准,许多设计师开始学习并应用Web标准,CSS的应用也越来越广泛。本书正是在这种流行趋势下应运而生的介绍使用HTML和CSS进行网页标准化布局的书。本书不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的实战来达到学以致用的目的。每个语法都有相应的实例,每章后面又配有综合小实例。</span><span id="preface-show-all" style="display:none;"></span><textarea style="display:none" id = "preface-textarea"><p>前    言</p><br><p>  近年来,随着网络信息技术的广泛应用,越来越多的个人、企业纷纷建立自己的,利用来宣传和推广自己。网页技术已经成为当代青年学生必备的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件,这些软件的功能相当强大,使用也方便。但是对于的网页制作人员来讲,仍需了解HTML、CSS DIV等网页设计语言和技术的使用,这样才能充分发挥丰富的想象力,更加随心所欲地设计出符合标准的网页,以实现网页设计软件不能完成的许多重要功能。</p><br><p>本书主要内容</p><br><p>  随着Web 2.0的盛行,一切都开始基于Web标准,许多设计师开始学习并应用Web标准,CSS的应用也越来越广泛。本书正是在这种流行趋势下应运而生的介绍使用HTML和CSS进行网页标准化布局的书。本书不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的实战来达到学以致用的目的。每个语法都有相应的实例,每章后面又配有综合小实例。</p><br><p>  本书共21章,主要内容包括HTML入门,HTML基本标签,用HTML设置文字,段落与列表,列表的建立和使用,用HTML创建精彩的图像和多媒体页面,用HTML创建超链接,用HTML创建表格,用表单创建交互式网页,HTML 5的结构,CSS基础知识,用CSS设计丰富的文字效果,用CSS设计图像和背景,用CSS设计表格和表单样式、用CSS制作链接与导航,CSS DIV布局定位基础,CSS盒子模型,盒子的浮动与定位,CSS DIV布局方法,CSS 3入门基础,设计和制作适合手机浏览的网页,公司宣传的布局。</p><br><p>本书主要</p><br><p>  (1)    知识全面系统。</p><br><p>  本书内容从网页创建的实际角度出发,将所有HTML、CSS DIV元素进行归类,每个标签的语法、属性和参数都有完整、详细的说明,信息量大,知识结构完善。</p><br><p>  (2)    典型实例讲解。</p><br><p>  本书的每章都配有大量实用案例,将本章的基础知识综合贯穿起来,力求达到理论知识与实际操作结合的效果。</p><br><p>  (3)    配合Dreamweaver进行讲解。</p><br><p>  本书以浅显的语言和详细的步骤介绍了在可视化网页设计软件Dreamweaver中如何运用HTML、CSS来创建网页,使网页制作更加得心应手。在一章向读者展示了不用编写代码,在Dreamweaver中创建完整网页的过程。</p><br><p> </p><br><p>   <br>(4)配图丰富,效果直观。</p><br><p>  对于每一段实例代码,本书都配有相应的效果图,读者无须自己进行编码,也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下,读者也可以根据书中的实例和效果图进行分析和比较。</p><br><p>  (5)    习题强化。</p><br><p>  每章后都附有针对性的练习题,通过实训巩固每章所学的知识。</p><br><p>  (6)    配套光盘。</p><br><p>  需要从清华大学出版社官网上使用。</p><br><p>本书读者对象</p><br><p> 网页设计与制作人员;</p><br><p> 建设与开发人员;</p><br><p> 大中专院校相关专业师生;</p><br><p> 网页制作培训班学员;</p><br><p> 个人爱好者与自学读者。</p><br><p>  本书是集体智慧的结晶,参加本书编写的人员均为从事网页教学工作的教师和具备大型商业建设经验的网页设计师,他们有着丰富的教学经验和网页设计经验。参加本书编写的人员包括徐洪峰、何琛、邓静静、李银修、孙鲁杰、何海霞、何秀明、孙素华、吕志彬等。由于时间所限,书中疏漏之处在所难免,恳请广大读者朋友批评指正。</p><br><p> </p><br><p> </p><br><p>                                                                               <br>编  者  </p><br><p> </p></textarea><div class="section_show_more" ></div></div></div><div id="extract" class="section"><div class="title"><span>免费在线读</span></div><div class="descrip"><span id="extract-show">第3章 用HTML设置文字、段落与列表<br>【学习目标】<br>  文字不仅是网页信息传达的一种常用方式,也是视觉传达接的方式,运用经过精心处理的文字材料可以制作出效果很好的版面。输入完文本内容后就可以对其格式进行调整,而设置文本样式是实现快速编辑文档的有效操作,让文字看上去编排有序、整齐美观。通过对本章的学习,读者可以掌握如何在网页中合理地使用文字,如何根据需要选择不同的文字效果。<br>  本章主要内容包括:<br>  (1) 输入文字;<br>  (2) 设置文字的格式;<br>  (3) 设置段落的格式;<br>  (4) 水平线的标签;<br>  (5) 创建列表;<br>  (6) 使用marquee设置滚动效果。<br>3.1 标 题 字<br>  标题(heading)是通过 h1 ~ h6 等标签进行定义的。 h1 定义的标题, h6 定义的标题。<br>3.1.1 标题字标签: h <br>  在遵循网页标准制作网页的时候,为了使设计更具有语义化,我们经常会在页面中用到 h1 ~ h6 的标题标签。标题标签是指HTML网页中对文本标题所进行的着重强调的标签,标签 h1 ~ h6 字号依次递减显示出重要性的递减。<br>  基本语法:<br></span><span id="extract-show-all" style="display:none;"></span><textarea style="display:none" id = "extract-textarea"><p>第3章 用HTML设置文字、段落与列表</p><br><p>【学习目标】</p><br><p>  文字不仅是网页信息传达的一种常用方式,也是视觉传达接的方式,运用经过精心处理的文字材料可以制作出效果很好的版面。输入完文本内容后就可以对其格式进行调整,而设置文本样式是实现快速编辑文档的有效操作,让文字看上去编排有序、整齐美观。通过对本章的学习,读者可以掌握如何在网页中合理地使用文字,如何根据需要选择不同的文字效果。</p><br><p>  本章主要内容包括:</p><br><p>  (1)    输入文字;</p><br><p>  (2)    设置文字的格式;</p><br><p>  (3)    设置段落的格式;</p><br><p>  (4)    水平线的标签;</p><br><p>  (5)    创建列表;</p><br><p>  (6)    使用marquee设置滚动效果。</p><br><p>3.1 标  题  字</p><br><p>  标题(heading)是通过 <h1>~<h6> 等标签进行定义的。<h1> 定义的标题,<h6> 定义的标题。</p><br><p>3.1.1 标题字标签:<h></p><br><p>  在遵循网页标准制作网页的时候,为了使设计更具有语义化,我们经常会在页面中用到<h1>~<h6>的标题标签。标题标签是指HTML网页中对文本标题所进行的着重强调的标签,标签<h1>~<h6>字号依次递减显示出重要性的递减。</p><br><p>  基本语法:</p><br><p> </p><br><p><h1>…</h1></p><br><p><h2>…</h2></p><br><p><h3>…</h3></p><br><p><h4>…</h4></p><br><p><h5>…</h5></p><br><p><h6>…</h6></p><br><p> </p><br><p> </p><br><p>语法说明:</p><br><p>  <h1>~<h6>标签可定义标题,<h1>定义的标题,<h6>定义的标题。</p><br><p>  实例代码:</p><br><p> </p><br><p><!doctype html></p><br><p><html></p><br><p><head></p><br><p><meta charset="utf-8"></p><br><p><title>标题元素



    1级标题



    2级标题



    3级标题



    4级标题



    5级标题


    6级标题




     

      加粗部分的代码用于设置6种不同级别的标题,在浏览器中浏览效果如图3-1所示。

     

    图3-1  设置标题大小

    3.1.2 标题字对齐属性:align

      默认情况下,表格的标题水平居中,我们可以通过align属性设定标题文字的水平对齐方式。

      基本语法:

     

    text-align:center

    text-align:left

    text-align:right

     

      语法说明:

      left为左对齐,center为居中,right为右对齐。

      实例代码:

     






    标题的水平对齐</ title<br>></p><br><p></head></p><br><p><body></p><br><p><h1<br>style="text-align:center">居中对齐</h1></p><br><p><h2<br>style="text-align:left">左对齐</h2></p><br><p><h3<br>style="text-align:right">右对齐</h3></p><br><p></body></p><br><p></html></p><br><p> </p><br><p>  通过align属性设定标题的对齐方式,如图3-2所示。</p><br><p> </p><br><p>图3-2  设置标题对齐</p><br><p>3.2  插入其他标记</p><br><p>  在网页中除了可以输入汉字、英文和其他语言文字外,还可以输入一些空格和特殊字符,如¥、$、、#等。</p><br><p>3.2.1 <br>输入空格符号</p><br><p>  可以用许多不同的方法来分开文字,包括空格、标签。这些都被称为空格,因为它们可增加字与字之间的距离。</p><br><p>  基本语法:</p><br><p> </p><br><p> </p><br><p> </p><br><p>  语法说明:</p><br><p>  在网页中可以有多个空格,输入一个空格使用“ ”表示,输入多少个空格就添加多少个“ ”。</p><br><p>  实例代码:</p><br><p> </p><br><p><!doctype html></p><br><p><html></p><br><p><head></p><br><p><meta charset="utf-8"></p><br><p><title>插入空格



             生活在世界尽头的雪人,将在十八岁的成人礼上交出他的记忆。偶然的时空重叠,让他的记忆里多了一些他从未看到过的色彩。       那个替他戴上围巾的男孩,让他坚硬的心多了牵挂。他决定,穿过神秘通道,去那个陌生的世界。他只是想对男孩说:没努力过的雪人和努力过的雪人,可是不一样的哦。



     

      加粗部分的代码是设置空格,在浏览器中预览,可以看到浏览器完整地保留了输入的空格代码效果,如图3-3所示。

     

    图3-3  空格效果

    3.2.2  输入特殊符号

      除了空格以外,在网页的制作过程中,有一些特殊的符号也需要使用代码进行代替。一般情况下,特殊符号的代码由前缀“&”、字符名称和后缀“;”组成。使用特殊符号可以将键盘上没有的字符输出来。

      基本语法:

     

    &…?

     

      语法说明:

      在需要添加特殊符号的地方输入相应的符号代码即可。常用符号及其对应代码见表3-1。

    表3-1  特殊符号及代码

    特殊符号

    符号的代码



    "

    &

    &

    <

    <

    >

    >

    ×

    ×

    §

    §

    ?

    ?

    ?

    ?

    ?

    ?

     

    3.3  设置段落的格式

      在网页制作的过程中,将一段文字分成相应的段落,不仅可以增加网页的美观性,而且使网页层次分明,让浏览者感觉不到拥挤。在网页中,如果要把文字有条理地显示出来,离不开段落标签的使用。在HTML中可以通过段落标签实现段落的效果。

    3.3.1  段落标签:

      HTML标签中用单的是段落标签,也就是
    ,说它常用,是因为几乎所有的文档文件都会用到这个标签,说它简单,从外形上就可以看出来,它只有一个字母。虽说是简单,但也重要,因为也是用来区别段落的。

      基本语法:

     

    段落文字

     

      语法说明:

      段落标签可以没有结束标签
    ,而每一个新的段落标签开始的同时也意味着上一个段落的结束。

      实例代码:

     






    段落标记



    我们渐行渐远的青春!是的,我也仿佛在你的作品里看到了曾经的自己。面对生活的压力,理想曾经显得那么的苍白。他,不是个体,是多数。走入婚姻,走进家庭,时光变成吸水的海绵,负累越来越重。
    曾经的风花雪月,年少不知愁滋味,以为可以任意挥霍的青春渐行渐远了。那么,作者将给我们带来怎样沉重的思考与感动。值得期待!感谢一只小猫对星河的厚爱,愿你在星河快乐。




     

      加粗部分的代码为段落标签,效果如图3-4所示。

     

    图3-4  段落效果

    3.3.2  段落的对齐属性:align

      默认情况下,文字是左对齐的。而在网页制作过程中,常常需要用到其他的对齐方式。对齐方式的设置要用到align参数。

      基本语法:

     


    本书的作者为一线开发工程师、编程专家、专业培训师,在开发方面有着丰富的经验,并已出版过多本相关书,颇受广大读者认可。本书内容不局限于语法讲解上,还通过一个个鲜活、典型的实例来达到学以致用的目的。每个语法都有相应的实例,每章后面又配有综合小实例。

    本书共21章,主要内容包括HTML入门,HTML基本标签,用HTML设置文字、段落与列表,列表的建立和使用,用HTML创建精彩的图像和多媒体页面,用HTML创建超链接,用HTML创建表格,用表单创建交互式网页,HTML 5的结构,CSS基础知识,用CSS设计丰富的文字效果,用CSS设计图像和背景,用CSS设计表格和表单样式,用CSS制作链接与导航,CSS DIV布局定位基础,CSS盒子模型,盒子的浮动与定位,CSS DIV布局方法,CSS 3入门基础,设计和制作适合手机浏览的网页,公司宣传的布局。

     

    本书内容翔实、结构清晰,既适合HTML和CSS的初学者自学使用,也可以作为各类院校相关专业的学生和电脑培训班的教材或辅导用书。


    本书主要

      (1) 知识全面系统。

      本书内容从网页创建的实际角度出发,将所有HTML、CSS DIV元素进行归类,每个标签的语法、属性和参数都有完整、详细的说明,信息量大,知识结构完善。

      (2) 典型实例讲解。

      本书的每章都配有大量实用案例,将本章的基础知识综合贯穿起来,力求达到理论知识与实际操作结合的效果。

      (3) 配合Dreamweaver进行讲解。

      本书以浅显的语言和详细的步骤介绍了在可视化网页设计软件Dreamweaver中如何运用HTML、CSS来创建网页,使网页制作更加得心应手。在*后一章向读者展示了不用编写代码,在Dreamweaver中创建完整网页的过程。

     

        (4)配图丰富,效果直观。

      对于每一段实例代码,本书都配有相应的效果图,读者无须自己进行编码,也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下,读者也可以根据书中的实例和效果图进行分析和比较。

      (5) 习题强化。

      每章后都附有针对性的练习题,通过实训巩固每章所学的知识。

      (6) 配套光盘。

      需要从清华大学出版社官网上使用。
     

    售后保障

    最近浏览

    猜你喜欢

    该商品在当前城市正在进行 促销

    注:参加抢购将不再享受其他优惠活动

    x
    您已成功将商品加入收藏夹

    查看我的收藏夹

    确定

    非常抱歉,您前期未参加预订活动,
    无法支付尾款哦!

    关闭

    抱歉,您暂无任性付资格

    此时为正式期SUPER会员专享抢购期,普通会员暂不可抢购