实验四 网页制作基础
背景知识
网站建设和电子商务的基础,而网页制作是网站建设的第一步.WWW服务器提供给用户许多信息资源,如网页,外部应用程序,数据库,图片,动画,视频,音频文件等等,其中网页是保存在WWW服务器中供用户访问的主要的WWW资源,是一种可以在Internet上传输并被浏览器认识和翻译成页面显示出来的文件.网页不但包含多种字体和样式的文本,图片,图形,电影片断,声音,还包含一些高级语言所编写的应用程序,由此可以分为2种类型的网页——静态网页和动态网页.
常用网页制作工具
现在,网页制作工具不断呈现,各自的功能特点也不尽相同.
1,FrontPage是由Microsoft公司推出的新一代Web网页制作工具.它使我们能够更加方便,快捷地创建和发布网页.FrontPage的特点是具有直观的网页制作和管理方法,简化了大量的技术工作.它的界面与编辑方式与Office软件相似,为使用者带来了极大的方便.因此FrontPage除了适合于非专业的网页编写人员外,对于有经验Web站点开发人员来说,则便于处理那些导入,导出,删除,更名和进行故障诊断以找出失效链接等.
2,Dream weaver MX是专业网页设计,网站管理,网页可视化编辑的软件.用它可以制作出非常好的站点,可以快速提升网页制作效率.与flash,fireworks合称为梦幻组合.
Dream weaver MX是美国MacroMedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器.它是针对专业网页设计师特别发展的视觉化网页开发工具.利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页.
实验目的及要求
1,掌握Dream weaver的基本使用,如建立网页,超级链接,插入图片,选择背景等静态网页建立的基本方法.
三,实验准备
1,Windows系列操作系统,DreamweverMX软件.
2,一些网页制作素菜,如图片,声音等.
3,ACDSEE看图软件,版本3.1以上.
四,实验过程
我们以一个简单网页为主,力图以简捷的方式讲清楚网页制作的过程,使读者在看完本节内容以后能够制作简单的静态网页.
1,准备好DreamweaverMX工作环境
首先要安装Dreamweaver MX软件,安装时需要输入序列号,个人及公司信息等内容,安装完毕后,运行Dreamweaver MX,为了方便用户,Dreamweaver MX打开窗口很多,给初学者增加了不少困难,为了简捷起见,我们将所有窗口全部关闭,只留下主窗口和属性窗口,如图4.1所示.
图4.1 Dreamweaver MX的主窗口
其次,在电脑的D:盘上新建一个文件夹,名称为myweb,再准备一个小图片文件,大小最好宽度为300点左右,高度为100点左右,将其拷贝到myweb下备用.可以从网上下载,也可以用扫描仪扫描.
如果图像规格不符合要求,可以用图像处理软件进行简单的处理,这里介绍一个简单的图像处理软件Acdsee,它其实是一个看图软件,具有简单的图像处理能力.假如图片大小不符合要求,我们可以用Acdsee打开该图像文件,然后点击图像增强按钮,再点击图像大小按钮,输入新图像文件的点阵大小,最后再存盘即可.具体见图4.2所示.
图4.2 用Acdsee调整图像大小
2,网页制作过程
1)站点建立
打开Dreamweaver MX,首先是建立一个站点,所谓站点就是我们要制作的网站的名称,它里面可以包含很多各种各样的文件,如网页文件,图像文件,声音文件等.这些文件将全部存放在我们刚才建立的文件夹D:\myweb中.
依次点击站点,新建站点,高级,在本地信息里面进行相应设置,假设我们网站的名称为"国学研究",具体设置如图3.3所示.
图4.3新建站点
2)首页规划
其次是进行网页的首页规划,假设我们将网页布局分成四个部分,上部为标题区,左下部为菜单区,中下部为新闻区,右下部为链接区,我们依次将其称为层1,层2,层3,层4.为了排版方便,我们可以借助图层来进行网页的分区,图层是一种为网页元素进行定位的工具,通过对图层的操作,可以对图层及图层内部的网页,图像等进行任意的排版,甚至可以做出动态效果.
插入图层的方法很简单,只要点击菜单中的插入层即可,我们一共要插入4个层,每个层插入完毕后可以用拖放调整其大小和位置,为了清晰起见,我们先将属性窗口关闭,调整结束后的结果见图4.4.

下一页