成人函授毕业论文格式.doc

编号编号 成人函授毕业论文成人函授毕业论文 个人主页设计个人主页设计 学生姓名 耿 仍 学 号 03009002192011 系 部 计算机系 专 业 计算机科学与技术 年 级 2009 级 指导教师 谢敦友 完成日期 2011 年 7 月 10 日 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 2 摘摘 要要 随着现代计算机科学的发展 网络已经越来越普及 如今网络已经成为每个人生活的 一部分 同时网络也提供了一种很好的信息交换平台 而个人主页是一个可以在网络上展 示个人信息的方便手段 本文介绍了如何开发个人网站 首先介绍开发工具 Dreamweaver 以及 HTML 等技术 然后详细讲解了个人主页的结构与开发 关键词关键词 Dreamweaver 个人主页 HTML 简历 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 3 ABSTRACT Along with the modern computer science development the network already more and more popularized now the network already became a part each person life at the same time the network has also provided one kind of very good exchange of information platform but individual main page was may demonstrate individual information in the network the convenient method This article introduced how to develop individual website First introduced development kit Dreamweaver and HTML technology then in detail explained the structure of the individual page and how to develop Keywords Dreamweaver Individual website HTML resume 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 4 目目 录录 第一章第一章 引言引言 5 5 第二章第二章 网页制作概述网页制作概述 6 6 2 1 网页的基础知识 6 2 1 1 Internet 简介 6 1 1 2 站点与网页的建立 6 2 2 DREAMWEAVER的运用 6 2 2 1 背景的设置 6 2 2 2 表格的使用 6 2 2 3 插入图像及调整图像大小 6 2 2 4 文本段落的编辑 7 2 3 应用多媒体 7 2 3 1 在页面中插入背景音乐 7 2 3 2 添加 Flash 影片 7 2 4 模板的制作与应用 7 2 5 应用 HTML 语言 8 2 5 1 制作跑马灯效果 8 第三章第三章 网页内容介绍网页内容介绍 9 9 3 1 首页的设计及目的 9 3 2 简历页面的设计及内容 10 3 3 相册页面的设计及内容 10 3 4 日志页面的设计及内容 11 3 5 联系我页面的设计及内容 12 结结 论论 1313 参考文献参考文献 1 1 东北师范大学计算机学院二学历本科毕业论文 论文题目 个人主页的制作 5 第一章 引言 在 Internet 飞速发展的今天 互联网成为人们快速获取 发布和传递信息的重要渠道 它在人们政治 经济 生活等各个方面发挥着重要的作用 Internet 上发布信息主要是通过 网站来实现的 获取信息也是要在 Internet 海洋 中按照一定的检索方式将所需要的信息 从网站上下载下来 因此网站建设在 Internet 应用上的地位显而易见 它已成为政府 企 事业单位信息化建设中的重要组成部分 从而倍受人们的重视 我利用 Dreamweaver 软件 制作了我的个人主页 下面我将从所运用的技术和包含的内容两方面向大家全面的介绍其 制作过程 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 6 第二章 网页制作概述 2 1 网页的基础知识网页的基础知识 2 1 1 Internet 简介 Internet 是一个全球性的计算机互联网络 中文名称为 国际互联网 或 因特网 它集现代通信技术和计算机技术与一体 是计算机之间进行国际信息交流和实现资源共享 的良好手段 Internet 是全球最大的信息资源库 几乎包括了人类生活的方方面面的信息 如政府部 门 教育 科研 商业 工业 文化艺术 娱乐等 经过多年的发展 互联网已经在社会 的各个层面为全人类提供便利 1 1 2 站点与网页的建立 在制作网页之前 首先要创建和设置本地站点 首先要创建本地站点的文件夹 命名 为 MY PW 然后分别建立 首页 简历 相册 日志 联系我 等主要网页 然 后在 日志 中有设分页 将内容进一步扩展 编辑网页时 直接点击右侧文件中的相应 网页即可 2 2 Dreamweaver 的运用的运用 2 2 1 背景的设置 网页的背景颜色决定了网页的风格 合理的设计和搭配是网页成功的关键 由于是个 人主页 所以背景颜色没有特殊的要求 全凭个人喜好 我比较喜欢夜晚的星空 所以用 星空作为背景 并保持整个网站的主色调为黑色 看起来眼睛也会觉得很舒服 对于原有 图形利用 Photoshop 进行处理 调整好大小和颜色在页面属性中插入预先设计好的图片 2 2 2 表格的使用 表格是网页设计的精华 它使信息更加简洁和条理化 表格是网页排版布局不可缺少 的工具 合理利用表格 可以使网页结构清晰有层次 而且便于管理和修改 在设计过程 中 我在布局页面通过设定表格区域 插入表格 对网页进行布局 使结构看起来整洁有 序 2 2 3 插入图像及调整图像大小 一个纯文本的网页会让人感到索然无味 所以适当的图片是必须的 但是要保证不能 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 7 太多 不但会喧宾夺主 而且还影响网页的下载速度 让用户因为受不了焦急的等待而离 开页面 通过网络我搜索了与网站内容相关 颜色搭配的一些素材 力在突出我的专业特 色 在网页里插入了一些与电子方面相关的图片 2 2 4 文本段落的编辑 文本的编辑是网页设计中比较容易实现的功能 但也是一个网站的主要内容所在 不 管网页做的有多么花哨 内容一定要充实 这样才能吸引别人光顾 在需要输入文字的表 格中单击之后即可输入文字 利用 属性 命令 可以更改输入文字的字体及大小 在输 入文字过程中 若想连续输入空格 则需要单击 编辑 首选参数 允许连续输入多个空 格 选中该框即可 也可以按住 shift ctrl 任意次空格 其中如果想让各个网页的文字有统一的格式 可以用 CSS 来对文本进行设置 具体 CSS 的用法在下面详细介绍 2 3 应用多媒体应用多媒体 2 3 1 在页面中插入背景音乐 除了静态的图片 越来越多的动态效果被应用到网页的设计和制作过程中 多媒体技 术使网页变得更加生动 有趣 绚丽多彩 在制作时 可以在网页中插入背景音乐 增加 意境 首先是鼠标放在需要插入音乐的地方 单击插入插件 打开 选择文件 对话框 选择站点文件夹中的声音文件 并单击确定 在 属性 检查其中 参数 按钮中输入 hidden autostart 在列中均输入 true 则播放器被隐藏且无限期重复 但是考虑到插入背景音乐会很大程度上影响网页的下载速度 并且有很多用户不喜欢 背景音乐 甚至刚一开网页突然的很大声的音乐会给访问者带来不好的印象 所以我没有 在我的个人主页里插入背景音乐 2 3 2 添加 Flash 影片 Flash 是一种交互式动画 在网页中插入 Flash 影片 增添了动态效果 使网页看起来 更加富有动感 它是网页的亮点 它能给网页带来新鲜与活力 好的 flash 能让网页添色很 多 但是如果 flash 总不停的闪烁 影响访问者的阅读 让访问者的眼睛感到不适 那样的 flash 就很失败了 经过我的精心挑选 几乎在每个网页中我都插入了 flash 动画 Flash 图像浏览器可以通过自定义参数实现图像的切换特效 将光标放置于要插入图像 浏览器的位置 执行菜单栏上 插入 媒体 图像查看器命令 打开 保存 Flash 元素 的对 话框 将其保存在指定的站点目录下 将文件名输入 browse swf 并保存 设置 Flash 元素 面板 即可完成操作 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 8 2 4 模板的制作与应用模板的制作与应用 如果网页中的布局格式基本相同 可以采用创建模板 不但可以节省大量时间 也便 于网站的维护管理 创建模板通常有两种方式 一是先创建文档 再把文档转化成模板 另一种方法是直 接创建 在此次网页制作过程中 创建模板的方法为首先创建网页中所有子页相同的部分 然后在模板窗口中插入表格作为可编辑区 最后保存模板 应用模板时 单击右侧的 文 件 窗格 选择 资源 面板 单击 应用 按钮即可应用 在编辑区编辑子页 最后进 行保存 2 5 应用应用 HTML 语言语言 HTML HyperText Mark up Language 即超文本标记语言或超文本链接标示语言 是 目前网络上应用最为广泛的语言 也是构成网页文档的主要语言 设计 HTML 语言的目的 是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一 起 形成有机的整体 HTML 文本是由 HTML 命令组成的描述性文本 HTML 命令可以说 明文字 图形 动画 声音 表格 链接等 2 5 1 制作跑马灯效果 在网页的下面 我利用 HTML 提供的 marquee 命令 即 欢迎光临我的主页 希望这里可以给 你带来轻松与欢笑 完成了滚动公告板的制作 具体过程不用记住代码 可以用 Dreamweaver 自带的 标签检查器 设置标签的属性值 它的功能类似于属性面板 但是比属性面板更强大 步骤如下 1 把光标插入点放在需要插入滚动字幕的地方 2 点击插入面板的 标签选择器 3 选择 marquee 标签 点击 插入 按钮 4 转换到代码视图 把光标插入点放在 marquee 标签内 5 选择 窗口 标签检查器 然后选择属性 单击未分类前面的 可以在 标签检查器 中设置标签的各种用法 6 点击 behavior 设置项右边的下拉箭头 选择滚动字幕内容的运动方式 7 direction 属性设置字幕内容的滚动方向 8 scrollamount 属性设置字幕滚动的速度 9 scrolldelay 属性设置字幕内容滚动时停顿的时间 单位为毫秒 如果要让滚动看起来 流畅 数值应该尽量小 实例中设置为 1 毫秒 如果要有步进的感觉 就设置时间长一点 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 9 10 width 属性设置滚动字幕的宽度 11 style 属性设置字幕内容的样式 实例中设置字幕文字大小 输入了 font 12px 12 loop 属性设置字幕内容滚动次数 默认值为无限 1 也为无限 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 10 第三章 网页内容介绍 本网站制作的主要关于我生活学习中的一些事情 主要分为 首页 简历 相册 日志 联系我 五个板块 从不同方面展示我自己 同时还链接了简历下载 供用人单 位下载 我将在下面进行详细介绍 3 1 首页的设计及目的首页的设计及目的 首页是一个网站的主索引页 是令访客了解网站概貌并引导其调阅重点内容的向导 首页是一个网站的第一页 也是最重要的一页 首页是体现个人主页的主人性格的的重中 之重 也是网站所有信息的归类目录或分类缩影 首页设计要求在保障整体感的前提下 根据大多数人的阅读习惯以色彩 线条 图片等要素将导航条 各功能区以及内容区进行 分隔 以营造高易用性与视觉舒适性的人机交互界面为终极目标 最上面为通过 CSS 修饰了的 于鹏的个人主页 下面是导航条 包括了网站里的所 有主要的网页 清晰明了 左边以 flash 按钮的方式列出了一些常用的网站链接 以方便平 时上网 按钮下面是我的英文个性签名 使得网页更加突出个人性格色彩 中间是对网站 三大部分的阐述和简介 以一个指南针和一个 flash 时钟修饰 右下角是一个世界时间的 flash 可以用来查看各个时区的时间 左上角用一个 flash 作为 banner 条 具有动态效果 又不显得凌乱 页面最下方用滚动条的形式显示了欢迎语 整个页面简洁大方 富有个性 动静结合 达到了我努力营造的比较和谐的效果 具体布局如下图 首页 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 11 3 2 简历页面的设计及内容简历页面的设计及内容 简历页面是从方便招聘公司的角度来进行设计的 首先一个黑色的页面里有一棵大树 后面是蓝天和白云 让人的眼睛感到很舒服 心情很平静愉快 黑色不刺激眼睛 而蓝色 则能让人的眼睛放松 为了方便用人单位进行查看 我对简历的每一个部分都同多锚记进行了链接 可以方 便快捷的查看每个部分 并且由于网页比较长 我在最后也通过锚记链接到了页首 使界 面友好 并且可以通过点击简历下载来下载我的正式版的个人简历 以供用人单位参考和 保存 网页通过导航条跟各个页面连接 文字通过 CSS 进行修饰 整体采用绿色和白色两种色调 主要还是起到即明显又不累 眼睛的作用 文字右上方用 Dreamweaver 自带的相册生成工具制作 具体方法为插入 媒体 图像 查看器 然后按向导进行各个设置 最后就自动生成了一个简介的相册 用来动态的展示 我的奖励与证书 3 3 相册页面的设计及内容相册页面的设计及内容 相册页面大体布局跟首页相似 只是中间内容区显示的是我通过 Flash 软件制作的个 人相册 里面有我去沈阳 北京的照片以及我自己的影的作品和收藏的图片 Flash 相册功能强大 左下角的图像用来选择背景音乐 右边显示图片的预览 并且可 以直接点进任何一个照片 下面的按钮用来一个一个的查看以及幻灯片效果播放 右上角 的蝴蝶可以拖到相册的任何位置 并不时的扇动翅膀 增加相册的动感 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 12 3 4 日志页面的设计及内容日志页面的设计及内容 日志模块里存放了我原创的和搜集日志 里面有我大学一直在做的智能车相关的日志 以及各种生活感悟 各种有教育意义的内容 日志首页通过一个 鼠标经过图像 来装饰 让页面生动有趣 左边有各个日志的链 接 可以方便快捷的查看各个日志 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 13 3 5 联系我页面的设计及内容联系我页面的设计及内容 最后是能跟我进行交互的联系我页面 上面的表单可以方便浏览者留下个人信息并跟 我进行交流 不过数据库方面没有做 所以只是一个形式 具体内容有待添加 下面是我的个人信息 其中电子邮件通过在链接里输入 mailto yup775 可 以直接打开用户电脑里的邮件软件给我发送邮件 方便读者 学学 士士 学学 位位 论论 文文 BACHELOR S THESIS 14 结 论 在整个网站的设计制作过程中 我运用了 CSS 表格布局网页 并添加了图像 Flash 动画 按钮 动态图片等 力求使网页更加美观 引人入胜 但由于本人专业水平有限 虽力求完美 却仍有很大的不足亟待改正 在以后的学习中 我将会不断努力 提高自