Dreamweaver网设计与制作指南第章_第1页
Dreamweaver网设计与制作指南第章_第2页
Dreamweaver网设计与制作指南第章_第3页
Dreamweaver网设计与制作指南第章_第4页
Dreamweaver网设计与制作指南第章_第5页
已阅读5页,还剩52页未读 继续免费阅读

付费下载

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第18章查询网站的制作本章介绍用ASP开发的一个查询网站的制作流程,包括分析网站的构思、结构策划、配置ASP开发环境、建立本地站点、创建并连接数据库文件。本章重要知识点:如何查看站点地图创建数据库以及建立数据库连接文件第18章查询网站的制作如何制作表单以及表单中各元素属性的设置设置请求变量如何使用程序设置段落换行制作信息分页框架页的使用及应用18.1构思意图按客户的需求,该查询网站定位为“吉林查询网”,即将吉林省中的企业按区域划分,并按地区分配二级域名,通过该网站可以让企业免费加入查询网,并通过增值服务为企业生成名片,方便查询不同地区不同类别的企业名称,为企业与企业之间、客户和企业之间提供了开放式的平台。18.2结构设计及布局设置在定位了网站的构思策划以后,就要对网站的整体结构进行设置,并通过图片和文字等基本元素对网站进行相应的布局设置。18.2.1网站结构设计在正式制作网站之前,首先进行网站目录结构的策划与分析,然后进行网站布局的设置,以方便对网站进行管理和更新。18.2.2网站布局设置界面采用简单的设计,为不同地区的查询分站设置不同的Logo和Banner。页面布局采用左右结构,左侧栏放置企业的类别,右侧放置明星企业以及推荐企业。18.3分析站点地图为该网站所有的目录建立一个站点,使得ASP文件可以在浏览器中运行,首先要在DW8中配置ASP的运行环境。下面补充介绍如何查看站点中各页面之间的超级链接。18.4数据库分析制作ASP的网站,必须应用数据库才能完成整个网站数据的更新、查询、编辑等操作,本例使用的是Access数据库jlcx.mdb,使用了“admin”、“dengji”、“entercard”3个表。18.5制作CSS样式在制作网站之前,首先要为网站定制相应的CSS样式,建立CSS样式表。本例中所使用的CSS样式表有main.css和style.css,前一个应用首页和分站及查询模板,后一个应用于后台管理及企业名片样式。18.6准备网页素材和制作软件在制作网页过程中,需要使用的软件有UleadGIFAnimator和Photoshop,因本例所实现的主要是查询功能,因而在界面美化方面没有过多的要求,主要让浏览者使用方便,操作快捷。18.7配配置ASP环境制作ASP的的网站,首先先要指定硬盘盘中的某一文文件夹为本地地站点,并在在DW8中配配置站点的相相关参数。18.8创创建数据库库运行Access软件,,为本例创建建数据库及数数据表。18.8.1建立jlcx.mdb数据库库本节建立jlcx.mdb数据库。。18.8.2建立admin数数据表本节建立admin数据据表。18.8.3建立dengji数据表本节建立dengji数数据表。18.8.4建立entercard数据据表本节建立entercard数据表表。18.8.5定义数数据表初始值值新建的数据表表中值都为空空,为了设计计的需求,先先将数据表设设置初始值。。18.9制制作数据库库连接文件在DreamweaverCS4中可以自定定义数据库连连接。18.10制制作网站站首页index.htm网站站的的首首页页用用静静态态HTML设设计计,,应应用用ASP技技术术制制作作的的网网站站只只需需将将调调用用程程序序和和脚脚本本的的文文件件制制作作成成为为.asp文文件件即即可可。。18.11制制作作““关关于于我我们们””页页面面about.htm在网网站站中中““关关于于我我们们””、、““诚诚征征代代理理””、、““广广告告服服务务””均均为为静静态态页页面面,,同同用用一一个个网网站站界界面面模模板板,,将将Photoshop中中制制作作的的界界面面用用ImageReady切切割割成成为为网网页页。。切切割割图图片片为为网网页页在切切割割图图片片的的过过程程中中,,注注意意图图片片的的整整体体分分割割与与局局部部分分割割相相结结合合,,让让界界面面中中的的图图片片大大小小合合适适,,又又不不至至于于太太零零散散,,因因为为本本书书第第15章章、、16章章已已经经详详细细介介绍绍了了静静态态页页面面的的制制作作流流程程,,在在此此不不再再重重复复介介绍绍页页面面的的具具体体制制作作过过程程。。设设置置网网页页标标题题和和页页面面属属性性本节节设设置置网网页页标标题题和和页页面面属属性性。。从从外外部部导导入入CSS样样式式本节节从从外外部部导导入入CSS样样式式。。新新建建CSS链链接接样样式式本节节新新建建CSS链链接接样样式式。。设设置置文文本本内内容容本节节设设置置文文本本内内容容。。设设置置尾尾部部版版权权信信息息本节节设设置置尾尾部部版版权权信信息息。。18.12制制作作企企业业登登记记页页面面现在在开开始始制制作作有有ASP程程序序的的页页面面,,首首先先制制作作为为企企业业提提供供免免费费登登记记的的页页面面EnterReg.asp。。新新建建文文档档本节节新新建建文文档档。。制制作作登登记记表表格格本节节制制作作登登记记表表格格。。制制作作表表单单接下下来来在在表表格格中中插插入入表表单单。。设设置置表表单单属属性性本节节设设置置表表单单属属性性。。插插入入包包含含文文件件本页页需需要要与与数数据据库库相相连连接接,,因因此此在在页页面面中中必必须须插插入入数数据据库库连连接接文文件件。。设设置置请请求求变变量量本节节设设置置请请求求变变量量。。制制作作脚脚本本文文件件在登登记记表表中中有有几几项项文文本本框框是是必必填填项项,,需需使使用用一一段段Java脚脚本本文文件件来来进进行行说说明明,,当当读读者者没没有有填填写写这这几几个个必必填填项项时时,,弹弹出出提提示示这这段段代代码码需需插插入入在在</head>之之前前。。18.13制制作作分分站站信信息息显显示示页页面面从网网站站的的首首页页进进入入各各分分站站后后,,显显示示该该地地区区的的企企业业信信息息,,还还有有““明明星星单单位位””和和““最最新新加加入入企企业业””,,左左侧侧是是企企业业的的分分类类。。定定义义变变量量界面面的的模模板板与与前前面面的的静静态态页页相相同同,,其其实实每每个个地地区区的的页页面面都都是是相相同同的的,,只只是是Logo和和Banner都都分分别别定定义义了了变变量量,,在在实实际际页页面面中中采采用用程程序序调调用用的的方方式式。。设设置置网网页页标标题题每一一个个地地区区的的标标题题都都是是从从变变量量中中提提取取的的。。设设置置Logo和和Banner图图像像属属性性在之之前前已已经经定定义义好好了了Logo和和Banner图图片片名名称称的的变变量量,,在在制制作作中中只只需需设设置置变变量量名名称称以以及及设设置置好好图图像像的的大大小小即即可可。。设置分分站Logo图图像的的源文文件为为“images/<%=ImgUrl%>.gif”。。制制作作左侧侧栏本节制制作左左侧栏栏。制制作作搜索索栏本节制制作搜搜索栏栏。制制作作页面面中部部信息息在页面正中中位置制作作信息显示示,此处显显示“滚动动公告”、、“明星单单位”及““最新加入入企业”。。滚动公告明星单位最新加入企企业18.14制作作企业信息息显示页面面单击企业名名称,显示示的页面是是从数据库库中按企业业在数据库库中的id编号显示示,本页由由之前制作作好的静态态页面另存存生成,保保存文件名名为“ShowEnter.asp””,在文档档代码第一一行插入包包含文件。。数数据库查查询在制作页面面内容之前前,先要在在<body>标签签中制作数数据库查询询语句。企企业信息息表格在右侧正文文部分制作作企业信息息表格。制制作段落落换行脚本本在记录显示示中因为单单位简介的的内容比较较多,可能能会存在分分段的情况况,在文档档代码中,,设置代码码让该记录录可以按发发布的样式式分段显示示,在<body>中插入代代码。18.15企业业名片页面面在登记企业业时,如果果有网址,,即显示企企业网址,,如果没有有,“吉林林查询网””为用户提提供了付费费企业名片片,在付费费后单击““企业名片片”链接,,即可显示示其信息。。制制作页面面在搜索框中中输入关键键字。制作查询结结果页面与与index_jl.asp的制作方方法基本相相同,只是是将明星单单位滚动显显示移到左左侧栏,中中间部分显显示查询结结果,是明明星企业的的的优化显显示,并用用符号“★★”作为标标记,普通通企业在记记录前用方方框图标作作为标记。。制制作分页页制作分页。。18.17后台台管理登录录页面login.asp所有的信息息都可以在在后台进行行添加、修修改、删除除等管理,,本站的后后台功能18.18后台台管理首页页admin_index.asp在login.asp登录成成功后,转转入后台管管理首页,,admin_index.asp,,该页由左左右框架页页组成。18.19案例例扩展本章案例详详细讲解了了“吉林查查询网”的的制作过程程,相信读读者对于使使用ASP制作网页页的流程有有了一定的的认识,应应用ASP制作本例例的网站测测试网站站链接打开“文件件”面板,,选择文件件index.htm,单击击鼠标右键键,在弹出出的菜单中中选择“检检查链接””|“选择择文件/文文件夹”命命令。申申请域名名和空间每个网站都都要自己的的独立主机机和服务器器,域名也也必须是唯唯一的。有有了域名,,才会让网网站在无边边无际的互互联网中占占有一席之之地,就比比如人有了了名字,可可以让别人人记住你。。申请请域域名名配置置二二级级域域名名申请请空空间间配配置置FTP站站点点属属性性在DreamweaverCS4中中可可以以更更新新网网站站信信息息在本本案案例例中中,,在在前前台台可可以以让让用用户户通通过过EnterReg.asp自自助助登登记记企企业业信信息息,,由由管管理理员员在在后后台台将将企企业业审审核核通通过过,,使使其其成成为为正正式式用用户户。。在后后台台也也可可以以进进行行添添加加企企业业的的资资料料、、增增加加企企业业名名片片,,以以及及对对企企业业资资料料的的修修改改、、删删除除、、添添加加等等操操作作。。18.

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论