个人网页制作.docVIP

个人网页制作 铁岭师范高等专科学校 学生毕业论文(设计) (2008届专科) 题 目 个人网页制作 学 院 理工 学院 专 业 计算机双语 班 级 062 班 班级学号 28 姓 名 李雪 指导教师 张昊 完成日期 2009-4-13 I 个人网页制作 目录 目录 ??????????????????????????????? 摘要 ?????????????????????????????? ? 前言 ??????????????????????????????I 1.绪论??????????????????????“???????1 1.1 Dreamweaver的编辑环境????????????????????1 1.1.1 工作去布局?????????????????????????1 1.1.2 窗口和面版概述???????????????????????1 1.2 面版的介绍??????????????????????????2 1.2.1 面版的展开和折叠??????????????????????2 1.2.2 设置默认面版????????????????“???????3 1.2.3 属性面版??????????????????????????3 1.2.4插入面版???????????????????????????3 1.2.5 历史记录面版????????????????????????4 1.2.6 标签检查器面版???????????????????????5 1.2.7 代码片段面版????????????????????????5 1.2.8 参考面版??????????????????????“???5 1.2.9 答案面版??????????????????????????5 2. 系统规划与分析?????????????????????????5 2.1 网站整体框架的设计??????????????????????5 2.2网站所实现的功能分析??????????????????????6 2.3网站内容的布置?????????????????????????6 2.4网站外观的调整?????????????????????????6 3.网站部分制作过程?????????????????????????7 3.1使用表格设计页面布局??????????????????????7 3.2图象对齐和图象地图???????????????????????7 3.3使用DREAMWEAVER设计文件????????????????????8 3.3.1使用层叠样式表进行设计????????????????????8 3.3.2创建主详细页集????????????????????????8 I 息技术的一个体现; 同时也提供了与广大师生和朋友们探讨交流的最有效 的途径。 IV 个人网页制作 1.绪论 1.绪论 1.1 Dreamweaver 的编辑环境 1.1.1 工作去布局 在 Windows 中首次启动 Dreamweaver MX 时， 会出现“工作区设置”窗口， 从中可以选择一种工作区布局，提供的三种不同的工作界面,分 “Dreamweaver MX 工 作 区 ”“Dreamweaver 4 工 作 区 ” 和 “Homesite/Coder-Style 代码编者样式”. 确定了工作区后，如果希望改为其它布局，可以选择“编辑”菜单中的“参 数选择”命令，切换到不同的工作区。 1.1.2 窗口和面版概述 应用 Dreamweaver MX 时， 首先出现的是 Dreamweaver MX 的操作界面窗口， 现将其组成部分说明如下: λ 插入栏:包含用于将各种类型的对象(如图像、表格和层)插入到文档中的按 钮。 每个对象都是一段 HTML 代码， 允许您在插入它时设置不同的属性。 例如， 您可以在“插入”栏中单击“图像”图标插入一个图像。如果您愿意，可以不使 用“插入”栏而使用“插入”菜单插入对象。 λ 文档工具栏: 包含按钮和弹出式菜单， 它们提供各种“文档”窗口视图 (如“设 计”视图和“代码”视图) 各种查看选项和一些普通操作 、 (如在浏览器中预览) 。 λ 文档窗口:显示您当前创建和编辑的 -1- 个人网页制作 属性检查器:用于查看和更改所选对象或文本的各种属性。每种对象都具有不同 的属性。λ λ 面板组: 是一组停靠在某个标题下面的相关面板的集合。 若要展开一个面板组， 请单击组名称左侧的展开箭头;若要取消停靠一个面板组，请拖动该组标题条左 边缘的手柄。 λ 站点面板:使您可以管