第1章 网页设计入门学习
1.1 网页的基本概念
1.1.1 网页与网站
1.1.2 静态网页与动态网页
1.2 网站制作流程
1.2.1 网站策划
1.2.2 网站设计
1.2.3 网页制作
1.2.4 测试和发布网站
1.2.5 网站维护
1.3 网页布局与配色
1.3.1 网页的布局类型
1.3.2 网页色彩基础
1.3.3 色彩搭配原则
1.4 网页设计常用工具
1.5 课后练习
第2章 Dreamweaver基础操作
2.1 Dreamweaver 的工作界面
2.1.1 启动Dreamweaver
2.1.2 自定义软件界面
实例：设置主浏览器
2.1.3 Dreamweaver的视图模式
2.2 站点的创建与管理
2.2.1 创建站点
实例：创建远程站点
2.2.2 编辑站点
2.2.3 导入和导出站点
2.2.4 新建文件或文件夹
2.2.5 编辑文件或文件夹
2.3 文档的基础操作
2.3.1 新建文档
2.3.2 保存文档
2.3.3 打开文档
2.3.4 插入文档
2.3.5 关闭文档
2.4 课堂实战：创建我的站点
2.5 课后练习
第3章 HTML基础
3.1 认识HTML
3.1.1 HTML简介
3.1.2 HTML的基本结构
3.1.3 文件开始标签
3.1.4 文件头部标签
3.1.5 标题标签
<br/> 3.1.6 主体标签<body><br/> 3.1.7 元信息标签<meta><br/> 3.1.8 <!DOCTYPE>标签<br/> 3.2 HTML的基本标签<br/> 3.2.1 标题文字<br/> 3.2.2 文字字体<br/> 实例：使用HTML在网页中添加文本 <br/> 3.2.3 段落换行<br/> 3.2.4 不换行标签<br/> 3.2.5 图像标签<br/> 实例：插入网页图像 <br/> 3.2.6 超链接标签<br/> 3.2.7 列表标签<br/> 3.2.8 表格标签<br/> 3.2.9 表单标签<br/> 3.3 HTML 5简介<br/> 3.3.1 HTML 5的语法变化<br/> 3.3.2 HTML 5中的标记方法<br/> 3.3.3 HTML 5中新增加的元素<br/> 3.3.4 HTML 5中新增加的属性元素<br/> 3.4 课堂实战:制作简单的网页布局<br/> 3.5 课后练习<br/>第4章 文本的应用<br/> 4.1 创建文本<br/> 4.1.1 直接输入文本<br/> 4.1.2 通过“导入”命令导入文本<br/> 实例：制作古诗文网页 <br/> 4.2 设置网页中的文本属性<br/> 4.2.1 “属性”面板<br/> 4.2.2 设置文本格式<br/> 实例：添加文字字体 <br/> 4.2.3 设置段落格式<br/> 4.2.4 设置文本样式<br/> 4.2.5 使用段落列表<br/> 4.3 在网页中插入特殊元素<br/> 4.3.1 插入特殊符号<br/> 4.3.2 插入水平线<br/> 4.4 课堂实战：制作文字标签<br/> 4.5 课后练习<br/>第5章 图像元素的应用<br/> 5.1 在网页中插入图像<br/> 5.1.1 网页中图像的常见格式<br/> 5.1.2 插入图像<br/> 5.1.3 图像的属性设置<br/> 5.1.4 图像的对齐方式<br/> 5.1.5 运用HTML代码设置图像属性<br/> 实例：为文档添加图像 <br/> 5.1.6 设置网页背景图像<br/> 实例：添加网页背景 <br/> 5.1.7 鼠标经过图像<br/> 实例 制作鼠标经过图像效果 <br/> 5.2 编辑图像<br/> 5.2.1 裁剪图像<br/> 5.2.2 调整图像的亮度和对比度<br/> 5.2.3 锐化图像<br/> 5.3 课堂实战：制作鼠标经过图像效果<br/> 5.4 课后练习<br/>第6章 超链接的应用<br/> 6.1 超级链接的概念<br/> 6.1.1 相对路径<br/> 6.1.2 绝对路径<br/> 6.2 管理网页超链接<br/> 6.2.1 自动更新链接<br/> 6.2.2 检查站点中的链接错误<br/> 6.3 在文本中应用链接<br/> 6.3.1 文本链接<br/> 实例：制作电子邮件链接 <br/> 6.3.2 下载链接<br/> 实例：下载电子文档 <br/> 6.4 在图像中应用链接<br/> 6.4.1 图像链接<br/> 6.4.2 图像热点链接<br/> 6.5 课堂实战：制作书店网页<br/> 6.6 课后练习<br/>第7章 表格的应用<br/> 7.1 插入表格<br/> 7.1.1 与表格有关的术语<br/> 7.1.2 插入表格<br/> 7.1.3 表格的基本代码<br/> 实例：制作活动信息表 <br/> 7.2 表格属性<br/> 7.2.1 设置表格属性<br/> 7.2.2 设置单元格属性<br/> 7.2.3 鼠标经过颜色<br/> 7.2.4 表格的属性代码<br/> 实例：添加表格背景 <br/> 7.3 选择表格<br/> 7.3.1 选择整个表格<br/> 7.3.2 选择一个单元格<br/> 7.4 编辑表格<br/> 7.4.1 拷贝和粘贴表格<br/> 7.4.2 添加行和列<br/> 7.4.3 删除行和列<br/> 7.4.4 合并或拆分单元格<br/> 7.5 课堂实战：制作西餐厅网页<br/> 7.6 课后练习<br/>第8章 CSS网页美化技术<br/> 8.1 CSS概述<br/> 8.1.1 CSS的特点<br/> 8.1.2 CSS的定义<br/> 8.2 创建CSS样式<br/> 8.2.1 CSS设计器<br/> 8.2.2 创建CSS样式<br/> 实例：添加图片边框 <br/> 8.3 CSS的设置<br/> 8.3.1 类型<br/> 8.3.2 背景<br/> 8.3.3 区块<br/> 8.3.4 方框<br/> 8.3.5 边框<br/> 8.3.6 列表<br/> 8.3.7 定位<br/> 8.3.8 扩展<br/> 8.3.9 过渡<br/> 实例：创建内部样式表 <br/> 8.4 课堂实战：制作花店网页<br/> 8.5 课后练习<br/>第9章 Div+CSS网页布局技术<br/> 9.1 CSS与Div布局基础<br/> 9.1.1 什么是Web标准<br/> 9.1.2 Div概述</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",'9787302586814','1111');
})
//init the value
var seller="XHSD";
var isbn="9787302586814";
var isOverHoldingCount="0";
var isNotUnitCatalog="0";
var status="2";
var productId="18463708";
var incart="";
var opacUrl="";
var orglib="330000000";
var jdcatalog2="";
var jdcatalog3="";
var seller="XHSD";
var jdSkuId="xMNTYjA0NQ==";
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>
