Dreamweaver网页设计与制作指南-第18章

1、第18章查询网站的制作本章介绍用ASP开发的一个查询网站的制作流程，包括分析网站的构思、结构策划、配置ASP开发环境、建立本地站点、创建并连接数据库文件。本章重要知识点：如何查看站点地图创建数据库以及建立数据库连接文件第18章查询询网站的的制作如何制作作表单以以及表单单中各元元素属性性的设置置设置请求求变量如何使用用程序设设置段落落换行制作信息息分页框架页的的使用及及应用18.1构思意图图按客户的的需求，该查询询网站定定位为“吉林查查询网”，即将将吉林省省中的企企业按区区域划分分，并按按地区分分配二级级域名，通过该该网站可可以让企企业免费费加入查查询网，并通过过增值服服务为企企业生成成名片，方

2、便查查询不同同地区不不同类别别的企业业名称，为企业业与企业业之间、客户和和企业之之间提供供了开放放式的平平台。18.2结构设计计及布局局设置在定位了了网站的的构思策策划以后后，就要要对网站站的整体体结构进进行设置置，并通通过图片片和文字字等基本本元素对对网站进进行相应应的布局局设置。18.2.1网站结构构设计在正式制制作网站站之前，首先进进行网站站目录结结构的策策划与分分析，然然后进行行网站布布局的设设置，以以方便对对网站进进行管理理和更新新。18.2.2网站布局局设置界面采用用简单的的设计，为不同同地区的的查询分分站设置置不同的的Logo和Banner。页面布布局采用用左右结结构，左左侧栏放

3、放置企业业的类别别，右侧侧放置明明星企业业以及推推荐企业业。18.3分析站点点地图为该网站站所有的的目录建建立一个个站点，使得ASP文件可以以在浏览览器中运运行，首首先要在在DW8中配置ASP的运行环环境。下下面补充充介绍如如何查看看站点中中各页面面之间的的超级链链接。18.4数据库分分析制作ASP的网站，必须应应用数据据库才能能完成整整个网站站数据的的更新、查询、编辑等等操作，本例使使用的是是Access数据库jlcx.mdb，使用了了“admin”、“dengji”、“entercard” 3个表。18.5制作CSS样式在制作网网站之前前，首先先要为网网站定制制相应的的CSS样式，建建立C

4、SS样式表。本例中中所使用用的CSS样式表有有main.css和style.css，前一个个应用首首页和分分站及查查询模板板，后一一个应用用于后台台管理及及企业名名片样式式。18.6准备网页页素材和和制作软软件在制作网网页过程程中，需需要使用用的软件件有UleadGIFAnimator和Photoshop，因本例例所实现现的主要要是查询询功能，因而在在界面美美化方面面没有过过多的要要求，主主要让浏浏览者使使用方便便，操作作快捷。18.7配置ASP环境制作ASP的网站，首先要要指定硬硬盘中的的某一文文件夹为为本地站站点，并并在DW8中配置站站点的相相关参数数。18.8创建数据据库运行Access

5、软件，为为本例创创建数据据库及数数据表。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设计，应应用AS

6、P技术制作作的网站站只需将将调用程程序和脚脚本的文文件制作作成为.asp文件即可可。18.11制作“关关于我们们”页面面about.htm在网站中中“关于于我们”、“诚诚征代理理”、“广告服服务”均均为静态态页面，同用一一个网站站界面模模板，将将Photoshop中制作的的界面用用ImageReady切割成为为网页。18.11.1切割图片片为网页页在切割图图片的过过程中，注意图图片的整整体分割割与局部部分割相相结合，让界面面中的图图片大小小合适，又不至至于太零零散，因因为本书书第15章、16章已经详详细介绍绍了静态态页面的的制作流流程，在在此不再再重复介介绍页面面的具体体制作过过程。18.11

7、.2设置网页页标题和和页面属属性本节设置置网页标标题和页页面属性性。18.11.3从外部导导入CSS样式本节从外外部导入入CSS样式。18.11.4新建CSS链接样式式本节新建建CSS链接样式式。18.11.5设置文本本内容本节设置置文本内内容。18.11.6设置尾部部版权信信息本节设置置尾部版版权信息息。18.12制作企业业登记页页面现在开始始制作有有ASP程序的页页面，首首先制作作为企业业提供免免费登记记的页面面EnterReg.asp。18.12.1新建文档档本节新建建文档。18.12.2制作登记记表格本节制作作登记表表格。18.12.3制作表单单接下来在在表格中中插入表表单。18.12

