scscms视频教学[第七课]
发表日期: 2010-11-01 阅读次数: 484 查看权限: 游客查看
开始讲解系统的前台设计,主要是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"> </div><a href="/news/">新闻</a> News</div> 网页内容就加这里 </div> <div class="maindiv_smallright"> <div class="div_title1"><div class="head_title1"> </div><a href="/news/">右边标题</a> News</div> 网页内容就加这里 </div> <div class="space"> </div><!--分隔层--> <div class="maindiv_smallleft"> <div class="div_title0"><div class="head_title0"> </div><a href="/news/">左边小的DIV</a> News</div> </div> <div class="maindiv_bigright"> <div class="div_title0"><div class="head_title0"> </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"> </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"> </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"> </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"> </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"> </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"> </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)
- 中搜索:scscms视频教学[第七课]
- 中搜索:scscms视频教学[第七课]
- 【管理员_太阳光】真不好意思,是UC课堂讲课的录像也就这么大了。 [2010-11-18 22:39:43]
- 【游客】太垃圾了,不能全屏吗? [2010-11-18 12:26:13]
最新影音 Latest media
- 【赵本山小品集】1992年赵本山小品《我想有个家》
- 【赵本山小品集】1991年赵本山小品《小九老乐》
- 【赵本山小品集】1990年赵本山小品《相亲》
- 【教学视频】html切图第二课
- 【教学视频】html切图第一课
- 【视频短片】公司宣传片--泛华掌中保
- 【搞笑视频】加男子拍幼女“功夫”视频受热捧
- 【搞笑视频】翠花上笑话
- 【Flash动画】小小对八神奄
- 【Flash动画】大兵《洗脚城》双簧相声
- 【搞笑视频】拳皇百道3
- 【搞笑视频】拳皇百道2
- 【搞笑视频】拳皇百道1
- 【Flash动画】震撼的flash片头
- 【Flash动画】大兵《开会》双簧相声
- 【音乐视频】爱之初体验
- 【音乐视频】我不想说我是鸡
- 【Flash动画】爆笑10086投诉
影音图片 media Pictrue
网友评论