您当前位置:首页 > 影音中心 > 教学视频

scscms视频教学[第七课]

发表日期: 2010-11-01   阅读次数: 483   查看权限: 游客查看

开始讲解系统的前台设计,主要是DIV的解释

inc/top.asp文档的注解:

<body onclick="hidseacher()"> //hidseacher函数作用是点击任意地方取消搜索结果列表的功能
<div id="scs_div"></div> //弹出窗口后,下面一个遮罩层
<div id="out_div"> //网页最外的层
<div id="content"> //内容的层
	<div id="top"> //网页顶部总的层,众菜单以上所有内容都包括
		<div id="top_top">  //网页顶部第一行的层,也就是时间与登陆按钮的地方
		<span id="user_info">会员加载中...</span>
		<span id="scs_time">加载中...</span>
		</div>
		<div id="top_banner"></div> //横幅广告的地方
	</div>
<div id="menu_out"> //菜单的最外层
	<div id="menu_in"> //菜单的里层
		<div id="menu"><%=get_TopMenu()%></div> //显示菜单的地方
		<div style="float:right;margin-top:5px;background:url(/images/ico/key_bg.gif) no-repeat 0 0;padding-left:50px;">
<input name="scs_word" id="scs_word" type="text" maxlength="10" style="width:155px;" class="scs_input">
<img src="/images/ico/seacher.gif" width=24 height=22 align="absmiddle"
 style="cursor:pointer" title="搜 索" onClick="scs_find();"> //公用顶菜搜索
		</div>
	</div>
</div>
	<div class="line"></div> //有阴影的分隔层
<div id="main"> //网页的总内容开始

 

inc/foot.asp文档的注解:

<div class="space"></div><!--间隔区--> //没阴影的分隔层
</div><!--main end-->

<div id="foot"><!--foot begin--> //网页底部的层
	<div id="foot_menu"><%=Foot_Menu()%></div> //菜单的层
	<div id="copy_right"> //版权的层
		<%=copyright&Scs_EndTime%><a href="http://www.miibeian.gov.cn/" target="_blank">ICP备案:<%=beian%></a><br>
<script type="text/JavaScript" language="javascript" src="/inc/scs_online.asp"></script> <a href="<%=s_xml_url%>" target="_blank"><img src="/images/xml.jpg" border="0" align="absmiddle" /></a>
</div>
</div><!--foot end-->
</div><!--content end-->
</div><!--out_div end-->
<bgsound id="err_sound" src="" loop="1"/> //弹出窗口时发出的声音
<script type="text/JavaScript" language="javascript">
	if(self!=top){top.location=self.location;} //表示本网页不能被框架引用
	displaytime();//显示网页最顶左边的实时时钟效果
	userlogin();//网页最顶部右边的会员登陆按钮或者显示会员信息		
</script>
</body>
</html>
<%CloseDatabase%> //关闭数据库的代码

视频中讲解的1.asp文件源代码:

<!--#include file="inc/Scs_conn.asp"-->
<%
'==================================
'=文 件 名:Default.asp
'=功    能:网站首页
'=适用版本:Sunshine Corporation Site V1.0
'=作    者:太阳光 [guangda1234@126.com]
'=日    期:2010-08-08 08:08
'=版    权:http://www.scscms.com/
'=Q 群交流:25702761
'==================================
web_name="首页 - "&webname
web_keyword=webkeyword
web_description=index_description
%>
<!--#include file="inc/top.asp"-->

<div class="maindiv_bigleft">
	<div class="div_title1"><div class="head_title1">&nbsp;</div><a href="/news/">新闻</a> News</div>
	网页内容就加这里
</div>

<div class="maindiv_smallright">
	<div class="div_title1"><div class="head_title1">&nbsp;</div><a href="/news/">右边标题</a> News</div>
	网页内容就加这里
</div>

<div class="space"> </div><!--分隔层-->

<div class="maindiv_smallleft">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">左边小的DIV</a> News</div>
</div>
<div class="maindiv_bigright">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">右的大的DIV</a> News</div>
</div>

<div class="space"> </div><!--分隔层-->
<div class="advertise"><script type="text/javascript" Language="Javascript" src="/advertise/index.js"></script></div>
<div class="space"> </div><!--分隔层-->

<div class="main_towleft">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">一对DIV之左</a> News</div>
<%=Towdiv_pic("picture",4)%>
</div>

<div class="main_towright">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">一对DIV之右</a> News</div>
<%=Towdiv_pic("media",4)%>
</div>
<div class="space"> </div><!--全屏分隔层-->

<div class="maindiv_smallleft">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">在边的长DIV</a> News</div>
	<div style="height:300px"></div>
</div>

<div class="maindiv_bigright">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">右长DIV之一</a> News</div>
添加内容的地方11111
</div>

<div class="right_space"> </div><!--右边宽DIV分隔层-->

<div class="maindiv_bigright">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">右长DIV之二</a> News</div>
	添加内容的地方2222
</div>

<div class="right_space"> </div><!--右边宽DIV分隔层-->

<div class="maindiv_bigright">
	<div class="div_title0"><div class="head_title0">&nbsp;</div><a href="/news/">右长DIV之三</a> News</div>
添加内容的地方333333
</div>

<!--#include file="inc/foot.asp"-->

关键词: scscms,前台设计,div布局   编辑时间: 2011-10-15

  • 感到高兴

    3

    高兴
  • 感到支持

    1

    支持
  • 感到搞笑

    1

    搞笑
  • 感到不解

    1

    不解
  • 感到谎言

    0

    谎言
  • 感到枪稿

    0

    枪稿
  • 感到震惊

    0

    震惊
  • 感到无奈

    0

    无奈
  • 感到无聊

    0

    无聊
  • 感到反对

    1

    反对
  • 感到愤怒

    0

    愤怒
50%(1)
50%(1)
共有2 条评论 发言请遵守【相关规定

网友评论

会员头像
发 表同步腾讯微博    验证码:  点击更新请先登陆
  • 【管理员_太阳光】真不好意思,是UC课堂讲课的录像也就这么大了。 [2010-11-18 22:39:43]
  • 【游客】太垃圾了,不能全屏吗? [2010-11-18 12:26:13]
关闭模块最新影音 Latest media
关闭模块影音图片 media Pictrue
  • 1992年赵本山小品《我想有个家》
  • 1991年赵本山小品《小九老乐》
  • 1990年赵本山小品《相亲》
  • 加男子拍幼女“功夫”视频受热捧
  • 翠花上笑话
  • 小小对八神奄
  • 大兵《洗脚城》双簧相声
  • 拳皇百道3
  • 拳皇百道2
  • 拳皇百道1
  • 震撼的flash片头
  • 大兵《开会》双簧相声
  • 爱之初体验
  • 我不想说我是鸡
  • 爆笑10086投诉
  • 日本强震引发海啸遇难人数将超过千人