本文目录一览:
制作一个动态网页的步骤?
网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。 但Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括视频文件,并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。 u 制作主页 制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。 u 申请的主页空间,把你制作的主页传上去 我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。
找一个动态网页制做的实例
教你5分钟做成一个ASP论坛
教大家用asp做个非常简单的论坛!用自己的论坛感觉多舒服
做论坛其实并不难,只要你掌握了几句精华的asp语法,就能搞定。现在我献丑了!!
一、建立文件!
最简单的论坛也要有几个必要的文件,就是:
1、数据库,用来储存发表的帖子!-------命名为:bbs.mdb
2、有数据库就必须连接数据库,该文件用来连接数据库:----命名为:conn.asp
3、发表帖子的文件----命名为:say.asp
4、保存发表帖子内容的文件-----命名为:save.asp
5、显示帖子标题的文件------命名为:index.asp
6、显示帖子内容的文件,即点击标题后所进入的页面-----命名为:show.asp
建立文件是可以先建立文本文档,他的格式为"文件名.txt",我们只需把它改为"文件名.asp"
二、各文件的主要内容
1、bbs.mdb
打开这个数据库,建立一个表,命名为bbs
该表中有几个字段:
id(自动给帖子编号),他的数据类型设为“自动编号”
name(用来储存发表的作者),数据类型为“文本”
title(用来储存帖子的主题),数据类型为“文本”
body(用来储存帖子的内容),数据类型为“备注”
2、conn.asp
源代码为:
%
Server.scriptTimeout="10"
connstr="DBQ="+server.mappath("bbs.mdb"+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
set conn=Server.CreateObject("ADODB.connection"
conn.open connstr
%
这个文件就是这样,代码内容大家就自己研究,这个我也不知道怎么说才好!
3、say.asp
源代码为:
form method="POST" action="save.asp"
p大名:input type="text" name="name" size="20"/p
p标题:input type="text" name="title" size="91"/p
p内容:/p
ptextarea rows="11" name="body" cols="97"/textarea/p
p /p
pinput type="submit" value="提交" name="B1"input type="reset" value="重置" name="B2"/p
/form
大家应该看得懂的,这个根本就是html语法,对的,根本就是,这个只是发表的界面
不过要注意这一句form method="POST" action="save.asp",他把用户所填的内容发送至save.asp这个文件,下面就看save.asp这个文件吧!
4、save.asp
源代码:
!--#include file="conn.asp"--
%name=Replace(Request.Form("name","'","''"
title=Replace(Request.Form("title","'","''"
body=Replace(Request.Form("body","'","''"
%
%if name="" or title="" or body="" then%
请a href="javascript:history.go(-1)"后退/a填写完整资料,你才能发表帖子!
%else%
%set savebbs=conn.execute("insert into bbs(name,title,body)values('"name"','"title"','"body"')"%
发表成功!a href="index.asp"查看帖子/a
%end if
set savebbs=nothing
%
第一句:!--#include file="conn.asp"--,意思是插入conn.asp文件,即与数据库进行连接!
asp语句必须用% %这个格式包含起来,而插入文件的语句就不用,
接下来几句:
name=Replace(Request.Form("name","'","''"
title=Replace(Request.Form("title","'","''"
body=Replace(Request.Form("body","'","''"
“Replace(Request.Form("name","'","''"”意思是接收表单中名为name的文本框发来的数据,
而“name=Replace(Request.Form("name","'","''"”则是把发来的数据储存在name变量中,
如果你这样:“abc123=Replace(Request.Form("name","'","''"”
就是把表单中名为name的文本框发来的数据储存在abc123变量中
接着:if name="" or title="" or body="" then
判断name、title和body变量中是否没有填写内容,即为"",如果这样,就执行这一语句:
“请a href="javascript:history.go(-1)"后退/a填写完整资料,你才能发表帖子!”
该语句属于html语法,大家都看得懂的!
"%else%"就是说“当if……then不成立(即是说所有内容都已经填写)”,就执行语句:
“%set savebbs=conn.execute("insert into bbs(name,title,body) values('"name"','"title"','"body"')"%
发表成功!a href="index.asp"查看帖子/a”
"set save=conn.execute"属于固定的语句,不过savebbs可以自己修改,"="后面的就难解释了:
insert into bbs(name,title,body)意思是向名为bbs的表(在建立数据库时已经建立的表)
中的name,title,body字段插入,插入什么呢?看接下的values('"name"','"title"','"body"')"
values是“值”的意思
就是插入向量name,title,body,向量用格式'"name"'表示
最后:end if就是结束if……then
set savebbs=nothing可以说是关闭掉:
set savebbs=conn.execute("insert into bbs(name,title,body) values('"name"','"title"','"body"')"
5、index.asp
源代码:
!--#include file="conn.asp"--
ba href="say.asp"发表帖子/a/b
div align="center"
center
table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#000000" width="100%" height="26"
tr
td width="17%"b作者/b/td
td width="83%"b主题/b/td
/tr
/table
/center
/divhr size="1"
%i=1
set showbbs=conn.execute("select*from bbs order by id desc"
do while not showbbs.eof
%
div align="center"
center
table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#000000" width="100%" height="20"
tr
td width="17%"%=showbbs("name"% /td
td width="83%"
a href="show.asp?id=%=showbbs("id"%"%=showbbs("title"%/a/td
/tr
/table
/center
/divhr size="1"
%i=i+1
if i50 then exit do
showbbs.movenext
Loop
showbbs.Close
set showbbs=nothing
%
这个文件就不一句一句的讲了
主要讲精华部分:
set showbbs=conn.execute("select*from bbs order by id desc"
意思是:向数据库中的bbs数据表查询数据,并以id排顺序,
还有这么一句:%=showbbs("name"%
就是显示数据表中的name字段的数据,这里的showbbs就是set showbbs=……中的showbbs
代码中的i=1和i=i+1
if i50 then exit do
showbbs.movenext
Loop
showbbs.Close
set showbbs=nothing
这几句属于循环语句,这里就不理他,理解了也不太好用,因为他只显示50张贴子!
if i50 then exit do中的50可以修改
但我们做论坛必须把帖子分页,又因为分页这个语句太复杂,我想就不讲了,等这一个弄懂了才来弄
还有一句很有用的:
a href="show.asp?id=%=showbbs("id"%"%=showbbs("title"%/a
里面的超连接:show.asp?id=%=showbbs("id"%,注意:这里的超连接把帖子的id包含了,
等一下在show.asp文件中就有用了
5、show.asp
源代码:
!--#include file="conn.asp"--
%id=request.querystring("id"%
%set show=conn.execute("select*from bbs where id="id""%
a href="index.asp"
b回到首页/b/a
ba href="say.asp"发表帖子/a/b
hr size="1"
table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="180"
tr
td width="21%" height="22"b作者:/b%=show("name"%/td
td width="79%" height="22"b主题:/b%=show("title"%/td
/tr
tr
td width="100%" colspan="2" height="158" valign="top"b
内容:/b%=show("body"%/td
/tr
/table%set show=nothing%
劲语句---精华语句:
id=request.querystring("id"
在讲解index.asp文件的后面已经说到:show.asp?id=%=showbbs("id"这一句,
id=request.querystring("id"就是把地址栏中的id的值读取下来,
因为index.asp文件中的超连接点击后,地址栏就为http://…………/show.asp?id=数字,
所以show.asp使用id=request.querystring("id"语句把数字读取下来
于是接着使用:set show=conn.execute("select*from bbs where id="id""
向数据表查询id为这时读取下来的数字的帖子,即where id="id"
最后%set show=nothing%
好了,论坛就做成了,里面的精华你就去吸取!
当然论坛不可能这么简单,他还有许多文件需要你去制作,这里讲的只是个别必需的功能
------
来源:网络
使用leapftp上传吧
用Dreamweaver做动态个人网站
1、动态网站,一般指前台后台有交互的网站,需要达成几个必备条件:
1)包含数据库,一般常用MSSQL、Mysql等等;
2)动态网站需要在服务器上运行,一般本机测试使用IIS,个人建站也可以在购买服务器空间, 例如阿里云;
3)动态网站的语言选择,常用php、java、.net等等;
2、动态网站制作方法:
1)UI设计师根据需求设计网站前端、后端设计图;
2)切图师进行切图;
3)前端进行前后台页面布局及效果设计;
4)数据库工程师根据需求进行数据库设计(数据结构、冗余程度、表结构、视图设计等等)(该步骤可以只需在步骤5前执行即可);
5)后台进行功能部署及设计;
6)发布网站;
7)在浏览器中访问网站即可。
如何制作动态网页?
动态网页是个广泛的提法,严格意义上是需要基于动态环境的。比如ASP、PHP等环境!可以实现在线动态更新、在线上传(不是用FTP,密码上传)等功能。没有这个环境,用什么工具都不会实现留言簿、论坛的制作。
有了这个环境,你就可以Dreamweaver MX、Flash MX、Firwork MX等等软件结合能实现跑来跑去的小人或动态链接等特效的JAVA、VB脚本等语言编程制作真正意义上的动态网页。
动态离不开静态,一些LOGO等动态图片(GIF格式)都是基于最基本的PHOTOSHOP工具制作出来的。有了一系列的静态图片,结合网上一些小GIF制作软件就可以实现动态图片了。
真正的动态,别人知道不知道无所谓,关键是自己肯定能感受到。他会让你更新网页的工作变的很枯燥,也会因为不能和网友互动信息使你懊恼异常……
总知:动态基于静态,通过软件把静态部分处理好,就可以用编程实现动态网页的制作了 还是先学习一些网页脚本语言吧,然后学习asp,就知道制作动态网页和网站.不过现在用软件来设计很简洁方便.
自己可以找些相关的书或去相关的网站看看. 没有一定的基础是不容易掌握动态网页和网站制作的.
顺便推荐你来这里学习动态网页的制作教程,可以详细的学习初中高等级别的知识
暂无评论
发表评论