我的dreamwaver之旅[一]初识asp
非常感谢两位朋友的支持,www.ngnc.net的内容管理系统已经完成。目前已经上
线。它包括2个部分:
1、页面的asp化:可以动态拾取新闻和下载资料
2、cms的内容发布后台:可以自如地发布html文本,标题,url连接,下载地址和
尺寸。
[注]整个系统使用asp+sql架构。
ngnc的世界和asp世界完全不同,两位朋友3天的成果,令我对asp产生了浓厚的兴
趣,我不自觉地在程序员探索未知的驱动下,研究起来。以下是我的学习笔记:
一、规划,对于web开发同样重要。
www.ngnc.net是2004年12月在“软件大会”前上线的,为了配合ngnc的宣传,我
临时抓来一个朋友帮忙美工,我操着从没碰过的dreamwaver做起了静态页面。
起初,脑海里已经有了大概的思路,分三个部分,左中右。利用vc的开发习惯,
先建立了一个工程文件,操着dreamwaver就开始了拖拽。可动手时才知道,该在
什么地方放图片,什么地方放文字?全然无法回答,dreamewaver设计的第1步就
是设计页面格局,就这1项,就把我的积极性打消了。更不要说美工朋友问我设计
多大的尺寸,什么风格?
老老实实地做规划吧,我建立了1个工作文件描述以下信息:
1、按照栏目依次描写:
栏目标题、文章列表,文章的出处url
2、每个2级页面的表现形式,内容,格局,都无一例外地落实到一字一句
二、请美工依照规划,设计页面格局(是从首页开始的)
因为制作上的反复,本来3天的工期,最后也只做了一个首页。
我认可后,请美工将图片/logo保存为最小尺寸且不失真的格式gif/jpeg
三、dreamwaver实上阵
因为规划的清楚,该如何分割图片(模拟按钮效果),如果布局,分割页面都轻
松惬意,唯一花了点工夫,熟悉了dreamwaver的工具和功能。最需要注意的是:
1、css的使用:字体、字号、颜色、间距
2、图片的按钮效果
3、自动排列页面布局
[静态页面中,未使用表格]
四、初步浏览asp代码:
在交代朋友改造静态页面时,完全遵照原来的界面设计,所以看首页面的
index.asp时,可以清楚地看到一个asp脚本函数的调用 call callnew(
5,"title", 30%)的函数,它就是读取数据库并动态反回新闻和下载条目的脚本。
利用搜索字符串功能,找到了getim.asp里面的函数使用了vb script,清晰的表
明了从数据库读取记录,并生成html字符串的步骤。利用循环在一个字符串缓冲
数组“dim textmess”里生成,并最后“response.write(textmess)”输出与
index.asp里的其他静态代码融合成用户界面的html。查看源码可以看到这样的替
换。
[明天在写,各位看官见笑了]....
[附1]:index.asp片段
...
| <%call topnew(5,"热点下载
",30)%> |
[附2]: index.asp的结果页面
|
|
[附3]:getim.asp片段
sub getnews(strid)
dim title,content,addtime,viewcount
call dbconnbegin
strsql="select title,content,viewcount,addtime from news where
isshow=true and id="&strid
call safeexecute(rs,strsql,conn,1,3)
if rs.bof and rs.eof then call jmessout("该信息已经删除或者不存
在!",5,"")
if isnumeric(rs("viewcount")) then
rs("viewcount")=rs("viewcount")+1 else rs("viewcount")=1
rs.update
title=rs("title")
content=rs("content")
addtime=datevalue(rs("addtime"))
viewcount=rs("viewcount")
call dbconnend
response.write("")
%>
| |
| <%=title%>
|
|
加入时间:
<%=addtime%> 浏览量:
<%=viewcount%> |
|
<%
end sub
%>
本文关键:我的DreamWaver之旅[一]初识ASP
本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)