滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

行政企业类网站主页面的制作

管理站点

准备好先前的网站程序基本数据表来定义新建的站点,首先进入Dreamweaver CS6后选择主菜单的【站点】 \ 【管理站点】创建站点 ch15,这里不再详述。

网站广告管理主页面的制作

下面针对完成文件页面制作过程中的步骤和数据绑定进行讲解。

1)数据库连接的设置

在【文件】面板中选择要编辑的网页<index.PHP>,双击,将其在编辑区打开。接着切.换到(数据库】面板。单击【+】按钮,在弹出的菜单中选择【MySQL连接】命令,在打开的【MySQL连接】对话框中输入连接名称和MySQL的连接信息,单击【确定】按钮,如下图所示。

2)模块化处理网站顶部与底部

在了解了网站模块化处理带来的好处与优点,制作本文实例时,使用这种思想,把多个页面共用的部分进行单独抽出来,形成多个单独页面,在需要使用的地方,引入一下就行了。在本实例中可以有4个地方进行单独抽出,分别是顶部banner ( top,php)、导航(nav.php)、 信息检索(search.php)、网站底部(foot.php)。 top:.php、 search.php、 foot.php 这三个部分在制作过程中直接从页面:中抽出即可。Nav.php 网站导航,需要从数据表中读出大分类信息,只需创建一个记录集Recbigclass,并按classnum升序进行排列。具体设置如下图所示。

3)主要数据绑定实现

在首页中有9处需要动态调用数据的地方,分别是幻灯区、推荐文章、最新文章、关于我们、新闻动态、政务公开、办事指南、招商引资、领导之窗。而后六项内容基本没有差别,仅筛选条件的值不一-样,如下图所示。

(1)幻灯区记录集( Recinfoflash)在绑定面板中点击打开Recinfoflash记录集,此记录集从信息表中检索标记info flash=1的5条最新信息,如下图所示。

在幻灯区重复设置过程中,会有点小麻烦,因为幻灯的实现是Js代码,无法进行选中,设定重复,这里使用一个小技巧,在幻灯区Js代码上方,先任意添加一个词组,然后选定这个词组,设定重复选项,然后再把循环语句迁移到js代码中,如下图所示。

幻灯的实现效果如下图所示。

(2)推荐文章记录集( Recinfotop )

推荐文章记录集从信息表中检索最新推荐的信息,并设定重复记录为8,如下图所示。

(3)最新文章记录集( Recinewstop)

点击打开Recinfonew,这个记录集设置的目的是为了获取8条最新的企业新闻。设定重复区域记录条数为8,如下图所示。

(4)关于我们记录集( Recabout)

点击打开Recabout,这个记录集的目的是为了从信息表中检索7条大类为关于我们的最新记录,如下图所示。

其他几个记录集的设定基本同Recabout, 只是变化一下classname= “条件”,比如Recxinwen记录集,如图下图所示。



相关文章