第1章 网页概述
1.1 网站与网页
1.1.1 网站与网页的定义
1.1.2 网站与网页的分类
1.1.3 构成网页的基本元素
1.1.4 网页的版块结构
1.2 与网页相关的基本概念
1.2.1 Internet与Intranet
1.2.2 IP地址与DNS
1.2.3 WWW和FTP
1.2.4 HTFP
1.2.5 URL
1.2.6 浏览器与Web服务器
1.3 网页标准化技术
1.3.1 Web标准简介
1.3.2 HTML简介
1.3.3 CSS简介
1.3.4 JavaScript简介
1.4 网页设计与制作工具
1.4.1 图形、图像制作工具——Photoshop
1.4.2 网页动画制作工具——Flash
1.4.3 网页编辑工具
1.5 网站的制作流程
1.5.1 准备工作
1.5.2 前期规划
1.5.3 项目实施
1.5.4 后期工作
1.6 Dreamweaver CS6的基本操作
1.6.1 Dreamweaver CS6工作区简介
1.6.2 Dreamweaver CS6初始化及参数设置
1.6.3 站点的建立与管理
第2章 网页设计基础
2.1 网页设计原则
2.2 网页配色基础
2.2.1 色彩基础知识
2.2.2 网页配色方案
2.3 网页设计流程
2.3.1 确定网页主题
2.3.2 搜集相关素材
2.3.3 网页布局设计
2.3.4 网页内容元素设计
2.3.5 网页元素命名规范
第3章 HTML语言基础
3.1 什么是HTML
3.2 HTML标记
3.2.1 单标记和双标记
3.2.2 标记的属性
3.2.3 注释标记
3.2.4 标记的嵌套
3.3 HTML文档基本格式
3.3.1 <！DOCTYPE>标记
3.3.2 标记
3.3.3 标记
3.3.4 标记
3.4 HTML文档头部相关标记
3.4.1 网页标题标记
<br/> 3.4.2 页面元信息标记<meta><br/> 3.4.3 引用外部文件标记<link><br/> 3.4.4 内嵌样式标记<stvle><br/> 3.5 HTML文本控制标记<br/> 3.5.1 网页文本<br/> 3.5.2 网页段落<br/> 3.5.3 网页标题<br/> 3.5.4 网页特殊符号<br/> 3.5.5 其他常用标记<br/>第4章 图像<br/> 4.1 常见的图像格式<br/> 4.1.1 位图与矢量图<br/> 4.1.2 GIF格式<br/> 4.1.3 PNG格式<br/> 4.1.4 JPG格式<br/> 4.1.5 SVG格式<br/> 4.1.6 常见的图片格式对比<br/> 4.1.7 图片的制作<br/> 4.2 HTML图像标记<br/> 4.2.1 <img>标记及其常用属性<br/> 4.2.2 图像的常用属性练习<br/> 4.3 相对路径和绝对路径<br/> 4.3.1 路径<br/> 4.3.2 相对路径<br/> 4.3.3 绝对路径<br/>第5章 超链接<br/> 5.1 创建超链接<br/> 5.1 .I超链接标记<br/> 5.1.2 超链接标记的种类<br/> 5.1.3 超链接的常用属性练习<br/> 5.1.4 超链接内容的多样化<br/> 5.2 锚点链接<br/> 5.2.1 创建锚点<br/> 5.2.2 链接到锚点<br/> 5.2.3 练习创建锚点链接<br/>第6章 列表<br/> 6.1 列表概述<br/> 6.2 无序列表<br/> 6.2.1 无序列表标记<br/> 6.2.2 无序列表案例演示<br/> 6.3 有序列表<br/> 6.3.1 有序列表标记<br/> 6.3.2 有序列表案例演示<br/> 6.4 定义列表<br/> 6.4.1 定义列表标记<br/> 6.4.2 定义列表案例演示<br/> 6.5 列表的嵌套<br/>第7章 表格<br/> 7.1 表格概述<br/> 7.1.1 表格的基本功能<br/> 7.1.2 表格的基本标记<br/> 7.1.3 表格的基本属性<br/> 7.1.4 表格的结构<br/> 7.1.5 表格嵌套<br/> 7.2 使用表格布局网页<br/> 7.2.1 用表格布局网页的基本原理<br/> 7.2.2 表格布局的优缺点<br/> 7.2.3 使用表格布局网页的基本步骤<br/>第8章 表单<br/> 8.1 表单概述<br/> 8.1.1 什么是表单<br/> 8.1.2 创建表单<br/> 8.2 表单控件<br/> 8.2.1 input控件<br/> 8.2.2 textarea控件<br/> 8.2.3 select控件<br/>第9章 CSS基础<br/> 9.1 CSS入门<br/> 9.1.1 CSS核心基础<br/> 9.1.2 CSS的使用<br/> 9.1.3 CSS类型<br/> 9.1.4 CSS基础选择器<br/> 9.1.5 CSS文本相关样式<br/> 9.1.6 CSS高级特性<br/> 9.2 CSS应用<br/> 9.2.1 CSS控制列表样式<br/> 9.2.2 CSS控制表格样式<br/> 9.2.3 CSS控制表单样式<br/>第10章 盒子模型<br/> 10.1 盒子模型概念<br/> 10.2 盒子模型相关属性<br/> 10.2.1 边框属性<br/> 10.2.2 内边距属性<br/> 10.2.3 外边距属性<br/> 10.2.4 背景属性<br/> 10.2.5 盒子的宽与高<br/> 10.2.6 盒子尺寸计算<br/> 10.3 元素的类型与转换<br/> lO.3.1 元素的类型<br/> 10.3.2 元素的转换<br/> 10.4 块元素垂直外边距的合并<br/> 10.4.1 相邻块元素垂直外边距塌陷<br/> 10.4.2 嵌套块元素垂直外边距塌陷<br/> 10.5 元素的溢出与剪切<br/> 10.5.1 溢出内容的设置<br/> 10.5.2 水平方向超出范围的处理方式<br/> 10.5.3 垂直方向超出范围的处理方式<br/> 10.5.4 内容的剪切<br/> 10.6 元素的显示与隐藏<br/>第11章 浮动与定位<br/> 11.1 元素浮动<br/> 11.1.1 标准文档流<br/> 11.1.2 浮动属性<br/> 11.1.3 浮动方法<br/> 11.2 清除浮动<br/> 11.2.1 为什么要清除浮动<br/> 11.2.2 清除浮动</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",'9787563239948','1111');
})
//init the value
var seller="XHSD";
var isbn="9787563239948";
var isOverHoldingCount="0";
var isNotUnitCatalog="0";
var status="2";
var productId="8282081";
var incart="";
var opacUrl="";
var orglib="330000000";
var jdcatalog2="";
var jdcatalog3="";
var seller="XHSD";
var jdSkuId="1MNTEzc5Ng==";
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>
