个人网站设计论文幻灯1!

1、个人网站电脑爱好者之家 考 生 姓名:张世杰 准 考 证号: 专 业:计算机及其应用(B080702) 指 导 教师:郝晓青老师 地 址:四川宜宾市南岸长江大道中段34号附1号 邮 编:644000 电 话: Em a I l: 引 言 我的论文是以“电脑爱好者之家个人网站的制作过程为主线，依据网站网页制作设计与制作的根本流程，详细介绍了个人网站的制作方法，为需要制作网页的朋友提供了制作优秀个人网站的范例。 本论文核心内容共分为四个部份，第一局部是根底知识简介、第二局部为需求分析；第三局部是网站筹划，讲述了制作本网站遵循的一些根本原那么，包括目标、主题确实立、风格的选择、布局的规划等； 第四部

2、份是网页的制作，包括LOGO、BANNAR导航条、页脚及各页面的制作、网站的测试、网站的发布与日常维护等。通过这些活动更好地掌握了个人网站的制作方法，成功地制作了一个电脑爱好者个人网站。网站可以向对无盘网络建设感兴趣的朋友们提供技术资料，进行相互交流学习，现已完成了对网站建设总体结构、实施技术正确性和效果的验证。第一部份 根底知识 包括了以下内容：2.1 Internet简介2.2 HTML超文本标记语言2.3用到的网页制作工具 2.3.1 Dreamweaver介绍 2.3.2 FLASH介绍2.3.3 Photoshop介绍第二部份 需求分析 internet已经成为人们工作、学习和生活的

3、一个重要组成局部，internet的核心是提供信息、利用信息、交流信息和传输信息，网站是互联网上交流的平台。 使用以dreamweaver 、flash 、photoshop为工具建设个人网站，参与信息交流，为网友提供免费技术效劳，对于计算机应用专业来说具有较大的意义。因无盘网络建设在本钱上有较大的应用意义，所以确认可建设一个个人网站为对无盘网络建设感兴趣的朋友提供传递技术资料，包括技术文章，无盘资料下载、在线交流等。 第三部份 网站筹划1、网站建设的根本流程确定网站目标可行性分析网站功能设计素材收集整理规划设计风格网页制作与开发 网站测试与评价 网站发布与推广 网站日常管理 2、确定网站目标

4、和主题内容 网站主题逻辑如图4.2所示网站目标网站性质 爱好及能力初始主题客户对象 网站主题依据以上逻辑图，确定以下四个主题来统领本网站内容：一是技术文章，二是无盘资料，三是终端无盘，四是下载专区。 3、可行性分析 可行性分析流程 资料来源网站主题客户对象原方案内容初步网站内容难易程度考虑表现形式需求分析考虑技术实现问题加减调整内容总结具体网站内容可行性分析结论 技术可行性方面，本论文中主要涉及静态网页，只要掌握dreamweaver 、flash 、photoshop等网页制作工具就能做出高质量的网站，技术上是可行的。 经济可行性方面，本网站规模不大，所需内容多为自己制作，经济上是可行的。

5、4、制定如下网站规划书 项目内容网站类型个人网站中文名称电脑爱好者之家注册域名WWW.PCABC.COM.cn网站目标提供无盘技术文章及资料浏览人群电脑爱好者中的无盘网络管理人员网站结构采用目录层次结构采用技术采用静态网页内容来源网上搜集和自己撰写、制作相结合开发硬件PC机一台，开发软件Dreamweaver 、flash 、Photoshop发布形式虚拟主机开发周期三个月建设费用500开发人员1 5、进行网站功能设计、素材收集整理、规划设计风格、网站布局规划： 版面的布局根本上分为三局部：页眉、主内容区和页脚，分布如下表： 页 眉 主内容区 页 脚 本网站首页布局见以下图 LOGO BANN

6、ER 首页 技术文章 无盘资料 终端无盘 下载中心 给我留言 页 脚技术文章 图 片无盘资料终端无盘下载中心 图 片其余页面的布局形式如以下图所示 LOGO BANNER 首页 技术文章 无盘资料 终端无盘 下载中心 给我留言 主内容区页 脚1、 使用photoshop制作网站LOGO创立变形文字第四局部 网页的制作2、使用FLASH制作BANNER条将文字设置为红色将文字设置为红色将文字设置为白色将文字设置为黄色将文字设置为红色将文字设置为红色 最后得到的BANNER效果图如下：3 、使用photoshop对其它图片处理如以下图示：4 、建立本地站点在电脑磁盘上建立一个文件夹，命名为fxwl

7、。将做好的图片、动画复制到这个文件夹中。在dreamweaver 里单击“站点|“新建按钮，并按照其提示，逐步进行，直到进入如下画面，检查关于站点的信息，单击“完成按钮。5 、模板的制作1、启动Dreamweaver MX,选中模板菜单，然后再单击工具栏中的新建模板，并取名为template1.dwt。新建模板此处为模板菜单模板管理模板文件名2、设置页面属性，标题及背景色等；3、选中菜单中的表格，单击工具栏上的新建表格，输入行数列数，建立表格；4、插入图片，在相应位置输入所需的文字，进行表格背景色及文字颜色的设置等；分别见以下图所示：插入LOGO图片LOGO图片相关参数及链接 LOGO的设置插

8、入BANNER图片BANNER图片参数BANNER的设置链接设置网页导航条的链接设置插入特效网页的脚本网页导航条的链接设置使用Dreamweaver编译源代码返回的源代码返回返回的属性设置6、主页的制作及效果该页面的制作方法与前面模板的制作方法差不多，也是利用表格功能来划分出不同区域来，特别利用了表格内再插入表格，然后再插入相应的图片或文本。LOGO、BANNER、导行栏、主文本区及页脚的制作方法都与模板制作中类似。制作效果见以下图：主页制作效果图：7、其他页面的制作及效果 其他页面全都以template1.dwt为模板创立，在可编辑区输入相应的文本内容即可。页面效果如以下图：8、交流页面的制作及效果交流界面效果图如下：9、最后，对各页面的链接及检查。在确认无误后，进行网站的上传与发布，以及日常维护工作。结束语 本次设计对我来说是一个全新的学习过程，也是一个新的挑战。由于以前未动手进行过网站设计实践，在期间遇到许多问题，但通过自己查阅资料及老师的指导下，不断学习、实践，最终解决了遇到的问题，同时也使自己在实践中得到很大提高，受益非浅。 但由于个人水平有限，该设计中仍有缺乏之处，敬请各位老师批评、指正。 致谢： 首先向我的指导老师郝晓青致以崇高的敬意和衷心的感谢。做毕业设计期间，由于以前未接触过网站设计，经验缺乏，设计和制作过程中遇到了很多的问题，是在郝老师悉心的指导和关