-
机械工业出版社
- 9787111465850
-
112606
-
0063157501-6
-
平装
-
16开
-
2014年9月
-
工学
-
计算机科学与技术
-
TP393.092.2
-
计算机
-
高职高专
内容简介
刘瑞新、张兵义主编的《网页设计与制作教程（第5版）》面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。本书把介绍知识与实例制作融于一体，以鞋城网站作为案例讲解，配以什锦果园网站的实训练习，两条主线互相结合、相辅相成，自始至终贯穿于本书的主题之中。本书共分10章，主要内容包括：HTML基础、块级标签、行级标签、CSS基础、Div+CSS布局技术、使用CSS修饰常见的网页元素、使用CSS设置链接与导航菜单、网页特效—JavaScript、网络鞋城前台页面和网络鞋城后台管理页面。
本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。
目录
前言
第1章 HTML基础
1.1 HTML简介
1.2 HTML文档结构及语法规则
1.2.1 标签及其属性
1.2.2 HTML语法规则
1.2.3 HTML文档结构
1.3 创建HTML文件
1.4 网页的摘要信息
1.4.1
标签</p><br />
<p> 1.4.2 <meta>标签</p><br />
<p> 1.4.3 案例—制作网络鞋城页面摘要信息</p><br />
<p> 1.5 HTML页面中的块和行</p><br />
<p> 1.6 注释和特殊符号</p><br />
<p> 1.6.1 注释</p><br />
<p> 1.6.2 特殊符号</p><br />
<p> 1.7 实训—制作什锦果园网的版权信息</p><br />
<p> 习题1</p><br />
<p>第2章 块级标签</p><br />
<p> 2.1 基本块级标签</p><br />
<p> 2.1.1 标题标签</p><br />
<p> 2.1.2 段落标签</p><br />
<p> 2.1.3 水平线标签</p><br />
<p> 2.1.4 案例—制作网络鞋城常见问题解答页面</p><br />
<p> 2.2 用于布局的块级标签</p><br />
<p> 2.2.1 无序列表</p><br />
<p> 2.2.2 有序列表</p><br />
<p> 2.2.3 表格</p><br />
<p> 2.2.4 表单</p><br />
<p> 2.2.5 分区标签</p><br />
<p> 2.3 实训—制作什锦果园关于页面</p><br />
<p> 习题2</p><br />
<p>第3章 行级标签</p><br />
<p> 3.1 超链接</p><br />
<p> 3.1.1 超链接的基本概念</p><br />
<p> 3.1.2 超链接的应用</p><br />
<p> 3.1.3 案例—制作网络鞋城购物向导</p><br />
<p> 3.2 图像</p><br />
<p> 3.2.1 Web上常用的图像格式</p><br />
<p> 3.2.2 图像标签</p><br />
<p> 3.2.3 用图像作为超链接热点</p><br />
<p> 3.2.4 案例—制作网络鞋城图文简介</p><br />
<p> 3.3 表单元素</p><br />
<p> 3.3.1 元素</p><br />
<p> 3.3.2 选择栏</p><br />
<p> 3.3.3 多行文本域</p><br />
<p> 3.3.4 表单的高级用法</p><br />
<p> 3.3.5 案例—制作网络鞋城会员注册表单</p><br />
<p> 3.3.6 表单布局</p><br />
<p> 3.4 范围标签</p><br />
<p> 3.4.1 基本语法</p><br />
<p> 3.4.2 span与div的区别</p><br />
<p> 3.5 换行标签</p><br />
<p> 3.6 实训—制作什锦果园联系信息表单</p><br />
<p> 习题3</p><br />
<p>第4章 CSS基础</p><br />
<p> 4.1 CSS概述</p><br />
<p> 4.1.1 CSS的基本概念</p><br />
<p> 4.1.2 CSS的发展历史</p><br />
<p> 4.1.3 CSS的代码规范</p><br />
<p> 4.1.4 CSS的工作环境</p><br />
<p> 4.1.5 体验CSS</p><br />
<p> 4.2 样式表语法</p><br />
<p> 4.2.1 CSS规则</p><br />
<p> 4.2.2 选择符</p><br />
<p> 4.3 CSS的属性单位</p><br />
<p> 4.3.1 长度、百分比单位</p><br />
<p> 4.3.2 色彩单位</p><br />
<p> 4.4 CSS与HTML文档的结合方法</p><br />
<p> 4.4.1 定义内部样式表</p><br />
<p> 4.4.2 定义行内样式表</p><br />
<p> 4.4.3 链入外部样式表</p><br />
<p> 4.4.4 导入外部样式表</p><br />
<p> 4.4.5 案例—制作网络鞋城商品明细页面</p><br />
<p> 4.5 样式表的层叠、特殊性与重要性</p><br />
<p> 4.5.1 样式表的层叠</p><br />
<p> 4.5.2 特殊性</p><br />
<p> 4.5.3 重要性</p><br />
<p> 4.6 元素分类</p><br />
<p> 4.7 实训—制作什锦果园业界资讯页面</p><br />
<p> 习题4</p><br />
<p>第5章 Div+CSS布局技术</p><br />
<p> 5.1 Div布局理念</p><br />
<p> 5.1.1 Div布局页面的优点</p><br />
<p> 5.1.2 使用嵌套的Div实现页面排版</p><br />
<p> 5.2 CSS盒模型</p><br />
<p> 5.2.1 盒模型的概念</p><br />
<p> 5.2.2 盒模型的属性</p><br />
<p> 5.2.3 盒模型的宽度与高度</p><br />
<p> 5.2.4 外边距的叠加</p><br />
<p> 5.2.5 案例—制作网络鞋城关于页的局部信息</p><br />
<p> 5.3 盒子的定位</p><br />
<p> 5.3.1 静态定位</p><br />
<p> 5.3.2 相对定位</p><br />
<p> 5.3.3 绝对定位</p><br />
<p> 5.3.4 相对定位与绝对定位的混合使用</p><br />
<p> 5.3.5 固定定位</p><br />
<p> 5.4 盒子的浮动</p><br />
<p> 5.4.1 浮动</p><br />
<p> 5.4.2 清除浮动</p><br />
<p> 5.5 CSS常用布局样式</p><br />
<p> 5.5.1 两列布局样式</p><br />
<p> 5.5.2 三列布局样式</p><br />
<p> 5.6 实训—什锦果园水果沙拉页面的布局</p><br />
<p> 5.6.1 页面布局规划</p><br />
<p> 5.6.2 页面的制作过程</p><br />
<p> 习题5</p><br />
<p>第6章 使用CSS修饰常见的网页元素</p><br />
<p> 6.1 设置文字的样式</p><br />
<p> 6.1.1 设置文字的字体</p><br />
<p> 6.1.2 设置字体的大小</p><br />
<p> 6.1.3 设置字体的粗细</p><br />
<p> 6.1.4 设置字体的倾斜</p><br />
<p> 6.1.5 设置字体的修饰</p><br />
<p> 6.1.6 设置文本的颜色</p><br />
<p> 6.2 设置段落的样式</p><br />
<p> 6.2.1 设置文字的对齐方式</p><br />
<p> 6.2.2 设置首行缩进</p><br />
<p> 6.2.3 设置首字下沉</p><br />
<p> 6.2.4 设置行高</p><br />
<p> 6.2.5 设置字间距</p><br />
<p> 6.2.6 设置字符间距</p><br />
<p> 6.2.7 设置文本的大小写</p><br />
<p> 6.3 设置图片样式</p><br />
<p> 6.3.1 图片的边框</p><br />
<p> 6.3.2 图片的缩放</p><br />
<p> 6.4 设置背景</p><br />
<p> 6.4.1 设置背景颜色</p><br />
<p> 6.4.2 设置背景图像</p><br />
<p> 6.4.3 设置背景重复</p><br />
<p> 6.4.4 设置背景定位</p><br />
<p> 6.4.5 设置背景大小</p><br />
<p> 6.4.6 案例—制作购物车统计信息</p><br />
<p> 6.5 图文混排</p><br />
<p> 6.6 综合案例—制作网络鞋城驴友天地页面</p><br />
<p> 6.6.1 页面布局规划</p><br />
<p> 6.6.2 页面的制作过程</p><br />
<p> 6.7 实训—制作什锦果园博客页面</p><br />
<p> 习题6</p><br />
<p>第7章 使用CSS设置链接与导航菜单</p><br />
<p> 7.1 使用CSS设置链接</p><br />
<p> 7.1.1 改变文字链接的外观</p><br />
<p> 7.1.2 创建按钮式超链接</p><br />
<p> 7.1.3 图文链接</p><br />
<p> 7.2 使用CSS设置列表</p><br />
<p> 7.2.1 表格布局与列表布局的对比</p><br />
<p> 7.2.2 设置列表类型</p><br />
<p> 7.2.3 设置列表项图像</p><br />
<p> 7.2.4 设置列表项位置</p><br />
<p> 7.2.5 图文信息列表</p><br />
<p> 7.3 创建导航菜单</p><br />
<p> 7.3.1 普通的超链接导航菜单</p><br />
<p> 7.3.2 纵向列表模式的导航菜单</p><br />
<p> 7.3.3 横向列表模式的导航菜单</p><br />
<p> 7.4 使用CSS设置链接与导航菜单综合案例</p><br />
<p> 7.4.1 页面布局规划</p><br />
<p> 7.4.2 页面的制作过程</p><br />
<p> 7.5 实训—制作什锦果园关于页面</p><br />
<p> 习题7</p><br />
<p>第8章 网页特效—JavaScript</p><br />
<p> 8.1 JavaScript简介</p><br />
<p> 8.2 在网页中插入JavaScript的方法及定义</p><br />
<p> 8.2.1 在HTML文档中嵌入脚本程序</p><br />
<p> 8.2.2 链接脚本文件</p><br />
<p> 8.2.3 在标记内添加脚本</p><br />
<p> 8.3 常见的网页特效</p><br />
<p> 8.3.1 循环滚动的图文字幕</p><br />
<p> 8.3.2 幻灯片切换的广告</p><br />
<p> 8.4 实训—制作二级纵向列表模式的导航菜单</p><br />
<p> 习题8</p><br />
<p>第9章 网络鞋城前台页面</p><br />
<p> 9.1 网站的开发流程</p><br />
<p> 9.1.1 规划站点</p><br />
<p> 9.1.2 网站制作</p><br />
<p> 9.1.3 测试网站</p><br />
<p> 9.1.4 发布站点</p><br />
<p> 9.2 设计首页布局</p><br />
<p> 9.2.1 使用Dreamweaver创建站点</p><br />
<p> 9.2.2 页面布局规划</p><br />
<p> 9.3 首页的制作</p><br />
<p> 9.4 制作商品展示页</p><br />
<p> 9.5 制作商品详细信息页</p><br />
<p> 9.6 制作查看购物车页</p><br />
<p> 习题9</p><br />
<p>第10章 网络鞋城后台管理页面</p><br />
<p> 10.1 制作后台管理登录页面</p><br />
<p> 10.2 查询商品页面的制作</p><br />
<p> 10.3 添加商品页面的制作</p><br />
<p> 10.4 页面的整合</p><br />
<p> 习题10</p><br />
</div>
<a href="javascript:void(0);" class="tpml-all"></a>
</div>
</div>
<!-- 评价 -->
<div class="tab-main" style="display: none;">
<form id="search_form" action="" method="get">
<input type="hidden" value="evaluate" name="cur">
<input type="hidden" name="textbook_id" value="364915">
<input type="hidden" name="page" id="search_form_page" value="1">
</form>
<div class="table-H">
<span>好评度</span>
</div>
<ul class="pjBox">
<li>
<div class="pjStar">
<p>内容评价
<label class="star-box">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</label>
</p>
<p>质量评价
<label class="star-box">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</label>
</p>
</div>
</li>
</ul>
<div class="table-H">
<span>全部评价</span>
</div>
<ul class="pjBox">
<div class="no-content">暂无评价信息</div>
</ul>
<div id="page" class="page_div"></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
var cur = "default";
if (cur == 'evaluate') {
$('#evaluate').addClass('cur').siblings('a').removeClass('cur');
$('.tab-main').hide().eq($('#evaluate').index()).show();
} else if (cur == 'default') {
$('#default').addClass('cur').siblings('a').removeClass('cur');
$('.tab-main').hide().eq($('#default').index()).show();
}
if ($('.tpml').height() > 250) {
$('.tpml-all').html('展开更多')
$('.tpml').css('height', '250px')
}
if ($('.content-caixuan').height() > 85) {
$('.content-caixuan-all').html('查看全部')
$('.content-caixuan').css('height', '85px')
}
if ($('.author').height() > 50) {
$('.author-all').html('查看全部')
$('.author').css('height', '50px')
}
});
Look = {};
Look.tanBox = function (box_id) {
tanBox(box_id);
};
$("#page").paging({
pageNo: $("#search_form_page").val(),
totalPage: 0,
totalSize: 0,
callback: function (num) {
jumpto(num)
}
});
$('.author-all').click(function () {
if ($(this).html() === '查看全部') {
var $con = $(this).html('收起').prev('div');
$con.css('height', '100%');
} else {
var $con = $(this).html('查看全部').prev('div');
$con.css('height', '50px');
$con.css('overflow', 'hidden');
}
});
$('.content-caixuan-all').click(function () {
if ($(this).html() === '查看全部') {
var $con = $(this).html('收起').prev('div');
$con.css('height', '100%');
} else {
var $con = $(this).html('查看全部').prev('div');
$con.css('height', '85px');
$con.css('overflow', 'hidden');
}
});
$('.tpml-all').click(function () {
if ($(this).html() === '展开更多') {
var $con = $(this).html('收起').prev('div');
$con.css('height', '100%');
} else {
var $con = $(this).html('展开更多').prev('div');
$con.css('height', '250px');
$con.css('overflow', 'hidden');
}
});
$(".table-tab a").click(function () {
$(this).addClass('cur').siblings('a').removeClass('cur');
$('.tab-main').hide().eq($(this).index()).show();
$(".table-radio label:visible").attr("style", "border:0");
if ($(".table-radio label:visible").length == 1) {
$(".table-radio").hide();
}
})
</script>
<div class="fri-link foot-link">
<span class="fri-link-dt">友情链接</span>
<a class="fri-link-item fri-link-item1" href="http://cn.cnpubg.com/" target="_blank">中国出版集团公司</a>
<a class="fri-link-item" target="_blank" href="http://www.xhsdzd.com/">新华书店总店</a>
<a class="fri-link-item" target="_blank" href="http://www.pac.org.cn/">中国出版协会</a>
<a class="fri-link-item" target="_blank" href="http://www.crs1992.com/">中国编辑学会</a>
<a class="fri-link-item" target="_blank" href="http://www.hep.com.cn/">高等教育出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.cmpedu.com/">机械工业出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.sciencep.com/">科学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.cip.com.cn/">化学工业出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.cepp.sgcc.com.cn/">中国电力出版社</a>
<a class="fri-link-item" target="_blank" href="https://www.phei.com.cn/">电子工业出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.ccpcl.com.cn/">人民交通出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.crup.com.cn/">中国人民大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.pup.cn/">北京大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.tup.tsinghua.edu.cn/index.html">清华大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.ryjiaoyu.com.cn">人民邮电出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.ccap.com.cn/">中国农业出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.cabp.com.cn/">中国建筑工业出版社</a>
<a class="fri-link-item" target="_blank" href="https://www.pmph.com/">人民卫生出版社</a>
<a class="fri-link-item" target="_blank" href="http://dutp.dlut.edu.cn">大连理工大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.bitpress.com.cn/">北京理工大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.zzup.cn/">郑州大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.bnump.com/">北京师范大学出版社</a>
<a class="fri-link-item" target="_blank" href="https://nkup.nankai.edu.cn/">南开大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.wdp.com.cn/book/bookIndex.action">武汉大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.textbookcenter.cn">北京出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.gph.com.cn/">地质出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.dufep.cn">东北财经大学出版社有限责任公司</a>
<a class="fri-link-item" target="_blank" href="http://www.lawpress.com.cn/">法律出版社有限公司</a>
<a class="fri-link-item" target="_blank" href="http://www.castp.cn/">中国农业科学技术出版社</a>
<a class="fri-link-item" target="_blank" href="https://press.ustc.edu.cn/">中国科学技术大学出版社</a>
<a class="fri-link-item" target="_blank" href="https://www.cqup.com.cn/">重庆大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://xdcbs.com/">西南大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.jiaodapress.com.cn/">上海交通大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.waterpub.com.cn/">中国水利水电出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.ecnupress.com.cn/">华东师范大学出版社</a>
<a class="fri-link-item" target="_blank" href="https://www.fltrp.com/">外语教学与研究出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.fudanpress.com/">复旦大学出版社</a>
<a class="fri-link-item" target="_blank" href="http://www.cptcm.com/">中国中医药出版社</a>
</div>
<!--页面底部 start-->
<div class="footer">
<div class="footerBox">
<div class="footerTop">
© 2018-2024 新华国采教育网络科技有限责任公司 版权所有
</div>
<ul>
<li style="width:25%;">
<p>客服热线：010-88362023、010-88361712</p>
<p><a target="_blank" href="https://beian.miit.gov.cn/" class="icp_num">京ICP备16053406号</a></p>
</li>
<li style="width:35%;">
<p>出版物经营许可证：新出发京零字第西160035号</p>
<p>京公网安备 11010202007778号<img src="/images/ip.jpg"></p>
</li>
<li style="width: 40%;">
<p>信息系统安全等级保护（三级）备案证明编号：11010243697-20001</p>
<p>增值电信业务经营许可证编号：京B2-20170886</p>
</li>
</ul>
</div>
</div>
<!--页面底部 end-->
</body>
</html>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?8c456308ba2e540841c85599c32c7d67";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function () {
var script = document.createElement("script");
script.src = "https://log.aijiaocai.cn/static/app/dist/api-v1-fetch.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(script, s);
if (script.addEventListener) {
script.addEventListener('load', function () {
browseLog();
}, false);
} else if (script.attachEvent) {
script.attachEvent('onreadystatechange', function () {
var target = window.event.srcElement;
if (target.readyState == 'loaded') {
browseLog();
}
});
}
function browseLog() {
var options = {sysCode: 'xhgc.aijiaocai.textbooking.web', sysName: '采选系统PC端', autoBrowse: false};
var info = {
operateType: 'browse',
userCode: '',
realName: '',
orgCode: '',
content: {login_type: ''}
};
var logCenterLogger = new logCenter.Logger(options);
logCenterLogger.log(info);
}
})();
</script> 
