您好,欢迎光临,本网站提供SEO关键词快速排名、网站优化服务。

互联网服务

网页制作长尾词核心词提升上词率平台

【微信二次开发】长春网站建设

作者:初夏      发布时间:2021-07-31      浏览量:17985
  1。网站设计理念  在开始每个网页之前,您通常应该在 Firworks 或 Photoshop 等图像设计软件中设计基本的页面设计。图 4-1-1 是在 Photoshop 中设计的基本页面设计。  图4-1-1 Doking's BL
  1。网站设计理念

  在开始每个网页之前,您通常应该在 Firworks 或 Photoshop 等图像设计软件中设计基本的页面设计。图 4-1-1 是在 Photoshop 中设计的基本页面设计。

  图4-1-1 Doking's BLOG基本页面设计

  图4-1-1中序号①为网页左侧栏,目前为空白栏,后续章节会一一添加。序号②为红色方块。是网站的导航栏,也就是第3章建立的dkblog。mdb数据库中的LM表是动态生成的。基本思路明确后,开始搭建网站模板。

  二、搭建网站模板

  设计理念:构建网站模板,统一网站网页设计。网站栏目菜单内容由数据表动态LM生成,也方便网站栏目菜单内容的修改。

  (1) 打开【文件】→【新建】,打开【新建文档】对话框,选择“类别:”为“模板页”,选择“模板页:”为“ASP”。NET VB模板”,结果如图4-1-2。

  图 4-1-2 新建模板对话框

  (2) 点击“创建”按钮插入图层,在其属性窗口中,设置ID为“main”,设置“Left (L)”和“Up (T)”为0px,设置“Width” (W)"设置为100%,对齐设置为居中。这是使页面居中。

  (3)插入一张表格,设置ID为“bodyT”,设置宽度为780像素(这个是根据你的基本页面设计的宽度设计的),设置单元格的边距和间距为0,并设置边框粗细设置为0。

  (4) 将“bodyT”表的第二行垂直对齐设置为顶部,然后拆分为2列。第一列的宽度设置为220px,第一列的宽度设置为560px(分配列的宽度也是根据你的基本页面设计图),将第一列的背景色设置为RGB( 236,236,236)。

  (5)在“bodyT”表的第一行和第三行插入对应的背景图片,设置第一行垂直对齐在下,水平对齐在右。

  (6) 还可以根据需要设计标题、字体大小、连接字体颜色或配色方案。

  (7) 建立网站导航栏。

  ①启动Access2003,打开dkblog。在mdb数据库的LM表的LM字段中依次输入4条记录,包括平面设计、3D设计、网页设计、网络编程,如图4-1-3。

  图4-1-3 LM表数据录入

  ②返回Dreamweaver,切换到【服务器行为】面板,点击“+”按钮,在下拉菜单中选择“数据集”,如图4-1-4。

  图 4-1-4 添加数据集

  ③在弹出的【数据集】对话框中,输入数据集名称为“menuda”,在连接下拉菜单中选择“dkconn”,在表下拉菜单中选择LM表,选择列为“全部”选项,在排序中在下拉菜单中选择字段“LMID”,设置排序为升序,结果如图4-1-5所示:

  图 4-1-5 数据集对话框

  ④点击“测试”按钮,出现如图4-1-6所示的对话框,表示数据集创建成功,点击“确定”按钮完成。

  图 4-1-6 数据集测试对话框

  ⑤切换到【绑定】选项卡,展开数据集(菜单)的字段,如图4-1-7所示:

  图 4-1-7 绑定选项卡

  ⑥将LM字段拖到表单bodyT的第一行,如图4-1-8所示:

  图 4-1-8 拖动 LM 字段

  ⑦松开鼠标,第一行会增加一个阴影字符:{menuda。LM},输入“主页|” 在它之前,然后输入符号“|we”,结果如图4-1-9所示:

  图4-1-9 绑定数据到bodyT表

  ⑧选择阴影字符{menuda。LM}和后面的字符“|”,选择【插入】菜单→【应用对象】→【重复区域】,在弹出的【重复区域】对话框中,选择数据集为“menuda”,选择显示记录为“所有记录”,如图4-1-10,点击“确定”按钮完成网站导航菜单。

  图 4-1-10 重复区域对话框

  (7) 将鼠标移动到表单bodyT的第二行第二列,选择【插入】菜单→【模板对象】→【可编辑区域】,在【新建可编辑区域】对话框中,输入名称“主体” ,按“确定”按钮,如图4-1-11所示:

  图 4-1-11 新建可编辑区域

  这样就完成了网站模板的初步工作,将模板保存为bkblog。载重吨。aspx。

  三、首页的页面设计

  设计思路:完成网站模板搭建后,可用于网站搭建和更新。

  (1)新建一个“ASP。NET VB”动态页面,打开【修改】菜单→【模板】→【将模板应用到页面】,在弹出的【选择模板】对话框中,选择模板“dkblog”,点击“选择”按钮,如图4-1-12所示:

  图 4-1-12 选择模板

  (2) 将鼠标移到“主体”可编辑区,插入表格,将其ID设置为“ztre”,实际上是如图4-1-13设计的,这是每个学习笔记都会要的内容展示。

  图4-1-13 每个学习笔记要显示的内容

  四、插入数据集

  本节解释的插入数据集并不像上一节解释的那么简单。先看图4-1-13。每个学习笔记都会显示主题、发表时间、笔记类别(即它的子栏)、作者(姓名)、回复(编号),然后看ZT表的设计图( 3。图3-2-2第2),只有LMID(类别列的ID),没有列名,这个可以通过连接LM表获得; 只有YHID(出版商的ID),没有作者的名字,这个应该是连接YH表可以得到的; 其他数据可从ZT表中获取。“情况很复杂!“其实不用担心,所有困难都可以在Access中解决。

  五、建立数据表连接查询

  (1)启动Access2003,选择【查询】→双击【在设计视图中创建查询】,在弹出的【显示表】窗口中,如图4-2-1所示:

  图4-2-1 添加查询连接表

  (2) 依次添加LM表、ZT表和YH表,结果如图4-2-2所示:

  图 4-2-2 数据表连接视图

  (3)设计查询字段如图4-2-3所示:

  图4-2-3 查询字段设计图

  (4)将本次查询保存为ZTRE,在Access中完成数据表连接查询。

  六、插入数据集

  (1)返回Dreamweaver,切换到【服务器行为】面板,点击“+”按钮,添加数据集Ztre,在Access中选择表作为刚才创建的查询ZTRE,其他相关设置,如图图 4-2-4 显示:

  图4-2-4 Ztre数据集设置

  (2)切换到【绑定】选项卡,展开数据集(Ztre),拖拽字段ZTNAME替换表单ztre中的“学习笔记主题”,拖拽字段ZTTIME替换“发表时间”,拖拽字段 LM 替换“类别”。将字段ZYTEXT拖到表单ztre第二行空白处,其他设计如图4-2-5所示:

  图4-2-5 绑定数据到ztre表

  (3)切换到【服务器行为】面板,可以看到添加了很多动态文字,双击动态文字(Ztre。ZYTEXT),选择格式为“encoding-HTML编码格式”,如图4-2-6所示:

  图 4-2-6 设置动态文本格式

  (4)选择ztre表格的第一、二、三行,并用它们定义重复区域。设置如图4-2-7。

  图 4-2-7 定义重复区域

  这样就完成了首页插入数据集和数据绑定工作。

  七、分页显示

  (1) 选择“首页”,在【服务器行为】面板中,点击“+”按钮,选择【数据集分页】→【移至第一页】,如图4-3-1所示:

  图 4-3-1 数据集页面菜单

  (2) 在弹出的对话框中,选择数据集为Ztre,点击“确定”按钮,如图4-3-2所示:

  图 4-3-2 移至第一页对话框

   (3)选择“上一页”,定义为数据集分页的“移至上一页”; 选择“下一页”,定义为数据集分页的“移至下一页”; 选择“Last”,定义为数据集分页的“移至最后一页”。

  (4)将“页码”改为“当前页码:”在【服务器行为】面板中,点击“+”按钮,选择【显示记录】→【显示当前页码】。

  (5) 保存索引。aspx,这样就完成了首页的设计工作。在Access中对应的ZT表和YH表中输入几条记录,在IE浏览器中浏览(如果后面章节没有特别说明,注解都是“网络编程”一栏),如图4 -3-3:

  图 4-3-3 主页视图