学会一个好的网页设计与制作开发及维护工具是什么

第27卷第2期四川工商大学学报V01.27.No.2

2011年3月AND

JOURNALOFJILn、JBUSINESSTECHNOLOGYCOLLEGEMar.201l

style=’color:black;background-color:#ffff66′>探讨Dreamweaver设计与制做网页

狄加利

(四川工商大学经贸分院,四川成都130062)

【摘要】在昨天的网路信息时代,互联网已成为了人们生活的一部份,越来越多的人关注着网路信息.网页作为网路信息的载体,则须要更多的网页设计与制做的人来建立和维护,而学会一个好的网页设计与制做开发及维护工具是成为

一个真正的网页设计师的关键,网页编辑软件Dreamweaver恰恰就为我们提供了一个良好的开发环境。

[关键词】Dreamweaver;网页设计;网页制做;CSS;HTML[中图分类号】TP3ll【文献标示码】A【文章编号】1674.3288(2011)02.0100.04

【收稿日期】2011-03.09

[作者简介】狄加利(1975一),男,辽宁沈阳人,四川工商

大学经贸分院讲师,研究方向:电子商务与网页设计。

随着Intemet互联网的快速发展,它早已步入了企事业单位以及公司,同时也步入了家庭,而网页也成了

企事业单位和公司的信息窗口,让自己的信息及时呈现在人们的面前,因而人们也毋须走出家门就可以知晓

外边的世界。为此,网页设计与制做、网站维护等技术已必不可少,也变得越来越重要了。目前,Dreamweaver

CS3是一个业界领先的网页开发工具之一,具有很强的使用户高效地设计、开发和维护基本的标准网站和

Web应用程序的功能。

览的疗效相同,具有直观性、使用便捷、很容易上手的优点。而它的三种视图也为不同的网页设计者提供了

便捷。一是代码视图更适宜专业开发网页代码的编程人员,而且有代码提示功能,可以更快速的编撰代码开

发网页。二是显示设计视图专为不熟悉网页HTML代码的初学者而设计,可以无需编撰任何代码能够快速

创建网页。三是分拆视图更适宜初学者来熟悉HTML网页代码,因而愈加容易学会HTML网页代码编程,

伴随着有插入HTML代码的菜单提示,才能快速的完成HTML代码的编程操作,让初学者就能快速成为一

名专业网站开发人员。

第一,表格布局几乎早已成为一个网页结构的标准,我们随

便打开一个网站,它们的网页一般都有表格

实现布局的。它能对不同的网页对象加以处理和控制,而又不用害怕会受不同对象的影响,但是整个页面也

会显得美观、大方且界面排列整齐有序,能精确地定位网页元素,也可对数据进行排序,还可以将其它文档的

能也为设置各个单元格的参数显得简单,有多种表格款式,可以任意选择所需,就手动生成了表格的配色方

案,也可以自己定义相应款式,并有预览示图可以参考,生成有个性有创意的格局。像新浪、网易等小型网站

信息进行低格的,布局变得直观、简洁和整齐。

第二,框架布局,它将一个浏览器窗口界定成几个部份,用户不用切换窗口就可以浏览到多个网页内容,

推进了浏览速率,统一了页面格局,实现了页面的多态化,灵活运用滚动条来查看网页内容。当前比较流行

的腾讯网就采用了这些技术,只要步入到QQ秀商城就可以看见最典型的框架结构疗效。而有的网站的后台

管理平台也常采用这些技术,由于它的一个窗口可以实现多页面浏览,以便管理操作。

置不能出现两种网页元素的弊点,其最大的特征就是它的灵活性,不占用页面空间,可以置于页面的任意位

置,这样也就很轻松地来建立页面布局。也可将没有重叠的层的布局转化为表格布局,以定位网页元素。还

万方数据

可以和透明Flash产生页面特殊疗效,它也是一些网站常用的技术,如我们常常见到页面的文本内容或图象

上有鱼的游动、蝴蝶的纷飞、光的闪动等。另外,借助层与时间轴的结合,可以制做出动漫疗效的页面,可以

作为当前最流行的网路营销的一种手段。如在层中插入某公司图片或视频的产品宣传广告,让这个广告在

页面上进行流动,这些动态疗效会大大吸引人们的注意力,因而降低了商品宣传和销售,对推动公司的发展

有着推动作用。其实我们浏览者对打开网站都会弹出这类广告有着不同的意见,并且设计者人性化地加上

关掉按键让我们有选择性地关掉,重要的是它的作用还是不容忽略的。

设计,虽然我们不是专业编程人员,我们想要的布局设计也会特别容易设计上去。标签在页面中有浮

动的特点,须要借助CSS款式表来定位。CSS款式表不但可以定位网页元素的位置,并且可以改变页面的排

版、统一页面的风格,可以不用每一个页面都去设置单独的款式,只需构建一个款式表文件,之后再将其链接

到其它页面就可以实现统一的页面风格了。同时也可以设置不同对象的不同样式,形成奇特的疗效。如文

本低格、艺术字疗效、页面特效、鼠标特效,背景渐变等。这样不但美化了页面,并且形成良好的视觉疗效,

吸引浏览者的眼珠,以实现网页设计的目的。

再度,Dreamweaver能很快地完成网页的动态疗效、视频和图象的处理功能。

借助行为可以形成独特的滑鼠、键盘和页面效应,可以避免他人直接拷贝自己网页的内容。如有些网站

借助点击滑鼠打开浏览器窗口行为,它可以实现自定义窗口,让浏览者看见的是个性化的窗口,加深对该网

页的印象并注意网页的内容。再有我们经常在网站上看见弹出菜单疗效的导航条,我们只需借助行为中的

狐等这样的小型网站中也有选项卡式的内容蓝筹股,也只需借助DreamweaverCS3中的Spry选项卡式面板、

Spry可折叠式面板、Spry折叠式技术来轻松实现。

懂。使用Flash来降低网页的动感,用Flash视频形成影视效应,由于它们文件小,浏览速率快,是其它视频文

件难以比拟的,所以在网页上得到了广泛的应用。例如,我们常常在新浪网上见到视频新闻,以及优酷视频

网和青椒视频网,或网站中出现广告视频窗口,都使用了Flash视频的功能,借助它来实现在线视频,让浏览

者特别容易在线收看影音文件,不用担忧播放不流畅,而影响收看疗效。因而对信息形成强烈的敏感性,对

新闻消息形成的印象亦愈发深刻,对新产品性能愈发了解,为人们的生活提供了便捷。这种动漫和视频可以

像处理软件,提高了图象与网页的协调性。这三款软件合在一起就成了“网页的梦之队”,堪称是完美的组合,

让网页设计人员成为一名真正的网页设计师。

最后,强悍的动态交互式网页实现功能和管理维护功能。

态的、数据库驱动的Web应用程序(即动态网页,可以实现在线添加、删除、修改和查询等交互行为)。若使用

用手工书写代码的优点,特别适宜初学者建设动态网站,如构建文章发布系统、在线音乐网站、文件上传系统、

投票系统、会员管理系统、在线调查、商务/产品展示和购物、邮件群发、论坛、Blog和网站后台管理系统等动态

网站,其操作直观易懂,让我们从乏味的编撰代码中解脱下来,成为一名真正的网页设计与制做大神。

以ASP动态网页技术为例,当前的商务网站或峰会网站中不可缺乏的会员管理系统。下边阐述一下利

用Dreamweaver工具制做会员管理系统的过程。

(1)系统结构设计

会员从网站首页登入到首页,就能实现首页上的会员功能,如会员购物、会员发布峰会新帖等。不是会

员只有注册为会员能够实现会员的功能。新会员注册时要通过表单的行为验证,同时检测用户名不能重名,

能够注册成功,并将密码发送到注册时用的E―Mail电邮地址

中,忘掉密码时可以到自己邮箱去查。若对自己

注册信息进行更改,可登入到更改页,只有会员本身能够步入

其更改页,所以每位会员只可以对自己的资料

101

万方数据

也1】俘吼。^月四1日E嚣累班^日鞋小IRI??HJ¨头巩舌贝酬

睢、硎际jF信雷Ⅲ删目gfl

J修以管皿性P健

的功能。当要在诸多会员中盘找某个会员信息时,通过会员查

找立即找到相关信息;对于非法注册的会员,

实现批量删掉。对于不同的会员分配给她们不同的权限等级,

实现不同等级会员的管理功能不同。系统结

布光(图I)。

∈n一

隔丫儿午八④

\―一/1一

占赢

(2)数据库设计

符表示方法,是为了数据库的安全考虑.避免数据库被下载.给周站带来毋须要的害处。这类数据库不须要

单独服务器支持即可运行,将其存于站点中的data

(此目录可自拟)目录中制作简单的网页,奉示例数据库只用了一个

会员表.如有须要也可以将会员拆成多个表.如地址

信息和权限都可单独成表,以实现地址单独添加、修

改和删掉,而不影响会员记录;也可单独降低或更改

会员等级.实现更多权限级别。membeLm会员表

结布光(图2)。其中,会员权限分为三个等级,默认

为普通会员。

(3剧建站点

借助Dreamweaver的‘姑点”下拉菜单‘新建站点”.设置本地信息和测试服务器信息,站点名称为

会员管理系统,本地文件夹和测试服务器文件都指

向站点根目录℃:unetpub\wwwroot”,服务器模型可

选择ASP

VBScrlpl或ASPJ’avaScript.这儿选择

ASPVBScripl.这和前面创建页面类型保持一致。

(4)测试jI匠务器

xFProfcssiohalScrvicePack2

使用Windows

版本以上或WindowsServer2000版本眦上的Inter-

nd信息服务器《简称IlS),它的安装方式很简单,我

们可以通过‘控制面板”中的‘‘添加,删掉windows组

件”来添加,只是添加时插入须要的当前操作系统版

本号相同的安装盘才会添加成功。

万方数据

(5J数据库联接

借助D―weaver的应用程序面板来联接数据库,采用自定义联接字符串的方式,这些方式以便从本地

应联接‘性用测试服务器上的驱动程序”.联接字符串(圈3)为:

目3自定女{接宇#$

(6)动志页面宣现步骤

在页面中榷加表单制作简单的网页,用于递交数据;③在表单中.利J盯表格或CSS+DIV标签设置页面市局;④在布局中加人

相应表单域;⑤对表学进行表单行为验证,确保袁单递交数据的合法性;⑥为相应动态髑页创建记录集;⑦添

加相应的服务器行为(如用户身分验证中的用户登入,限制对页的访问、用户注销和检测新用户,插^记录.

更改记录.删掉记录、重复区域.分页等)。

(7)本地测试

在Dreamweaver中通过F{2快捷键来浏览首页“index车即可浏览测试会员管理系统,

(8)t传

可以借助D

© 版权声明
THE END
喜欢就支持一下吧
点赞94 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片