个人网站的设计与实现_毕业设计(论文)(编辑修改稿)

个人网站的设计与实现_毕业设计(论文)(编辑修改稿)内容摘要：

顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第 二项“ New Folder（新建文件夹）”。 执行五次操作，新建五个文件夹，并把它们重命 名为 graph、 anim、 books、 music、 letter，分别对应上面的五个大栏目。 存放它们各 自的内容。 之后再次新建 1 个文件夹，命名为 images,用来存放“所有的图象文件”的 内容。 之后在个栏目的文件夹里还要建立想相应的栏目网页。 设置首页布局 每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站 架构上而言，它代表了网站的第一层架构，至于网站上其他 Web 页，原则上都必须通过 首页来连接散播出去，可见首页是 多么的重要。 首页是打开网站后在浏览器中显示的第一个页面。 它是起什么名字通常要视 Server 端 的设置，一般的有 , 或 等，目前主要以 的 居多。 当然，后缀名为 html 也是正确的。 具体设置方法是：右健单击“文件”浮动面板中的 ,在弹出的菜单中选择“设 成首页”。 首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。 “布局”模式中的表格称为布局表格，单元格称为布局单元格。 在绘制布局表格和布局单 元格时，必须从 “标准”模式切换到“布局”模式。 直接单击“布局”按钮即可。 操作步骤： 在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。 将变成“ +”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动 就可以进行创建了。 （如果绘制的是第一个表格必须从网页的最左上角开始绘制）。 在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可 以按住 Ctrl 键绘制多个表格。 追梦人”网站首页的布局如图所示： 设置首页的页面属性 首先双击“文件”浮动面板中的 ,进入页面的编辑窗口。 右健单击空白 区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修 改 /页面属性”项，也可以把打开该对话框。 在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链 接”、“标题”、“标题 /编码”、“跟踪图像” 5 项，右侧区域则显示各类中可以设置 的项目。 “追梦人”首页设置的属性如下图所示： 查看和编辑头内容 一个网页 文件结构上实际是由两部分组成，头（ head）内容和主体（ body）内容 主体内容（ body）是文档的主要部分，也是包含文本和图像等的可见部分。 头内容（ he ad）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如， 可以仅为主页提供关键字。 下面就以首页为例，说明怎样插入较常用的头（ head）内容。 单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的 HTML 类，此时右侧将 会显示该类中可以插 入的对象快捷按钮，再次单击第 2 个按钮“文件头”旁边的下拉箭 头，会弹出菜单，该项列出的便是即将插入的头内容。 插入图像 图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力 与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。 另一方面，网页的容量大小是网站成功与否的一大关键因素。 由于网络在传输上 的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在 于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于 事了。 所以，在网面容量大小的问题上一定要重视。 下面就来详细介绍对网页图像进行处理的 操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更 小。 首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏” 的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。 左起第 5 个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第 1 项“图像”。 随即弹出“选择图像源文件”对话框。 从计算机磁盘中选择想要插入的图像文件， 或在 URL 编辑框中输入图像的路径和名称。 下面的“相对于”下拉表框中，可选择文件 URL 地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站 点根目录”选项，表示地址相对于根目录。 在这里我要插入的是网站标志 logo，插入 l ogo 图象，如图所示： 最后单击“确定”按钮，即可完成插入图像的操作。 插入多媒体 在 Dreamweaver MX20xx 中，除了之前讲到的可以插入“图像”外，还可插入动画、 声音、视频等媒体元素，如 Flash,Shockwave,Applets,ActieX 及格 Midi 声音文件等， 并且还可以在 Dreamweaver 自身内插入 Macromedia Flash MX20xx 按钮和文本对象，以 及进行相关的后期处理和添加设计备注等操作。 在 Dreamweaver MX 20xx 文档中，可以插入媒体文件包括 Flash Shockwave 影片、 QuickTime 、 AVI java、 applet Active X 控件以及各种格式的音频文件。 要在浏览器中播放放 Flash 动画，必须在浏览器中集成“ Flash 播放器 （ Flash Play er）”。 其中， Inter Explorer 通过 ActiveX 控制来实现， Netscape Navigator 则 是通过相应的插件来实现的。 在最新的 Netscape Navigator 和 Inter Explorer 浏 览器中，均已集成了 Flash 动画播放功能。 操场作步骤： 步骤 1 将光标停留在要插入 Flash 的位置，然后单击菜单栏下面“插入快捷栏”的下 拉列表，选择其中的“常用”分类，右侧将会显示该类中可以插入的对象快捷 按钮。 左起第 6 个即为“媒体”按钮，单击它右侧的下拉列表，选择第 1 项 Fl ash 图标。 步骤 2 在弹出的对话框中选择扩展名为 swf 的 Flash 文件，即可将其插入到 Dreamwe aver 的“网页编辑窗口”中，可以看到，在这个窗口中 Flash 文件的大小。 在 这里我的主页插入的一个动画，如图所示： 插入文本 文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成 部分，一个网站成功与否，它是最关键的因素。 在这最关键的因素。 可丰富网 站的文字 内容，并以最最美观、最整齐的方式放入到网页中。 插入文本的两种方式 网页中需要大量的文本，我们或以通过以下两种方式插入它们。 一种是在网页编辑窗口中直接用键盘敲入文本。 这可以算是最基本的输入方式了， 和一些文本编辑软件（如 Microsoft Word）的使用方法一样，选择好习惯的输入法，就 可以运指如飞了。 另一种是复制文本的方式。 有些读者可能不喜欢使用 Dreamweaver MX20xx 来进行 打字的工作，而更习惯在专门的文本编辑软件中快速打字，如 Microsoft Word 和 Wind ows 自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我 们就可以直接使用 Dreamweaver 的文本复制功能，将大段的文本内容拷贝到网页的编辑 窗口来进行排版的工作，具体步骤如下。 打开文本编辑软件（如 Microsoft Word），选中要复制的文本，它们将反白显示， 执行菜单“编辑 /复制”命令或直接用快捷键 Ctrl+C，之后切换回 Dreamweaver,将光标 停留在插入文本的位置，执行主菜单“编辑 /粘贴”命令或直接使用快捷键 Ctrl+v,即可 将 大段的文本快速粘贴到网页中。 这在我的“网文精品”中用到很多，全部是在 word 软件中排好 ctrl+c,然后点击要 粘贴的位置， crtl+v 到 Dreamweaver 即可。 创建其它网页 还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。 “平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调。