第1章 网页设计简介
1-1 网页设计的流程
1-1-1 阶段一：收集资料与规划网站架构
1-1-2 阶段二：网页制作与测试
1-1-3 阶段三：网站上传与推广
1-1-4 阶段四：网站更新与维护
1-2 网页设计相关的程序设计语言
1-3 HTML的发展
1-4 HTML5文件的编写方式
1-4-1 HTML5文件的编辑工具
1-4-2 HTML5文件的基本语法
1-4-3 编写第一份HTML5文件
第2章 文件结构
2-1 HTML文件的根元素——元素
2-2 HTML文件的标头——元素
2-2-1
元素（文件标题）<br/> 2-2-2 <meta>元素（文件相关信息）<br/> 2-2-3 <link>元素（文件之间的关联）<br/> 2-2-4 <stvle>元素（嵌入CSS样式表）<br/> 2-3 HTML文件的主体__<body>元素<br/> 2-3-1 <hl>～<h6>元素（标题1～6）<br/> 2-3-2 <p>元素（段落）<br/> 2-3-3 <div>元素（组成一个区段）<br/> 2-3-4 <！-->元素（注释）<br/> 2-4 HTML5新增的结构元素<br/> 2-4-1 <article>（文章）<br/> 2-4-2 <section>（通用的区段）<br/> 2-4-3 <nav>元素（导航栏）<br/> 2-4-4 <header>与<footer>元素（页首/页尾）<br/> 2-4-5 <aside>元素（侧边栏）<br/> 2-4-6 <main>元素（主要内容）<br/>第3章 数据编辑与格式化<br/> 3-1 区段格式<br/> 3-1-1 <pre>元素（预先格式化的区块）<br/> 3-1-2 <blockquote>元素（左右缩排的区块）<br/> 3-1-3 <address>元素（联络信息）<br/> 3-1-4 <hr>元素（水平线）<br/> 3-2 文字格式<br/> 3-2-1 设置文字格式的元素<br/> 3-2-2 <br>元素（换行）<br/> 3-2-3 <span>元素（组成一行）<br/> 3-2-4 <time>元素（日期时间）<br/> 3-3 插入或删除数据—<ins>、<del>元素<br/> 3-4 项目符号与编号—<u>、<ol>、<li>元素<br/> 3-5 定义列表――<dl>、<dt>、<dd>元素<br/> 3-6 超链接<br/> 3-6-1 绝对URL与相对URL<br/> 3-6-2 标记超链接——<a>元素<br/> 3-6-3 在新索引标签页面中打开超链接<br/> 3-6-4 页内超链接<br/> 3-7 设置相对URL的路径信息———<base>元素<br/>第4章 图片<br/> 4-1 嵌入图片——<img>元素<br/> 4-1-1 图片的高度与宽度<br/> 4-1-2 图片的替代显示文字<br/> 4-2 标注——<figure>、<figcaption>元素<br/> 4-3 建立表格——<table>、<tr>、<td>、<th>元素<br/> 4-3-1 跨行合并单元格<br/> 4-3-2 跨列合并单元格<br/> 4-4 表格标题——<caption>元素<br/> 4-5 表格的表头、主体与表尾_—<thead>、<tbody>、<tfoot>元素<br/> 4-6 直列式表格——<colgroup>、<col>元素<br/>第5章 影音多媒体<br/> 5-1 嵌入视频——<video>元素<br/> 5-2 嵌入音频——<audio>元素<br/> 5-3 族入对象——<object>元素<br/> 5-3-1 嵌入视频<br/> 5-3-2 嵌入音频<br/> 5-4 嵌入Scripting-———<script>、<noscript>元素<br/> 5-5 嵌入浮动框架—<iframe>元素<br/> ……<br/>第6章 窗体<br/>第7章 CSS基本语法<br/>第8章 颜色、字体、文本与列表属性<br/>第9章 Box Model与定位方式<br/>第10章 背景、渐层与表格<br/>第11章 变形、转场与媒体查询<br/>第12章 JavaScript的基本语法<br/>第13章 对象<br/>第14章 事件处理<br/>第15章 jQuery<br/>第16章 jQuery UI<br/>第17章 Ajax与JSON<br/>第18章 响应式网页设计</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",'9787302595052','1111');
})
//init the value
var seller="XHSD";
var isbn="9787302595052";
var isOverHoldingCount="0";
var isNotUnitCatalog="0";
var status="2";
var productId="18464772";
var incart="";
var opacUrl="";
var orglib="330000000";
var jdcatalog2="";
var jdcatalog3="";
var seller="XHSD";
var jdSkuId="1MNTYjkxMw==";
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>
