细说网页制作

✍ Scribed by 兄弟连教育组编

Publisher: 电子工业出版社
Year: 2017
Tongue: Chinese
Leaves: 412
Category: Library

No coin nor oath required. For personal study only.

✦ Synopsis

通过本书的学习，能快速上手网站前端开发。为了使 HTML5 语言能被读者更好地掌握和应用，同时
作为“跟兄弟连学 HTML5 系列教程”的第一本入门级图书，本书对 HTML 语言的知识点进行了详细的阐
述和分析，包括 HTML5 和 CSS3 的语法、各种页面布局方法、流行的前端框架 Bootstrap 等内容。书中不
仅有通俗易懂的语法讲解，也用贴切的小案例实验，使读者能轻松掌握新知识，且可以快速上手前端技术
操作。本书适合对前端技术开发感兴趣的初学者阅读，也可以作为从事前端技术工作的开发人员的参考书，
或作为大学生学习 HTML5 的教材。同时，本书也为读者之后学习同系列其他图书奠定了基础。

✦ Table of Contents

彩插
扉页
版权页
前言
目录
第1章介绍HTML5
  1.1 了解HTML5的主流应用
1.1.1 表单的强大
1.1.2 响应式页面布局
1.1.3 与用户交互的特效
1.1.4 微网站的制作
1.1.5 基于HTML5的移动APP开发
1.1.6 HTML5游戏
1.1.7 多媒体的应用
  1.2 什么是HTML5
1.2.1 HTML5和HTML的关系
1.2.2 HTML和CSS的关系
1.2.3 HTML5和CSS3的关系
1.2.4 HTML5和JavaScript的关系
  1.3 HTML5的靠山
1.3.1 W3C是什么
1.3.2 IETF是什么
1.3.3 RFC是什么
1.3.4 WHATWG是什么
1.3.5 Web的新标准
  1.4 HTML5的曲折发展过程
1.4.1 HTML5的诞生
1.4.2 浏览器之间的大战
1.4.3 HTML5技术的应用现状
1.4.4 HTML5平台的兴起
1.4.5 HTML5行业的发展预测
  1.5 HTML5的学习线路图
1.5.1 第一阶段——学习网页制作
1.5.2 第二阶段——编写用户交互功能
1.5.3 第三阶段——成为前端工程师
本章小结
本章习题
第2章 HTML5的基本语法
  2.1 课前准备
2.1.1 了解Web
2.1.2 了解HTML
2.1.3 了解HTML运行原理
2.1.4 如何选择开发工具
2.1.5 认识浏览器中的开发者工具
2.1.6 现在学习HTML5的方式
2.1.7 简单HTML实例制作
  2.2 HTML语言的语法
2.2.1 HTML标签和元素
2.2.2 HTML语法不区分字母大小写
2.2.3 HTML标签属性
2.2.4 HTML颜色值的设置
2.2.5 HTML文档注释
2.2.6 HTML代码格式
2.2.7 HTML字符实体
  2.3 HTML文档的主体结构
2.3.1 HTML文档类型的新定义方式
2.3.2 HTML文档的主体标签
  2.4 HTML文档头部标签
