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

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

文精品”、“经典回 顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第 二项“ 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 MX2020中，除了之前讲到的可以插入“图像”外，还可插入动画、 声音、视频等媒体元素，如 Flash,Shockwave,Applets,ActieX及格 Midi声音文件等， 并且还可以在 Dreamweaver自身内插入 Macromedia Flash MX2020按钮和文本对象，以 及进行相关的后期处理和添加设计备注等操作。 在 Dreamweaver MX 2020文档中，可以插入媒体文件包括 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 MX2020来进行 打字的工作，而更习惯在专门的文本编辑软件中快速打字，如 Microsoft Word和 Wind ows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我 们就可以直接使用 Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑 窗口来进行排版的工作，具体步骤如下。 打开文本编辑软件（如 Microsoft Word），选中要复制的文本，它们将反白显示， 执行菜单“编辑 /复制”命令或直接用快捷键 Ctrl+C，之后切换回 Dreamweaver,将光标 停留在插入文本的位置，执行主菜单“编辑 /粘贴”命令或直接使用快捷键 Ctrl+v,即可 将 大段的文本快速粘贴到网页中。 这在我的“网文精品”中用到很多，全部是在 word软件中排好 ctrl+c,然后点击要 粘贴的位置， crtl+v到 Dreamweaver即可。 还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。 “平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调节图。