滁州高端响应式网站设计

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

建站案例

娱乐休闲类网站主页面的制作

管理站点

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

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

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

1)数据库连接的设置

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

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

制作本文实例时,仍然使用模块化结构思想,把多个页面共用的部分单独抽出来,形成多个单独页面,在需要使用的地方引入一下就行了。在本实例中可以有4个地方进行单独抽出,分别是顶部导航(top.php)、 网站底部(foot.php)。top.phpfoot.php 这两部分因为不涉及动态调用,在制作过程中直接从页面中抽出即可。

注意:在导航区本章使用文字进行链接,而不是从数据库中的分类中进行读取,这是什么原因呢?主要是因为电影分类相对比较固定,不常发生增减。而行政企业类则不一样,栏目变化相对比较频繁。总之,在制作网站时对哪些部分是否需要动态化,要考虑该部分变化的频度,对能静态化的不要动态化。

3)主要数据绑定实现

在首页中有9处需要动态调用数据的地方,分别是今日推荐、推荐图片、最新电影、最新综艺、最新动作、最新国产、最新欧美、最新日韩、最新动漫,如下图所示。

(1)今日推荐(Recfilmtop )

在绑定面板中点击打开Recfilmtop记录集,此记录集从信息表中检索标记istop=1 的15条最新信息,如下图所示。

设定重复区域,如下图所示。

(2)推荐图片记录集( Recifnotop)

推荐图片记录集从电影表中检索最新推荐的信息以图片形式显示在首页,如下图所示。

因为图片水平显示,应选择【服务器行为】 >DWTeam➢Horizontal LooperMX 命令,并设置为1行2列,如下图所示。

(3)最新电影记录集( Recfilmnew)

点击打开Recfilmnew,该记录集设置的目的是为了获取最新的电影信息,不区分类别,但要把综艺与动漫排除。设定重复区域记录条数为8,如下图所示。

(4)最新综艺( Reczhongyi)、最新动作( Recdongzuo)、最新动漫( Recdongman)

这三个记录集完成对最新发布的综艺信息、动作电影信息、动漫信息的检索,都是设置film_ type 和isnew作为检索条件,只是改变了film_ type 参数值,如下图所示。

(5)最新上传国产( Recguochan)、最新上传欧美( Recoumei)、最新上传日韩( Recrihan)

这三个记录集完成检索最新上传的国产电影、欧美电影、日韩电影,在记录集设置上也是一致的,设置条件为film_ type和film_ country, 如下图所示。

在条件设置时用1代表国产,2代表欧美,3代表日韩。设置重复列表时因为是图片形式,选择【 服务器行为1➢DWTeam➢Horizontal Looper MX命令,设定为1行3列,如下图所示。



相关文章