浅谈Dreamweaver设计与制作网页.doc

、<Bstyle='color:black;background-color:#ffff66'>浅谈</B>Dreamweaver设计与制作网页狄加利(吉林工商学院经贸分院,吉林长春130062)【摘要】在今天的网络信息时代,互联网已成为了人们生活的一部分,,则需要更多的网页设计与制作的人来构建和维护,而学会一个好的网页设计与制作开发及维护工具是成为一个真正的网页设计师的关键,网页编辑软件Dreamweaver恰恰就为我们提供了一个良好的开发环境。[关键词】Dreamweaver;网页设计;网页制作;CSS;HTML[中图分类号】TP3ll【文献标识码】A【文章编号】(2011)【收稿日期】2011-[作者简介】狄加利(1975一),男,吉林长春人,吉林工商学院经贸分院讲师,研究方向:电子商务与网页设计。随着Intemet互联网的快速发展,它已经走入了企事业单位以及公司,同时也走入了家庭,而网页也成了企事业单位和公司的信息窗口,让自己的信息及时呈现在人们的面前,从而人们也不必走出家门就可以知晓外面的世界。因此,网页设计与制作、网站维护等技术已必不可少,也显得越来越重要了。目前,DreamweaverCS3是一个业界领先的网页开发工具之一,具有很强的使用户高效地设计、开发和维护基本的标准网站和Web应用程序的功能。览的效果相同,具有直观性、使用方便、很容易上手的优点。而它的三种视图也为不同的网页设计者提供了方便。一是代码视图更适合专业开发网页代码的编程人员,并且有代码提示功能,可以更快速的编写代码开发网页。二是显示设计视图专为不熟悉网页HTML代码的初学者而设计,可以无需编写任何代码就能快速创建网页。三是拆分视图更适合初学者来熟悉HTML网页代码,从而更加容易学会HTML网页代码编程,伴随着有插入HTML代码的菜单提示,能够快速的完成HTML代码的编程操作,让初学者能够快速成为一名专业网站开发人员。第一,表格布局几乎已经成为一个网页结构的标准,我们随便打开一个网站,它们的网页通常都有表格实现布局的。它能对不同的网页对象加以处理和控制,而又不用担心会受不同对象的影响,并且整个页面也会变得美观、大方且界面排列整齐有序,能精确地定位网页元素,也可对数据进行排序,还可以将其它文档的能也为设置各个单元格的参数变得简单,有多种表格样式,可以任意选择所需,就自动生成了表格的配色方案,也可以自己定义相应样式,并有预览示图可以参考,生成有个性有创意的格局。像新浪、网易等大型网站信息进行格式化的,布局显得直观、简洁和整齐。第二,框架布局,它将一个浏览器窗口划分成几个部分,用户不用切换窗口就可以浏览到多个网页内容,加快了浏览速度,统一了页面格局,实现了页面的多态化,灵活运用滚动条来查看网页内容。当前比较流行的腾讯网就采用了这种技术,只要进入到QQ秀商城就可以看到最典型的框架结构效果。而有的网站的后台管理平台也常采用这种技术,因为它的一个窗口可以实现多页面浏览,便于管理操作。置不能出现两种网页元素的弊点,其最大的特点就是它的灵活性,不占用页面空间,可以放在页面的任意位置,这样也就很轻松地来构建页面布局。也可将没有重叠的层的布局转化为表格布局,以定位网页元素。还??100??万方数据可以和透明Flash形成页面特殊效果,它也是一些网站常用的技术,如我们经常看到页面的文本内容或图像上有鱼的游动、蝴蝶的飞舞、光的闪烁等。另外,利用层与时间轴的结合,可以制作出动画效果的页面,可以作为当前最流行的网络营销的一种手段。如在层中插入某公司图片或视频的产品宣传广告,让这个广告在页面上进行流动,这种动态效果会大大吸引人们的注意力,从而增加了商品宣传和销售,对加快公司的发展有着促进作用。虽然我们浏览者对打开网站就会弹出这类广告有着不同的意见,但是设计者人性化地加上关闭按钮让我们有选择性地关闭,重要的是它的作用还是不容忽视的。设计,即使我们不是专业编程人员,我们想要的布局设计也会非常容易设计起来。标签在页面中有浮动的特性,需要利用CSS样式表来定位。CSS样式表不但可以定位网页元素的位置,而且可以改变页面的排版、统一页面的风格,可以不用每一个页面都去设置单独的样式,只需建立一个样式表文件,然后再将其链接到其它页面就可以实现统一的页面风格了。同时也可以设置不同对象的不同样式,产生独特的效果。如文本格式化、艺术字效果、页面特效、鼠标特效,背景渐变等。这样不但美化了页面,而且产生良