我的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片段
...
[附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("")
%
加入时间:
浏览量: