个人网页设计与制作.docx
《个人网页设计与制作.docx》由会员分享，可在线阅读，更多相关《个人网页设计与制作.docx（7页珍藏版）》请在冰豆网上搜索。
个人网页设计与制作
成人教育计算机毕业设计
毕业论文（实践）报告
专业：
计算机网络技术
学院：
浙江育人专修学院
班级：
08电子商务
姓名：
马杨超
2010年3月1日
个人网页设计与制作
目录
第1章绪论……………………………………………………………...4
1.1网页设计与制作的概述……………………………………………..4
1.2需求分析……………………………………………………………..4
第2章个人网站的概述和发展………………………………………...4
2.1个人网站的概述…………………………………………………….4
2.2个人网站的发展…………………………………………………….5
第3章个人网页的设计与规划………………………………………...5
3.1确定设计个人网页的使用工具Dreamweaver……………………..6
3.2确定网站的风格特色………………………………………………..6
3.3确定网站界面………………………………………………………..7
第4章总结……………………………………………………………...9
致谢…………………………………………………………………….10
参考文献……………………………………………………………….10
个人网页设计与制作
摘要：
本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。
在介绍网页设计与制作语言的基础上，着重使用Dreamweaver作为工具进行网页设计与制作的实际操作.
本论文主要章节如下，第一章：
绪论，网页设计的概述以及需求分析第二章：
对个人网站的由来和发展进行了概述与讨论。
第三章：
个人网页的设计与规划。
使用开发工具Dreamweaver创建各种跨平台、跨浏览器的静、动态页面。
确定网站的风格特色，网站界面。
关键词：
网页设计Dreamweaver
Personalwebdesignandproduction
Abstract:
Thispaperwillbeofpersonalwebdesignandproductionmethodsandtoolslaunchedresearchanddiscussion.Intheintroductionofwebdesignandproduction,mainlyonthefoundationofthelanguageuseDreamweaverastoolsforwebdesignandproductionofactualoperation
Thisthesismainlysectionbelow,thefirstchapter:
introductiontowebdesign&requirementsanddemandanalysischapter2:
forpersonalwebsiteoftheoriginanddevelopmentaresummarizedanddiscussed.Chapter3:
personalwebpagedesignandplanning.UsethedevelopmenttoolsDreamweaver8.0createvariouscross-platform,cross-browserstaticanddynamicpages.Determinethewebsite'sstylecharacteristic,webinterface.
第1章绪论
1.1网页设计与制作的概述
网页设计是将网站策划案中的内容、网站的主题模式，结合网页设计师的认识，通过艺术设计的手法表现出来；而网页制作通常是根据网页设计师制作的设计稿，按照W3C规范语言将其制作成网页格式。
1.2需求分析
在21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行日新月异的变化，报纸、杂志、广播、电视等传统信息传播方式已经不能满足人类获得信息的需求。
随着网络技术的发展，各类网站纷纷出现。
个人网站也成为了一种主流信息传播方式。
越来越多的人开始制作博客、个人空间、微博、个人网站，来开辟网络世界的一片天地，来与世界各地的人进行交流。
而网页设计与制作作为个人网站的重要依托伴随着个人网站的快速发展而越来越重要。
吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。
第2章个人网站的概述和发展
2.1个人网站的概述：
个人网站包括：
博客，个人论坛，个人主页等等网络的大发展趋势就是向个人网站发展。
个人网站是一个可以发布个人信息及相关内容。
通俗理解个人网站：
就是指网站内容是介绍自己的或是以自己的信息为中心的网站，不一定是自己做的网站，但强调的是以个人信息为中心。
个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。
2.2个人网站的发展：
1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。
个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。
同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
现今个人网站已经非常普及，各种博客、微博、个人空间遍布整个网络。
第3章个人网页设计的要领
3.1确定设计个人网页的使用工具Dreamweaver
Dreamweaver是创建和管理网页的专业化可视编辑器。
使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。
Macromedia的RoundtripHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。
Dreamweaver可以为用户做到：
使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。
它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。
至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。
常用的Dreamweaver工作区组件有以下若干种：
（1）文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。
（2）装载器中包含一些打开和关闭常用检查器和模板的按钮。
（3）对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。
（4）属性检查器显示选定对象的属性。
（5）快捷菜单可以使用户对当前选择或区域快速执行某些命令。
（6）可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。
Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。
除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
3.2确定网站的风格特色
每一个网站都有自己的风格特色。
通过网站的色彩、技术、文字、布局、交互方式可以反映出一个站点的风格特性:
是蓬勃大气的，还是精致秀丽的;是沉稳实用的，还是新潮特异的;是简单明了的，还是复杂多变的。
风格”是抽象的，是指站点的整体形象给浏览者的综合感受。
这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，只要你能让浏览者看的第一眼感到不一样的感觉这就形成了网站的风格。
总之，网站必须是要有自己特色的，必须是体现个性的。
3.3确定网站界面
界面往往决定着网站给浏览者的第一印象，所以非常重要，必须要将它处理得合理、有美感。
在确定网站的界面时要注意以下三点:
3.3.1栏目与板块编排
构建一个网站首先要有一个大致的框架，然后进行合理的规划，才能主题明确、层次清晰。
网站建设初学者，最忌:
确定题材后没有进行合理规划，立刻开始制作。
从而造成了网站结构的不清晰，目录、板块编排混乱，整体上看起来没有任何美感可言。
结果可以预想，不但浏览者使用起来麻烦，不愿意第二次光顾，制作者自己在扩充和维护网站也相当困难。
因此，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
合理的编排规划要做到：
1、尽可能删除那些与主题无关的栏目;
2、尽可能将网站内最有价值的内容列在栏目上;
3、尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。
3.3.2目录结构与链接结构
网站的目录是指建立网站时创建的目录。
例如:
在用Frontpage建立网站时都默认建立了根目录和Images子目录。
目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。
目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。
所以建立目录结构时也要仔细安排。
3.3.3进行形象设计
3.3.3.1设计网站标志（LOGO）
LOGO是指网站的标志，标志可以是中文、英文字母，符号、图案，也可以是网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。
比如:
XX用了一个蓝色的熊掌来当标志，IBM电脑的标志使用的是英文缩写。
最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
3.3.3.2设计网站色彩
网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，好的颜色搭配可以让浏览者心情愉悦，反之，色彩搭配不协调使画面看起来很别扭。
“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。
给人以整体统一的感觉。
其他的色彩只能充当点缀和衬托，绝不能喧宾夺主。
一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。
适合于网页标准色的颜色有:
蓝色，黄/橙色，黑/灰/白色三大系列色。
3.3.3.3设计网站字体
和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。
一般网页默认的字体是宋体。
为了体现站点的风格，制作者可以根据自己网站所表达的内涵，选择一些适合的特别字体。
3.3.3.4设计网站宣传语
宣传语可以说是网站的精神、主题与中心，或者是网站的目标。
用一句比较有趣、新颖的话或者一个词来高度概括，可以收到比较好的对外宣传效果。
第4章总结
在不知不觉中关于计算机中网页设计与制作的设计将要结束了，在整个的写作设计过程中，我重温了Flash、Dreamwave、Html语言、网站建设的基本思想等重要内容，并且从中得到一些心得体会。
网页设计与制作设计是在自己独立完成的，虽然整个设计内容还有很多不足，但是我的确能够感到在我制作过程中技能的提高。
在今后的学习生活中，我将不断提高自己网页设计与制作的能力和水平。
致谢
本文历时三天，在这里非常感谢育人专修学院计算机老师的细心教导。
参考文献
1.《网页制作室PAGEMILL》《软件村》编写组编化学工业出版社2008
2.《HTML网页制作》王映雪等编著上海科学普及出版社2006
3.《网页制作方法与技巧》雁腾创作室编机械工业出版社2009
4.《计算机原理》侯柄辉主编经济科学出版社2000
5.《网页设计与制作》于淼主编中国人民大学出版社2006
升级会员 