如何制作动态网站
好酷屋教程网小编为您收集和整理了如何制作动态网站的相关教程:着重介绍动态网站的搭建、设计和页面的制作,页面制作分为主页的设计、分页面的设计,分页面又分为注册页面、登录页面、分类显示页面和详细页面。动态网站的管理包括数据的添加、修改和删除,这些都要通过专门的页面
着重介绍动态网站的搭建、设计和页面的制作,页面制作分为主页的设计、分页面的设计,分页面又分为注册页面、登录页面、分类显示页面和详细页面。动态网站的管理包括数据的添加、修改和删除,这些都要通过专门的页面来实现,或者是通过添加服务器行为来实现。
1 动态网站的搭建
动态网站,顾名思义,动态地显示页面信息,能够随时自动更新数据,能够用极少的页面表现出无限丰富的内容。它不是简单意义上的文本和图片的动态显示,而是真正地基于数据库的网站与客户的动态沟通,能够响应不同客户的不同要求而显示不同的页面。和静态网站相比,动态网站的最大优势就在于方便管理,设计简洁,以最少的人力管理网站,节约成本。当然这些都要基于网站的规划设计。搭建一个动态网站首先需要一个安装有服务器程序的电脑。也可以使用Windows系统的电脑,安装上IIS和完整版的Office办公软件,就可以简单地实现动态网站的制作了。
1.1 部署IIS,构建服务器系统
安装步骤:进入“控制面板”,点击“添加或删除程序”,单击“添加/删除Windows组件”,弹出“Windows组件向导”,选择“Internet信息服务(IIS)”,点击“下一步”,然后选择源文件位置,点击“安装”。如果出现放入安装光盘 的对话框,再进一步选择相应的文件。安装文件在网上可以下载。安装完成之后,右击“我的电脑”,在弹出的快捷菜单中选择“管理”,进入“计算机管理”对话框。展开“服务和应用程序”组件,展开“Internet信息服务”,右击“默认网站”,在弹出的快捷菜单中选择“属性”,即弹出“默认网站属性”对话框。点击“主目录”选项卡,确定网站在计算机上的位置,勾选“脚本资源访问、读取、写入、记录访问和索引资源”。点击“文档”选项卡,添加文档“index.asp”并上调至第一位。单击“确定”。部署完默认网站之后,就可以进行具体网站的制作了。
1.2 建立动态网站
安装Dreamweaver并打开软件。执行“站点→新建站点”命令,打开“站点定义”对话框,第一步为站点起一个名字,如“my web”,单击“下一步”;点选“是,我想使用服务器技术”,选择一种服务器技术如ASP VBScript,单击“下一步”;选择“您将文件存储在计算机上的什么位置?”,输入地址,单击其后的文件夹图标浏览选择网站要存放的位置,如D盘根目录,单击“下一步”;设置测试URL的根目录并且测试URL,如果弹出信息框“URL前缀测试已成功”,说明站点配置无误,单击“下一步”;选择“否”,单击“下一步”;确认信息,单击“完成”。动态网站就部署好了。
2 动态网站主页的布局与制作
网站首页是一个网站的门户,因此在整个网站制作中起到非常重要的作用。网站的设计风格根据网站的主题而定,是注重形象还是张扬个性。网站的整体基色也非常关键,教育类网站多是以冷色调为主,促使人冷静思考。本校的网站以灰色调为主,凸显教育信息,给人一种庄严肃穆的感觉。网站的主页由网站的标志性图标(logo)、标志性建筑banner、一级导航条和几个分类栏目组成。整个网站首页往往是由几个局部组成,包括top.ASP、left.asp和bottom.ASP等,有的甚至更多。这样做的目的是为以后制作其他页面提供便利。因为动态网站上的网页多是嵌套而成,只要是修改某一个部分页面,其他页面也会随之改变,而不用一个一个去修改,省去很多无效工作。嵌套结构使得其他页面的制作更加快捷,只要是制作好网页的主体,需要top,就嵌入top.ASP,让栏目更加清晰,也便于不同页面之间的跳转。底部也是一样,就如同Word中复制粘贴一样,在网站上粘贴往往要重新定义源文件地址,而嵌套就省去了这些工作。
在将主页与局部页面嵌套的时候要注意以下几点才能使这项工作做得准确无误:首先,要在代码视图中删去多余的头文件head,删去等标签;其次,切换到包含文件页面,进入设计视图,页面属性中将编码改为“简体中文(GB18030)”,以使汉字能够以正常的方式显现出来。另外在给文件起名字的时候,会英文的使用英文,不会的使用汉语拼音,因为软件是外国人编辑的,不能适用中文的名称。
在主页上要制作一些小的栏目,也可以称作是二级栏目,便于读者快速地查找所关心的网站的主要内容。在二级栏目上,多采用记录集和添加重复区域的方式显示数据,数据往往根据栏目的大小限定条数,一般是5~10条。主页上往往还要出现一些友情链接,是一些内容与之相关的网站网址。在某一部分甚至可以添加主管人的姓名和联系方式,便于读者与网站管理人员的沟通。主页上还要预留出网站管理的后台入口,方便管理人员管理甚至是修改页面。
3 动态网站分类显示页面的制作
网站分类页面的制作相对于主页要简单得多,通常是插入一个表格,或者是使用绘图软件制作好一张大图,再用fireworks裁成相应的小图,之后加以html文件保存,需要的时候整体载入,再去掉无用的部分。小图载入的优势就在于可以加快页面的显示速度,减少读者的等待时间。在需要显示内容的地方插入一个2行?列的表格,比如说是“文章编号、文章标题、发布者、发布时间、点击数”等内容。在第一列输入这些内容,然后单击“绑定”选项下的加号,添加记录集。记录集名称自定,但是不允许使用已经分配给代码库的专用代码名称,如delete等,以避免产生代码混淆。这里显示的内容一般是以时间为标准降序排序,以便查看新增加的文件。
添加完记录集之后,要绑定记录集,具体步骤:在文章编号的对应表格内插入相对应的ID,文章标题下方插入title等依次类推进行插入。绑定完记录集之后是添加服务器行为,创建重复区域。首先将光标放在绑定记录集之内,单击最近的一个tr,选定这一行;然后单击“服务器行为”下的加号,在弹出的快捷菜单中选择“重复区域”,显示所有记录。如果记录内容太多的话,就要添加“记录集分页”和“记录集导航”。具体做法:将光标放在放置记录集的表格后的位置上,在菜单栏内单击“数据”选项卡,点选“记录集分页”按钮,在级联菜单中选择“记录集分页导航条”;再点选“记录集导航状态”按钮,添加记录集状态。
4 动态网站详细页面的制作
详细页面的制作与分类显示页面的制作相似,它的作用是实现分类显示页面的具体跳转。具体说一下就是当点击分类显示页面的某一文章标题时,即展开其详细内容的页面,可以进一步了解其内容。具体做法:绘制一个3行6列的表格,将第一行合并居中,第三行合并、左对齐;第二行分别在第一列输入发布者,第三列输入发布时间,第五列输入浏览次数;建立记录集,并且在第一行插入标题,第三行插入内容,其他类推插入。
制作动态网站时,经常会遇到无法正常显示的问题,只能是反复修改,积累经验。
以上就是好酷屋教程网小编为您收集和整理的如何制作动态网站相关内容,如果对您有帮助,请帮忙分享这篇文章^_^
本文来源: https://www.haoku5.com/shuma/63da5cee04e469b8450fab0a.html
相关推荐
热门专题
电脑出现选择一个选项疑难解答(电脑出现只有一个选择)
1.电脑出现只有一个选择我的电脑右下角的选择输入法的图标没有了?怎么把它调出来?我的电脑右下角的选择输入法的图标没有了,怎么把它调出来,进入控制面板设置一下就可以了。如图示,在控制面板中进入区域和语平板电脑搜狗键盘怎么移动图片(怎么移动搜狗悬浮键盘)
1.怎么移动搜狗悬浮键盘3当出现键盘悬浮的情况,这是因为不小心开启了悬浮键盘的功能,首先在某个聊天界面点击输入框打开键盘。2/3点击键盘的左上角按钮,该按钮图案可能是键盘图案、工具箱图案、搜狗标志图电脑连接网络受限制是什么原因(电脑联网显示网络受限)
1.电脑联网显示网络受限如提示网络连接受限制或无连接,可按以下方法操作:1、打开电脑“控制面板”,点击“网络连接”,选择本地连接,右键点击本地连接图标后选“属性”,在“常规”选项卡中双击“Inter三环耳机插电脑(三接头耳机怎么插电脑)
1.三接头耳机怎么插电脑如图所示,电脑耳机插口有两个,每个插孔下面有标识。比如,粉色的下面是个话筒话标志,浅绿色的是耳机🎧,有的电脑上有三个插孔,也就是在中间位置有一个混音插孔,一般是黑色的,就是电脑怎么抓屏(联想电脑怎么抓屏)
1.联想电脑怎么抓屏截图方法有多种:1、按“PrintScreenSysRq”,(在F12右边)全屏截图,就是抓整个屏幕;2、按Alt+PrintScreenSysRq,截取当前电脑全屏截图怎么弄(电脑上如何全屏截图)
1.电脑上如何全屏截图 方法一:直接使用键盘中的PrintScrSysrq键实现全屏截图PrintScreenSysRq截图键 使用方法非常简单,只需要按下该键后即可完成全屏截图,然后我们苹果电脑键盘电源(苹果电脑键盘电源灯闪烁是什么意思)
1.苹果电脑键盘电源灯闪烁是什么意思那可能是灯的问题,我的Mac键盘灯是白色的,你去售后问问呗。如果不是键盘脏的话,目测只能是灯的问题了吧,盖膜的应该没什么影响2.苹果电脑键盘指示灯一直闪如果您天天飞车电脑壁纸(天天飞车电脑壁纸超清)
1.天天飞车电脑壁纸超清汉字中隔壁的壁字是一个常用字,是墙体和陡峭的山涯、某些物体的表面,可以可以组成的词语有:1、墙壁,一堵墙体的表面。2、戈壁,戈壁滩寸草不生,全是沙石。3、壁画,是在墙壁、山涯21中关村报价:内存上升CPU下降
英特尔处理器的掉了下来,22nm是主要的降价,跌20-30元;32nmg850,i5-2320降价,5-25元。AMD处理器价格继续下跌。顶32nm//3870kAPUa8-3850是8和家亲与家人分享监控怎么操作
和家亲与家人分享监控怎么操作?和家亲是一款非常智能的摄像头工具,利用共享功能,用户可以将摄像头与家人连接,让家人实时查看家里监控,现在就有本站花降小编来为大家介绍一下和家亲摄像头分享给家人方法。和家亲