8、.4设置表单单属性本节设置置表单属属性。18.12.5插入包含含文件本页需要要与数据据库相连连接，因因此在页页面中必必须插入入数据库库连接文文件。18.12.6设置请求求变量本节设置置请求变变量。18.12.7制作脚本本文件在登记表表中有几几项文本本框是必必填项，需使用用一段Java脚本文件件来进行行说明，当读者者没有填填写这几几个必填填项时，弹出提提示这段段代码需需插入在在之前。18.13制作分站站信息显显示页面面从网站的的首页进进入各分分站后，显示该该地区的的企业信信息，还还有“明明星单位位”和“最新加加入企业业”，左左侧是企企业的分分类。18.13.1定义变量量界面的模模板与前前面的静静

9、态页相相同，其其实每个个地区的的页面都都是相同同的，只只是Logo和Banner都分别定定义了变变量，在在实际页页面中采采用程序序调用的的方式。18.13.2设置网页页标题每一个地地区的标标题都是是从变量量中提取取的。18.13.3设置Logo和Banner图像属性性在之前已已经定义义好了Logo和Banner图片名称称的变量量，在制制作中只只需设置置变量名名称以及及设置好好图像的的大小即即可。设置分站站Logo图像的源源文件为为“images/.gif”。18.13.4制作左侧侧栏本节制作作左侧栏栏。18.13.5制作搜索索栏本节制作作搜索栏栏。18.13.6制作页面面中部信信息在页面正正中

10、位置置制作信信息显示示，此处处显示“滚动公公告”、“明星星单位”及“最最新加入入企业”。滚动公告告明星单位位最新加入入企业18.14制作企业业信息显显示页面面单击企业业名称，显示的的页面是是从数据据库中按按企业在在数据库库中的id编号显示示，本页页由之前前制作好好的静态态页面另另存生成成，保存存文件名名为“ShowEnter.asp”，在文档档代码第第一行插插入包含含文件。18.14.1数据库查查询在制作页页面内容容之前，先要在在标签中制制作数据据库查询询语句。18.14.2企业信息息表格在右侧正正文部分分制作企企业信息息表格。18.14.3制作段落落换行脚脚本在记录显显示中因因为单位位简介的

11、的内容比比较多，可能会会存在分分段的情情况，在在文档代代码中，设置代代码让该该记录可可以按发发布的样样式分段段显示，在中插入代代码。18.15企业名片片页面在登记企企业时，如果有有网址，即显示示企业网网址，如如果没有有，“吉吉林查询询网”为为用户提提供了付付费企业业名片，在付费费后单击击“企业业名片”链接，即可显显示其信信息。18.16.1制作页面面在搜索框框中输入入关键字字。制作查询询结果页页面与index_jl.asp的制作方方法基本本相同，只是将将明星单单位滚动动显示移移到左侧侧栏，中中间部分分显示查查询结果果，是明明星企业业的的优优化显示示，并用用符号“”作作为标记记，普通通企业在在记

12、录前前用方框框图标作作为标记记。18.16.2制作分页页制作分页页。18.17后台管理理登录页页面login.asp所有的信信息都可可以在后后台进行行添加、修改、删除等等管理，本站的的后台功功能包括括“地区区管理员员维护”、“企企业资料料维护”、“企企业名片片管理”、“管管理员密密码维护护”，下下面分别别加以介介绍。18.18后台管理理首页admin_index.asp在login.asp登录成功功后，转转入后台台管理首首页，admin_index.asp，该页由由左右框框架页组组成。18.19案例扩展展本章案例例详细讲讲解了“吉林查查询网”的制作作过程，相信读读者对于于使用ASP制作网页页的

13、流程程有了一一定的认认识，应应用ASP制作本例例的网站站还只能能算是一一个比较较简单的的操作。在制作作好网页页以后，还要进进行以下下的操作作，才能能让网站站在互联联网上能能够正常常访问。18.19.1测试网站站链接打开“文文件”面面板，选选择文件件index.htm，单击鼠鼠标右键键，在弹弹出的菜菜单中选选择“检检查链接接”|“选择文件件/文件夹”命令。18.19.2申请域名名和空间间每个网站站都要自自己的独独立主机机和服务务器，域域名也必必须是唯唯一的。有了域域名，才才会让网网站在无无边无际际的互联联网中占占有一席席之地，就比如如人有了了名字，可以让让别人记记住你。申请域名名配置二级级域名申请空间间18.19.3配置FTP站点属性性在DreamweaverCS4中可以直直接进行行FTP上传下载载。18.19.4更新网站站信息在本案例例中，在在前台可可以让用用户通过过EnterReg.asp自助登记记企业信信息，由由管理员员在后台台将企业业审核通通过，使使其成为为正式用用户。在后台也也可以进进行添加加企业的的资料、增加企企业名片片，以及及对企业业资料的的修改、删除、添加等等操作。18.20本章小结结本章介绍绍的是使使用AS