第1章 Web技术概述
1.1 Internet概述
1.1.1 TCP/IP
1.1.2 主机和IP地址
1.1.3 域名和DNS
1.2 Web概述
1.2.1 Web历史
1.2.2 Web体系结构
1.2.3 基本Web技术
1.2.4 Web服务器
1.3 超文本与标记语言
1.3.1 超文本与超媒体
1.3.2 标记语言
1.4 Web标准
1.4.1 Web标准体系
1.4.2 采用Web标准的优势
1.5 浏览器
1.5.1 常用浏览器
1.5.2 浏览器内核
1.5.3 标准浏览器
1.5.4 浏览器市场
1.6 网页制作工具
1.6.1 Adobe Dreamweaver
1.6.2 测试和调试环境
1.7 小结
1.8 习题
第2章 标准化页面
2.1 XHTML基础
2.1.1 XHTML文档结构
2.1.2 元素与标签
2.1.3 属性
2.1.4 语法规则
2.2 Dreamweaver基础
2.2.1 Dreamweaver工作流程概述
2.2.2 使用Dreamweaver站点
2.3 文档结构元素
2.3.1 标签
2.3.2 标签
2.3.3 标签
2.4 头部元素
2.4.1
标签<br>2.4.2 <meta>标签<br>2.5 小结<br>2.6 习题<br><br>第3章 结构化文档<br>3.1 XHTML通用元素<br>3.1.1 <div>标签<br>3.1.2 <span>标签<br>3.2 XHTML基本元素<br>3.2.1 标题<br>3.2.2 段落<br>3.2.3 换行符<br>3.2.4 注释<br>3.3 XHTML文本格式化<br>3.3.1 文本格式化标签<br>3.3.2 计算机输出标签<br>3.3.3 引用和术语定义<br>3.4 XHTML列表<br>3.4.1 无序列表<br>3.4.2 有序列表<br>3.4.3 定义列表<br>3.5 叮叮书店首页结构化文档的建立<br>3.5.1 分析设计页面内容结构<br>3.5.2 用<div>确定文档结构<br>3.5.3 添加文本内容<br>3.5.4 在浏览器中预览<br>3.6 小结<br>3.7 习题<br><br>第4章 超链接<br>4.1 <a>标签<br>4.1.1 href属性<br>4.1.2 id和Name属性<br>4.2 XHTML字符集与颜色<br>4.2.1 XHTML字符集<br>4.2.2 XHTML字符实体<br>4.2.3 XHTML颜色<br>4.2.4 XHTML颜色名<br>4.3 叮叮书店首页超链接的使用<br>4.4 小结<br>4.5 习题<br><br>第5章 制作编辑图像<br>5.1 Fireworks基础<br>5.1.1 矢量图和位图的概念<br>5.1.2 认识Fireworks界面<br>5.1.3 新建、打开和导入文件<br>5.1.4 画布和图像的调整<br>5.1.5 辅助设计工具<br>5.2 操作对象<br>5.2.1 对象和图层的概念<br>5.2.2 选择、移动和对齐对象<br>5.2.3 变形和扭曲<br>5.2.4 改变对象的叠放次序<br>5.2.5 设置对象的不透明度<br>5.2.6 操作对象的快捷键<br>5.3 编辑位图<br>5.3.1 创建和取消选区<br>5.3.2 编辑选区中的像素区域<br>5.4 绘制矢量图形<br>5.4.1 矢量图形的基本构成<br>5.4.2 调整矢量线条<br>5.4.3 路径的切割和组合<br>5.4.4 路径和选区的相互转换<br>5.5 文本对象的使用<br>5.5.1 文本编辑和修饰<br>5.5.2 将文本附加到路径<br>5.6 小结<br>5.7 习题<br><br>第6章 图像进阶<br>6.1 蒙版<br>6.1.1 粘贴为蒙版<br>6.1.2 粘贴于内部<br>6.1.3 将文本用作蒙版<br>6.2 简单GIF动画的制作<br>6.2.1 使用状态制作动画<br>6.2.2 使用补间实例制作动画<br>6.3 切片及导出<br>6.3.1 切片的作用<br>6.3.2 切片的基本操作<br>6.4 小结<br>6.5 习题<br><br>第7章 多媒体<br>7.1 XHTML图像<br>7.1.1 <img>标签<br>7.1.2 <map>标签和<area>标签<br>7.2 <object>标签<br>7.3 XHTML音频<br>7.3.1 音频格式<br>7.3.2 使用音频<br>7.4 XHTML动画<br>7.4.1 插入SWF文件<br>7.4.2 设置SWF文件属性<br>7.5 XHTML视频<br>7.5.1 视频格式<br>7.5.2 插入FLV文件<br>7.5.3 插入WMP（Windows Media Player）<br>7.6 叮叮书店首页图像的使用<br>7.7 小结<br>7.8 习题<br><br>第8章 表格<br>8.1 XHTML表格<br>8.1.1 表格结构<br>8.1.2 表格标签<br>8.2 常用表格标签<br>8.2.1 <table>标签<br>8.2.2 <tr>标签<br>8.2.3 <td>标签<br>8.2.4 <col>标签<br>8.2.5 <thead>、<tbody>和<tfoot>标签<br>8.3 叮叮书店购物车页面的建立<br>8.4 小结<br>8.5 习题<br><br>第9章 表单<br>9.1 XHTML表单<br>9.1.1 表单<br>9.1.2 <form> 标签<br>9.2 表单域<br>9.2.1 <input>标签<br>9.2.2 <textarea>标签<br>9.2.3 <label>标签<br>9.2.4 <fieldset>标签<br>9.2.5 <select>标签<br>9.2.6 <option>标签<br>9.2.7 <optgroup>标签<br>9.2.8 <button>标签<br>9.3 叮叮书店联系我们页面的建立<br>9.4 小结<br>9.5 习题<br><br>第10章 表现<br>10.1 CSS概述<br>10.2 CSS语法<br>10.3 CSS常用选择器<br>10.4 CSS属性<br>10.4.1 CSS属性<br>10.4.2 CSS属性值<br>10.5 使用CSS<br>10.6 层叠（多重）样式<br>10.7 小结<br>10.8 习题<br><br>第11章 页面布局<br>11.1 CSS盒模型<br>11.1.1 CSS盒模型概述<br>11.1.2 CSS内边距<br>11.1.3 CSS边框<br>11.1.4 CSS外边距<br>11.1.5 盒模型显示类型<br>11.2 CSS 定位<br>11.2.1 position属性<br>11.2.2 zindex属性<br>11.2.3 CSS浮动<br>11.2.4 CSS定位机制<br>11.2.5 CSS分类属性<br>11.3 Dreamweaver基本布局模板<br>11.3.1 3列固定，标题和脚注<br>11.3.2 3列液态，标题和脚注<br>11.4 叮叮书店首页布局样式设计<br>11.5 小结<br>11.6 习题<br><br>第12章 元素外观属性<br>12.1 CSS常用属性<br>12.1.1 CSS背景<br>12.1.2 CSS文本<br>12.1.3 CSS字体<br>12.1.4 CSS列表<br>12.1.5 CSS尺寸<br>12.2 CSS伪类和伪元素<br>12.2.1 CSS伪类<br>12.2.2 CSS伪元素<br>12.3 叮叮书店首页外观样式设计<br>12.3.1 文本<br>12.3.2 背景<br>12.3.3 超链接<br>12.3.4 其他细节<br>12.3.5 logo<br>12.4 小结<br>12.5 习题<br><br>第13章 页面内容样式设计<br>13.1 默认样式<br>13.1.1 XHTML默认样式<br>13.1.2 浏览器默认样式<br>13.2 页面内容样式设计<br>13.2.1 导航菜单<br>13.2.2 图文混排<br>13.3 小结<br>13.4 习题<br><br>第14章 表格样式<br>14.1 CSS表格<br>14.1.1 表格属性<br>14.1.2 边框控制<br>14.1.3 改善表格显示效果<br>14.2 叮叮书店购物车页面表格样式设计<br>14.3 小结<br>14.4 习题<br><br>第15章 网站制作流程与发布<br>15.1 网站制作流程<br>15.2 Dreamweaver模板<br>15.3 叮叮书店模板的建立<br>15.4 基于模板建立叮叮书店其他页面<br>15.4.1 特刊降价（specials.html）<br>15.4.2 联系我们（contact.html）<br>15.4.3 更多细节（details.html）<br>15.4.4 购物车（cart.html）<br>15.5 网站发布<br>15.5.1 Web服务器安装使用<br>15.5.2 使用Dreamweaver发布<br>15.5.3 申请免费域名<br>15.6 小结<br>15.7 习题<br><br>第16章 ECMAScript基础<br>16.1 JavaScript简介<br>16.1.1 JavaScript历史<br>16.1.2 JavaScript组成<br>16.1.3 JavaScript使用<br>16.1.4 JavaScript消息框<br>16.2 ECMAScript基础<br>16.2.1 ECMAScript语法基础<br>16.2.2 ECMAScript变量<br>16.2.3 ECMAScript关键字和保留字<br>16.2.4 ECMAScript基本数据类型<br>16.2.5 ECMAScript类型转换<br>16.3 ECMAScript运算符<br>16.3.1 一元运算符<br>16.3.2 算术运算符<br>16.3.3 关系运算符<br>16.3.4 逻辑运算符<br>16.3.5 其他运算符<br>16.4 小结<br>16.5 习题<br><br>第17章 ECMAScript语句<br>17.1 算法<br>17.1.1 算法的概念<br>17.1.2 简单算法举例<br>17.1.3 算法特性<br>17.1.4 算法与程序<br>17.2 ECMAScript语句<br>17.2.1 条件语句<br>17.2.2 循环语句<br>17.2.3 break和continue语句<br>17.3 小结<br>17.4 习题<br><br>第18章 行为与对象<br>18.1 行为<br>18.1.1 ECMAScript函数<br>18.1.2 XHTML事件<br>18.2 ECMAScript对象<br>18.2.1 对象<br>18.2.2 使用对象<br>18.2.3 ECMAScript引用类型<br>18.2.4 ECMAScript对象类型<br>18.3 错误处理<br>18.4 内置对象和本地对象<br>18.4.1 Math对象<br>18.4.2 Global全局对象<br>18.4.3 Array对象<br>18.4.4 Date对象<br>18.5 叮叮书店页面显示日期和时间<br>18.6 小结<br>18.7 习题<br><br>第19章 DOM<br>19.1 DOM概述<br>19.1.1 DOM简介<br>19.1.2 节点树<br>19.2 DOM对象<br>19.2.1 Node对象<br>19.2.2 HTMLElement对象<br>19.2.3 HTMLDocument对象<br>19.2.4 访问节点<br>19.3 DOM与CSS<br>19.3.1 Style对象<br>19.3.2 CurrentStyle对象<br>19.3.3 StyleSheet对象<br>19.4 叮叮书店首页图片切换效果的实现<br>19.5 叮叮书店书籍分类页面选项卡效果的实现<br>19.6 小结<br>19.7 习题<br><br>第20章 HTML DOM对象<br>20.1 HTML DOM对象<br>20.1.1 Document对象<br>20.1.2 Image对象<br>20.1.3 Anchor对象<br>20.1.4 Event对象<br>20.1.5 Checkbox和Radio对象<br>20.1.6 FileUpload对象<br>20.1.7 Text和Password 对象<br>20.1.8 Textarea对象<br>20.1.9 Select和Option对象<br>20.1.1 0Submit、Reset和Button对象<br>20.1.1 1Form对象<br>20.2 RegExp对象<br>20.3 叮叮书店联系我们页面表单数据验证<br>20.4 小结<br>20.5 习题<br><br>第21章 BOM<br>21.1 BOM对象<br>21.1.1 window对象<br>21.1.2 navigator对象<br>21.1.3 screen对象<br>21.1.4 location对象<br>21.1.5 history对象<br>21.2 元素大小与位置<br>21.3 叮叮书店首页浮动广告<br>21.4 小结<br>21.5 习题<br><br>第22章 jQuery入门<br>22.1 jQuery基础<br>22.1.1 添加jQuery库<br>22.1.2 jQuery语法<br>22.2 特效和动画<br>22.3 XHTML操作<br>22.4 AJAX函数<br>22.5 叮叮书店试读页面的建立<br>22.6 小结<br>22.7 习题<br>参考文献</div>
<div class="showMore"><i class="bShowIcon"></i><span class="showText">展开</span></div>
</div>
</div>
</div>
</div>
</div>
<!--加入我的书架成功弹框-->
<div class="joinArea">
<div class="cgPopupMask"></div>
<div class="joinCon">
<img src="/tcshop/resource/front-resource/images/info07.png" alt="" />
<div class="joinText">
加入书架成功！
</div>
<div class="fn-clear">
<a class="goOnBuy fn-left" href="javascript:;" onclick="continueSee()">继续借书</a>
<a class="goAccount fn-left" href="/tcshop/1111/cart/cart.html">去结算</a>
</div>
</div>
</div>
<!--收藏图书弹框-->
<div class="delColArea">
<div class="cgPopupMask"></div>
<div class="colCon">
<div class="cgPopupConTop">
<div class="hisPopTit">
收藏图书成功！
</div>
<div class="iKnow">
我知道了(<span class="iKnowTime">3</span>)
</div>
</div>
</div>
</div>
<!-- 评论弹窗 -->
<div class="delColArea" id="comment_view">
<div class="cgPopupMask"></div>
<div class="commont_div">
<div style="margin-top:10px;margin-bottom:10px;margin-left:-10px;">
发表书评
</div>
<div style="border:2px solid #DDD; padding: 5px;" >
<textarea style="width:100%;height:150px;resize:none;" id="comment">
</textarea>
</div>
<div style="text-align:right;margin-top:5px;">
<button onclick="hideComment()" style="padding:4px;background:#888888;color:#FFFFFF;margin-right:10px;border-radius:2px;cursor:pointer">
取消
</button>
<button onclick="sendComment()" style="padding:4px;background:#dc281c;color:#FFFFFF;border-radius:2px;cursor:pointer">
发表
</button>
</div>
</div>
</div>
<!--登录弹框-->
<div class="cgPopupArea" id="loginArea">
<div class="cgPopupMask"></div>
<div class="cgPopupCon">
<div class="cgPopupConTop">
<i class="cloLogin cloPop"></i>
<div class="readLogin">读者登录</div>
<!--手机注册的图书馆code字符串 例如：1039,1096-->
<p class="warmPrompt">
请选择您读者所在的图书馆
</p>
<div class="loginWrap">
<div class="loginRoom loginSel fn-clear">
<div class="loginIcon loginRoomIcon fn-left">
</div>
<font class="roomName fn-left" id="pLib">选择图书馆</font>
<select id="unitLibCode" class="selDown " onChange="changeLib(this)">
<option selected="selected" value="lib_zjlib">省本级</option>
<option value="lib_330400000">嘉兴市</option>
<option value="lib_330500000">湖州市</option>
<option value="lib_330700000">金华市</option>
<option value="lib_331100000">丽水市</option>
<option value="lib_331000000">台州市</option>
<option value="lib_zslib">舟山市</option>
<option value="lib_qzlib">衢州市</option>
<option value="lib_wzlib">温州市</option>
<option value="lib_hzlib">杭州市</option>
<option value="lib_nblib">宁波市</option>
<option value="lib_sxlib">绍兴市</option>
</select>
<div class="flag03">
</div>
</div>
<div class="loginError">
</div>
</div>
<div class="loginWrap" id="cUnionWrap" >
<div class="loginRoom loginSel fn-clear">
<div class="loginIcon loginRoomIcon fn-left">
</div>
<font class="roomName fn-left" id="cLib">浙江图书馆</font>
<select id="cLibSelect" class="selDown" onChange="changeCLib()">
<option value="330000000,zjlib">浙江图书馆</option>
</select>
<div class="flag03">
</div>
</div>
<div class="loginError">
</div>
</div>
<div class="loginWrap">
<div class="loginSel fn-clear">
<div class="loginIcon loginHead fn-left">
</div>
<input class="userID fn-left" type="text" name="username"
id="username" value="" placeholder="请输入身份证号" onblur="accCheck('acc')"/>
</div>
<div class="loginError" id="accMsg">
</div>
</div>
<div class="loginWrap">
<div class="loginSel fn-clear">
<div class="loginIcon loginPass fn-left ">
</div>
<input class="userPass fn-left " type="password" name="password"
id="password" value="" placeholder="请输入读者密码" onblur="accCheck('pwd')"/>
</div>
<div class="loginError" id="pwdMsg">
</div>
</div>
<div class="loginWrap">
<div class="fn-clear">
<div class="loginSel loginCode fn-left codeWrap">
<div class="loginIcon loginCode fn-left ">
</div>
<input class="codeInput fn-left" type="text" name="vcode" id="vcode" value="" placeholder="验证码" />
</div>
<div class="codeImg fn-left">
<img src="/tcshop/ValidateImage.do"
id="codeImg"
alt="点击获取验证码"
title="点击获取验证码"
onclick="this.src='/tcshop/ValidateImage.do?t='+new Date().getTime();"/>
</div>
</div>
</div>
<div class="clickLogin" id='readerLogin'>
登录
</div>
<div style="float:right">
没有读者证？<a href="/tcshop/1111/help/168.html" style="color: #175199;">在线办证</a>
</div>
</div>
</div>
</div>
<style>
.commont_div {
width: 350px;
height: 250px;
margin-left: -185px;
padding: 0 30px;
background: #fff;
position: fixed;
left: 50%;
top: 35%;
z-index: 3;
border-radius: 5px;
font-size: 16px;
}
</style>
<script type="text/javascript">
$(function(){
loadBookcovers();
loadBookInfo("TC_TEST_OPCS",'9787302299356','1111');
})
//init the value
var seller="ZJWJSK";
var isbn="9787302299356";
var isOverHoldingCount="";
var isNotUnitCatalog="";
var status="2";
var productId="11371143";
var incart="";
var opacUrl="";
var orglib="330000000";
var jdcatalog2="3287";
var jdcatalog3="3797";
var seller="ZJWJSK";
var jdSkuId="2463514";
var stock = "1";
var pUnit = "";
var packnum = "0";
var libsellerTag="false";
var bookloginType="0";
var libunion="1";
var unitcode = "1111";
$(function(){
console.log(unitcode);
if(unitcode == "1212" || unitcode == "1039"){
$("#comment").val("");
loadComment();
}
});
// 加载 用户评论
function loadComment(){
$.ajax({
url: "/tcshop/1111/comment/findBookComment?productID="+productId,
data: {offset: 0, pageSize: 10},
success: function(res){
console.log(">>>>>>>获取的评论res");
console.log(res);
// 是否获取成功
if(res.result == "false"){
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦~！</div>");
return ;
}
// 评论内容 list
var commentList = res.data.list;
if(commentList.length == 0){
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦！</div>");
return ;
}
// 遍历
var c_div = "";
var nickname = ""; // 昵称
var date = ""; // 日期
for(var i = 0 ; i < commentList.length ; i++){
// 昵称 部分隐藏
nickname = commentList[i].nickname;
if(nickname == null || nickname == ""){
nickname = "默**";
}else{
nickname = nickname.substr(0,1)+"**";
}
date = commentList[i].createdate.split(" ")[0];
c_div = '<div style="margin-bottom:8px;"><div style="color: #AAA;">';
c_div += '<span style="margin-right:2px;">'+nickname+'</span>';
c_div += '<span style="font-size: 12px;">'+date+'</span></div>';
c_div += '<div style="padding-left:15px;">'+commentList[i].content+'</div></div>';
$("#comment_content").append(c_div);
}
},
error: function(err){
console.error(err);
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦!!!</div>");
return ;
}
});
}
// 显示发表书评
function showComment(){
// 未登录，显示 登录框
dialogMsg("请您先登录！")
showLoginView();
}
// 隐藏发表书评
function hideComment(){
$("#comment_view").hide(500);
}
// 发表书评
function sendComment(){
var content = $("#comment").val()+"";
content = content.replace(/(^\s*)|(\s*$)/g, "");
if(content == ""){
dialogMsg("内容不能为空哦 ！");
return;
}
loading("提交中...")
$.ajax({
url: "/tcshop/1111/comment/releaseComment",
data: {productID: productId, content: content, status: 'n'},
success: function(res){
console.log(">>>>>>>发表的评论结果res");
console.log(res);
closeLoading();
// 显示消息
dialogMsg(res.msg);
// 是否获取成功
if(res.result == "false"){
if(res.msg.indexOf("请先登录") != -1){
showLoginView();
hideComment();
}
return ;
}
dialogMsg("提交成功！");
$("#comment").val("");
hideComment();
},
error: function(err){
closeLoading();
console.error(err);
dialogMsg("评论失败哦！！！");
return ;
}
});
}
</script>
<!--放大镜-->
<script src="/tcshop/resource/front-resource/js/jquery.jqzoom.js"></script>
<script src="/tcshop/resource/front-resource/js/jquery-labelauty.js"></script>
<script src="/tcshop/resource/front-resource/js/lanrenzhijia.js"></script>
<script type="text/javascript" src="/tcshop/resource/js/UnionLib.js?version=20220601"></script>
<script src="/tcshop/resource/front-resource/js/acc.js?version=20220601"></script>
<script src="/tcshop/resource/front-resource/js/product.js?version=20220601"></script>
<div class="footWrap">
<div class="linkWrap">
<div class="linkContent">
<!--修改start-->
<div class="fn-clear">
<ul class="linkList fn-left">
<li class="linkTit">新手上路</li>
<li>
<a href="/tcshop/1111/help/54.html" target="_blank">
快速入门
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">购物指南</li>
<li>
<a href="/tcshop/1111/help/72.html" target="_blank">
常见问题
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">支付方式</li>
<li>
<a href="/tcshop/1111/help/56.html" target="_blank">
支付方式
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">配送方式</li>
<li>
<a href="/tcshop/1111/help/73.html" target="_blank">
快递送货
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">关于我们</li>
<li>
<a href="/tcshop/1111/help/58.html" target="_blank">
关于我们
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">特色服务</li>
<li>
<a href="/tcshop/1111/help/81.html" target="_blank">
在线办证
</a>
</li>
</ul>
</div>
<!--修改end-->
</div>
</div>
<!--页尾-->
<div class="footer">
©广州图创计算机软件开发有限公司
</div>
</div>
</body>
</html>
