您的位置:夕阳晚情>>老有所学>制作网页的操作步骤

用Dreamweaver4.0软件制作网页操作步骤   高 国 彬

制作一个名为“夕阳晚情”的网页(拼音wangqing),要求条件如下:
* 站点名称:“夕阳晚情”,拼音 wanqing 。
* 首页为 index ,页面设有刊头“夕阳晚情” 图标和一个长联图标,设立专栏七个。即:岁月沉沙,九溪撷芳,往事如烟,旧文新读,诗文词曲,美好瞬间,老有所学。
* 第二页为目录页,名为 home 。
* 第三页为文章页,名为 filex 。
* 首页与二、三页之间均能进行超级链接。

第一步 建立新站点
首先打开Dreamweaver页面→点击菜单上的站点→新建站点→ 此时出现对话框,将wanqing填入→ 点击本地根文件夹(黄色图标) → 选择本地文件夹对话框→ 选择路径→ 放在D 盘 →新建文件夹 击右键→ 新建→ 文件夹→ 输入wanqing 回车确认 →选中wanqing 文件夹(变蓝色) → 打开→ 选择→ 确定→ 确定。
  出现站点对话框wanqing →选中根目录文件夹(点蓝色),在其上点击右键→ 新建文件夹 →输入名称→ 图片写成img →在空白处点击左键,证明有效。此时在根目录上的图片img 文件夹已经建立。用同样的方法,再建立目录home文件夹,页面files文件夹,文本文件 article文件夹。以上所建立的文件夹,都是为了提供index首页使用的。
  对于每个专栏,如岁月沉沙,九溪撷芳等文件夹,都要用以上同样的办法建立。
  
  第二步 向首页文件夹中充实文章和图片
  假设你的文章和图片都放在‘我的文档’中,操作如下:
  打开‘我的文档’ →选中要复制的文件图标(点兰)→ 点击右键→ 复制 →将‘我的文档’最小化。
  打开‘我的电脑’ →双击D 盘→ 击wanqing文件夹→ 点击article文件夹 →点击右键 →粘贴 。此时文章在article 文件夹中,被粘贴的文章已经显现。注意:被粘贴的文章一定是文本文件。
  然后用同样的方法,逐个的把照片存入相应的文件夹中。
  ‘岁月沉沙’等专栏文件夹,与充实首页文件夹的方法相同。
  
  第三步 开始制作网页首页 index
  插入表格 :打开Dreamweaver编辑程序(上方显示无标题文件) → 插入表格 →在对象面版图标处点击 →出现对话框,填 3行 5 列→ 确定 → 此时页面上出现三行五列的表格。
  插入图像 :光标放在第一行一列单元格上→ 点击插入图像按扭 →出现选择图象源对话框→ 查找D 盘→ 击wanqing 文件夹→ 点击img图片文件夹→选中(点蓝)要插入的图片文件名→ 选择. .此时在第一行一列单元格中,‘夕阳晚情’的图象已经插入。
  在其他单元格中插入图象,也用同样的操作方法即可。
插入文章:将光标放在表格的二行二列中,点击菜单上的文件→ 打开→ 点击wanqing→点击article →选中文件名→ 打开→ 全选→ 复制 。
然后在回到index首页中的二行二列,点击菜单编辑→ 粘贴。此时文章已经插入。凡是要插入文章的地方,均可以采用以上方法。
  保存:此时要把已经插入的文章 和图片,进行保存。方法是:点击菜单文件→ 保存→ 出现另存为对话框→ 输入index(首页) →保存,完成首页保存。
  
  制作目录页 home
  以‘诗文词曲’专栏为例,swcq
  点击菜单文件→ 新建 →插入表格 三行五列→ 在表格的一行二列单元中,插入诗文词曲的图标→在目录栏中填入文章目录→在最后页中填入”返回首页” ,为连接做准备。
  保存目录页 点击菜单文件→ 保存 出现另存为对话框 →输入 swcq文件名 → 保存。 此时目录页已经保存完毕。
  制作文章页 filex
  制作方法与目录页完全相同,不在赘述。
  
  第四步 超级链接
  以‘诗文词曲’专栏为例,进行链接。
  将首页index ‘诗文词曲’文字点蓝 → 点击属性面版上的链接小黄图标 → 出现对话框 →选择swcq (点蓝) → 选择→保存, 此时首页与目录页(第二页)已经链接。
  将目录页链接到首页,打开目录页→ 将“返回首页”文字点蓝 → 点击属性面版上的链接小黄图标 → 出现对话框 →选择 index (点蓝) → 选择→ 保存,此时目录页与首页已经链接.。
  用同样的办法,链接目录页与文章页,或者链接返回首页。
  
  最后,试验网页制作结果,可按 F 12 进行预览。
  为了了解网页的版面设计,和链接效果,可参考中华老人网“电脑俱乐部”,‘会员作品’栏目中的《夕阳晚情》主页,以增加感性认识。
  
  
   根据学习记录整理
 2003年2月26日

 
 
返 回 首 页返 回 目 录