2.4.1 标签<br /> 2.4.2 <base>标签<br /> 2.4.3 <link>标签<br /> 2.4.4 <meta>标签<br />   2.5 HTML文档主体标签<body><br />   2.6 HTML5做到了与之前版本的兼容<br /> 2.6.1 可以省略标记的元素<br /> 2.6.2 具有boolean值的属性<br /> 2.6.3 引号的使用<br />   2.7 设置IE 9以下版本浏览器支持HTML5<br /> 本章小结<br /> 本章习题<br /> 第3章 HTML5文字版面和编辑标签<br />   3.1 HTML基础标签<br /> 3.1.1 标题标签<h1>～<h6><br /> 3.1.2 换行标签<br>和段落标签<p><br /> 3.1.3 水平分隔线标签<hr><br /> 3.1.4 格式标签<br /> 3.1.5 文本标签<br />   3.2 使用HTML表格<br />   3.3 HTML框架结构<br /> 本章小结<br /> 本章习题<br /> 第4章多媒体应用<br />   4.1 创建图像和链接<br /> 4.1.1 URL概述<br /> 4.1.2 插入图片<br /> 4.1.3 建立锚点和超链接<br />   4.2 HTML图像地图<br /> 4.2.1 什么是图像地图<br /> 4.2.2 图像地图如何制作<br /> 4.2.3 实现图像地图<br />   4.3 新增多媒体播放元素<br /> 本章小结<br /> 本章习题<br /> 第5章 HTML5表单<br />   5.1 HTML表单中的get和post方法<br /> 5.1.1 get方法<br /> 5.1.2 post方法<br /> 5.1.3 HTML表单中get和post的区别<br />   5.2 HTML表单设计<br /> 5.2.1 表单标签<form><br /> 5.2.2 文本域和密码域<br /> 5.2.3 提交、重置和普通按钮<br /> 5.2.4 单选按钮和复选框<br /> 5.2.5 隐藏域<br /> 5.2.6 多行文本域<br /> 5.2.7 菜单下拉列表域<br /> 5.2.8 综合实例<br />   5.3 HTML5新增表单元素<br /> 5.3.1 <datalist>元素<br /> 5.3.2 <keygen>元素<br /> 5.3.3 <output>元素<br />   5.4 多样的输入类型<br /> 5.4.1 email<br /> 5.4.2 url<br /> 5.4.3 number<br /> 5.4.4 range<br /> 5.4.5 date picker<br /> 5.4.6 color<br />   5.5 HTML5新增的表单属性<br /> 5.5.1 autocomplete属性<br /> 5.5.2 autofocus属性<br /> 5.5.3 form属性<br /> 5.5.4 form overrides表单重写属性<br /> 5.5.5 height和width属性<br /> 5.5.6 list属性<br /> 5.5.7 min、max和step属性<br /> 5.5.8 multiple属性<br /> 5.5.9 novalidate属性<br /> 5.5.10 pattern属性<br /> 5.5.11 placeholder属性<br /> 5.5.12 required属性<br />   5.6 HTML5表单提交综合实例<br /> 本章小结<br /> 本章习题<br /> 第6章 CSS3揭秘<br />   6.1 CSS简介<br />   6.2 CSS规则的组成<br /> 6.2.1 CSS注释<br /> 6.2.2 长度单位<br /> 6.2.3 颜色单位和URL值<br />   6.3 在HTML文档中放置CSS的几种方式<br /> 6.3.1 内联样式表<br /> 6.3.2 嵌入一张样式表<br /> 6.3.3 链接到一张外部的样式表<br />   6.4 CSS普通选择器<br /> 6.4.1 HTML选择器<br /> 6.4.2 类选择器<br /> 6.4.3 id选择器<br /> 6.4.4 关联选择器<br /> 6.4.5 组合选择器<br /> 6.4.6 伪元素选择器<br />   6.5 CSS常见的样式属性和值<br /> 6.5.1 字体属性<br /> 6.5.2 颜色属性<br /> 6.5.3 背景属性<br /> 6.5.4 文本属性<br /> 6.5.5 边框属性<br /> 6.5.6 鼠标光标属性<br /> 6.5.7 列表属性<br /> 6.5.8 CSS综合实例<br />   6.6 CSS3概述<br /> 6.6.1 CSS3在选择器上的支持<br /> 6.6.2 CSS3在样式上的支持<br /> 6.6.3 CSS3对于动画的支持<br /> 6.6.4 在实际开发中该如何使用CSS3<br />   6.7 CSS复杂选择器<br /> 6.7.1 基本选择器<br /> 6.7.2 多元素的组合选择器<br /> 6.7.3 属性选择器<br /> 6.7.4 结构性伪类选择器<br />   6.8 CSS3属性<br /> 6.8.1 使用CSS3属性前的准备<br /> 6.8.2 边框属性<br /> 6.8.3 背景属性<br /> 6.8.4 文本属性<br /> 6.8.5 用户界面属性<br /> 6.8.6 动画属性<br /> 6.8.7 多列布局属性<br /> 6.8.8 渐变属性<br /> 6.8.9 透明属性<br /> 6.8.10 旋转属性<br /> 6.8.11 服务器端字体属性<br /> 本章小结<br /> 本章习题<br /> 第7章 CSS3属性特效<br />   7.1 新增颜色模式<br />   7.2 文字<br /> 7.2.1 文字阴影 <br /> 7.2.2 文字描边<br /> 7.2.3 文字排版<br /> 7.2.4 定义省略文本的处理方式<br />   7.3 自定义文字<br />   7.4 弹性盒模型<br />   7.5 盒模型阴影<br />   7.6 倒影<br />   7.7 CSS3分栏布局<br /> 7.7.1 列个数和列宽度<br /> 7.7.2 列之间的缝隙间隔宽度<br /> 7.7.3 分栏间隔符<br />   7.8 圆角<br /> 7.8.1 border-radius属性<br /> 7.8.2 单个圆角的设置<br />   7.9 边框<br /> 7.9.1 边框图片border-image<br /> 7.9.2 自适应的圆角效果<br />   7.10 渐变<br /> 7.10.1 CSS3渐变介绍<br /> 7.10.2 线性渐变<br /> 7.10.3 线性渐变实例<br /> 7.10.4 径向渐变<br /> 7.10.5 径向渐变实例<br />   7.11 CSS3背景<br /> 7.11.1 多背景<br /> 7.11.2 background-size<br /> 7.11.3 background-origin<br /> 7.11.4 background-clip<br />   7.12 遮罩<br />   7.13 transition过渡<br />   7.14 2D变换<br /> 7.14.1 translate()方法<br /> 7.14.2 rotate()方法<br /> 7.14.3 scale()方法<br /> 7.14.4 skew()方法<br />   7.15 3D变换<br /> 7.15.1 transform-style<br /> 7.15.2 perspective景深<br /> 7.15.3 perspective-origin景深基点<br /> 7.15.4 3D位移<br /> 7.15.5 3D旋转<br /> 7.15.6 3D缩放<br /> 7.15.7 3D盒子<br />   7.16 animation动画<br /> 7.16.1 关键帧keyframes<br /> 7.16.2 animation动画属性<br /> 本章小结<br /> 本章习题<br /> 第8章 DIV+CSS网页标准化布局<br />   8.1 DIV+CSS页面布局的优势<br />   8.2 “无意义”的HTML标签<div>和<span><br />   8.3 W3C盒子模型<br />   8.4 和页面布局有关的CSS属性<br />   8.5 盒子区块框的定位<br /> 8.5.1 相对定位<br /> 8.5.2 绝对定位<br />   8.6 使用盒子模型的浮动布局<br /> 8.6.1 设置浮动<br /> 8.6.2 行框和清理<br />   8.7 DIV+CSS的兼容性问题<br /> 8.7.1 不同浏览器解释盒子模型的差异<br /> 8.7.2 遵循W3C标准设置浏览器<br />   8.8 使用盒子模型设计页面布局<br /> 8.8.1 居中设计<br /> 8.8.2 设置两列浮动的布局<br /> 8.8.3 设置三列浮动的布局<br /> 8.8.4 设置多列浮动的布局<br />   8.9 DIV+CSS网站首页布局示例<br /> 8.9.1 HTML文件的设计<br /> 8.9.2 CSS文件的设计<br /> 本章小结<br /> 本章习题<br /> 第9章响应式布局<br />   9.1 响应式布局的优缺点<br />   9.2 如何设计响应式布局<br />   9.3 响应式布局实例<br />   9.4 Media Queries模块的使用方法<br /> 9.4.1 语法结构及用法<br /> 9.4.2 可用的设备类型<br /> 9.4.3 可用的设备特性参数<br />   9.5 在移动设备上设置原始大小显示<br />   9.6 响应式网站的内容设计<br /> 9.6.1 响应式图片显示内容设计<br /> 9.6.2 响应式文字显示内容设计<br />   9.7 响应式网站的设计流程<br /> 本章小结<br /> 本章习题<br /> 第10章认识和使用Sass<br />   10.1 初识Sass<br /> 10.1.1 Sass是什么<br /> 10.1.2 Sass的作用<br /> 10.1.3 Sass的安装<br /> 10.1.4 Sass的使用和编译<br />   10.2 Sass基本语法与使用实例<br /> 10.2.1 Sass基本语法<br /> 10.2.2 Sass使用实例<br /> 本章小结<br /> 本章习题<br /> 第11章栅格布局<br />   11.1 栅格<br />   11.2 盒子模型<br />   11.3 栅格实例<br />   11.4 Bootstrap框架<br /> 11.4.1 Bootstrap现状<br /> 11.4.2 栅格系统<br /> 本章小结<br /> 本章习题<br /> 第12章 Bootstrap的快速入门<br />   12.1 Bootstrap的内容概述与整体理解<br /> 12.1.1 全局CSS样式<br /> 12.1.2 组件<br /> 12.1.3 JavaScript插件<br />   12.2 Bootstrap搭建环境<br />   12.3 Bootstrap全局CSS样式<br /> 12.3.1 全局CSS样式的栅格系统和响应式布局<br /> 12.3.2 全局CSS样式的表单<br />   12.4 Bootstrap组件<br />   12.5 Bootstrap的JavaScript插件<br /> 本章小结<br /> 本章习题<br /> 第13章 Bootstrap的实战<br />   13.1 实战概述<br />   13.2 实战需求<br />   13.3 实战准备<br /> 13.3.1 Sass配置<br /> 13.3.2 HTML的基本模块<br />   13.4 顶部工具栏<br /> 13.4.1 Bootstrap的字体图标组件<br /> 13.4.2 Bootstrap的下拉菜单组件<br /> 13.4.3 Bootstrap的输入框组组件<br /> 13.4.4 Bootstrap的导航组件<br /> 13.4.5 顶部工具栏PC端内容填充<br /> 13.4.6 顶部工具栏PC端样式优化<br /> 13.4.7 实战顶部工具栏移动端<br />   13.5 页面导航条<br /> 13.5.1 Bootstrap的导航条组件<br /> 13.5.2 实战页面导航条——内容填充<br /> 13.5.3 实战页面导航条——样式优化<br />   13.6 banner区<br /> 13.6.1 Bootstrap的JavaScript轮播图插件<br /> 13.6.2 实战banner区<br />   13.7 推荐位<br /> 13.7.1 Bootstrap的缩略图组件<br /> 13.7.2 Bootstrap的面板组件<br /> 13.7.3 实战第一种风格的推荐位——内容填充<br /> 13.7.4 实战第一种风格的推荐位——样式优化<br /> 13.7.5 实战第二种风格的推荐位——内容填充<br /> 13.7.6 实战第二种风格的推荐位——样式优化<br />   13.8 网站的脚部<br />   13.9 用户登录<br /> 13.9.1 Bootstrap的表单全局CSS样式<br /> 13.9.2 Bootstrap的模态框JavaScript插件<br /> 13.9.3 实战用户登录<br /> 本章小结<br /> 本章习题<br /> 附录A</p> </div> </section> </div> <div class="mt-10"> <div class="flex items-center gap-3 mb-6"> <hr class="divider flex-1"> <p class="cinzel text-xs tracking-[0.25em] shrink-0" style="color:var(--gold);">📜 SIMILAR VOLUMES</p> <hr class="divider flex-1"> </div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> 网页设计与制作: 网页设计与制作 </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/网页设计与制作-网页设计与制作-29806804" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 网页设计与制作: 网页设计与制作 </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>📂 Library</span> <span>📅 2013</span> <span>🏛 清华大学出版社</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> <p>互联网已经成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机信息网络，网页设计与制作也已经成为许多高等学校计算机专业甚至是非计算机专业学生必须掌握的基本技能之一。赵旭霞、刘素转、王晓娜、刘文胜编著的《网页设计与制作》从概念到方法，再从方法到实践，从使用者实际操作的角度，结合实例，使读者循序渐进地学会使用Dreamweaver，掌握网页设计方法和技巧。全书共16章，每章最后都给出了针对性的上机实践和习题，通过实际上机操作和习题解答使读者掌握基本操作方法知识点。</p> <p> 《网页设计与制作》结构编排合理，图文并茂，实例丰富，适合作为高等学校计算机专业和非计算机专业的网页设计 </p> </div> </div> </article> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> HTML+CSS+JavaScript网页制作 </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/htmlcssjavascript网页制作-30237844" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 HTML+CSS+JavaScript网页制作 </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>✍ 刘瑞新</span> <span>📂 Library</span> <span>📅 2014</span> <span>🏛 CNPeReading</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> <p>本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。本书内容紧扣国家对高职高专培养高级应用型、复合型人才的技能水平和知识结构的要求，以网络花店项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计四层结构，通过对模块中每个任务相应知识点的讲解，引导读者学习网页制作、设计、规划的基本知识以及项目开发、测试的完整流程。 </p> </div> </div> </article> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> 网站建设与网页设计制作 </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/网站建设与网页设计制作-31036585" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 网站建设与网页设计制作 </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>✍ 蔡永华、隋丽娜、孟伟、郑文礼</span> <span>📂 Library</span> <span>📅 2014</span> <span>🏛 清华大学出版社</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> 本书共10章，内容包括网站系统概述、网站规划设计、网站平台建设、网页设计基础、网页基本操作、网页布局、网页超链接、网页的高级应用、动态网站开发和网站测试及发布维护。本书适合作为大专院校本、专科学生学习网站建设和网页设计的教材，也可供企事业单位和网站建设及网页设计人员学习参考，还适合作为各种成人网页设计培训的教材或自学用书。本书配有电子教案，使用者可以从清华大学出版社网站（http://www.tup.tsinghua.edu.cn/）下载。 </p> </div> </div> </article> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> 新编网页制作入门与提高 </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/新编网页制作入门与提高-31039422" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 新编网页制作入门与提高 </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>✍ 朱印宏</span> <span>📂 Library</span> <span>📅 2007</span> <span>🏛 清华大学出版社</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> 本书循序渐进地介绍了网页制作的构思、规划、制作到发布的全部流程。书中介绍了几种目前最流行的网页制作工具如Dream weaver、Fireworks、Flash等，在介绍其相关功能的同时，配以丰富的实例，让用户在实践过程中掌握网页制作的原理和操作技巧，从而领会网页制作的精髓。本书示例丰富，讲解明晰，适合于对网页制作感兴趣的广大初、中级用户阅读，同时也是一本很好的网页制作培训教材。 </p> </div> </div> </article> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> 网页制作基础教程（Dreamweaver CS3） </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/网页制作基础教程dreamweaver-cs3-31009088" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 网页制作基础教程（Dreamweaver CS3） </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>✍ 葛艳玲编</span> <span>📂 Library</span> <span>📅 2010</span> <span>🏛 电子工业出版社</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> <p>《网页制作基础教程(Dreamweaver CS3)》详尽地介绍了Dreamweaver CS3的基本功能，内容分为两部分：网页基本制作部分和动态网站开发部分，前一部分引导读者逐步学习如何使用文本、图像、表格、层、框架、多媒体、行为以及表单等网页元素，生成图文并茂的网页。而后一部分介绍了充分利用Dreamweaver CS3所提供的动态网页开发功能，使读者能够独立搭建简单的动态网站。</p> </p> </div> </div> </article> <article class="parchment-card rounded-sm p-4 transition-all"> <div class="flex gap-4"> <div class="shrink-0"> <div class="w-[60px] h-[80px] flex items-end justify-center pb-1 overflow-hidden" style="background:linear-gradient(160deg,var(--parchment-d),var(--vellum)); border:2px solid var(--gold); box-shadow:2px 2px 0 var(--parchment-d);"> <span class="text-center leading-tight px-1" style="font-family:'Cinzel',serif; font-size:0.5rem; color:var(--ink-faint); word-break:break-word;"> 网页制作与网站建设技术详解 </span> </div> </div> <div class="flex-1 min-w-0"> <div class="flex items-start gap-2 flex-wrap"> <a href="/网页制作与网站建设技术详解-31030370" class="font-semibold text-base leading-snug line-clamp-2" style="color:var(--crimson); font-family:'Cinzel',serif;"> 📁 网页制作与网站建设技术详解 </a> </div> <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-xs italic" style="color:var(--ink-faint);"> <span>✍ 万璞; 马子睿; 张金柱</span> <span>📂 Library</span> <span>📅 2015</span> <span>🏛 清华大学出版社</span> <span>🌐 Chinese</span> </div> <p class="mt-2 text-sm line-clamp-2 italic" style="color:var(--ink-faint);"> <p>《网站开发非常之旅：网页制作与网站建设技术详解》内容丰富，涵盖的知识面广。在注重基础的同时，《网站开发非常之旅：网页制作与网站建设技术详解》也对很多知识进行了扩充与深入，读者可以学习和掌握关于动态网站开发、企业动态网站项目建设等比较专业的网站开发知识。</p> <p>《网站开发非常之旅：网页制作与网站建设技术详解》分为4篇，共20章。分别是网站开发入门（第1～3章）、网页设计与制作（第4～15章）、网站发布与维护（第16～18章）、综合案例（第19和20章）。</p> </p> </div> </div> </article> </div> </div> </div> </main> <footer style="border-top:2px solid var(--gold); background:var(--parchment-d);" class="mt-16 py-8 text-center text-sm"> <p class="fraktur text-2xl ornament mb-1">❧ Scriptorium Liberum ❧</p> <p style="color:var(--ink-faint);" class="cinzel text-xs tracking-wider"> 130M+ Volumes · Free Search & Download · No Pledge of Fealty Required </p> <p class="mt-2 text-xs" style="color:var(--ink-faint);"> Tomes are for personal study only and may not be traded for coin or commerce. </p> </footer> </body> </html>