个人网页与制作-数字媒体技术毕业设计论文.doc

个人网页与制作所属系部： 传媒艺术系专 业： 数字媒体技术班 级： 姓 名： 学 号： 指导老师： 提交时间： 目录摘要1第一章 绪论2第二章 个人网页与制作32.1 分析与策划32.2 概念的研发32.3 原型设计32.4 设计软件的介绍42.5 布局设计52.6 网页界面版式设计52.7 个人网站内页设计6结语10致谢11参考文献12 摘要中文摘要：在当今世界上，电脑信息网络使人们可以在全范围内交换各种信息，正所谓”足不出户能知天下事”。在目前全球性电脑信息网络中，最为成功、覆盖面最大、信息资源最丰富的当属INTERNET。INTERNET被认为是未来新球信息最高公路的雏形它把分布在世界各地、各部门的电子计算机存储在信息库里信息资源通过网络连接起来，从而实现了信息交换，资源共享。在这样的情况下，我们人类的生活各个方面产生了深刻的影响，越来越多的企业事业单位都建立了自己的门户网站，利用互联网宣传自己、进行电子商务、联系客户和结交朋友，通过建设网站已经成为了网页最热门的领域行业。英文摘要：In todays world, the computer information network to make all kinds of information can be exchanged within the scope of the whole people, is the so-called never leave home can know whats going on in the world. In the current global computer information network, the most successful, the coverage of the largest and most abundant information resources is the INTERNET. The INTERNET is considered to be the future new ball information highway highest cheeper it around the world, departments of computer information stored in the library information resources through the network to connect, so as to realize the information exchange, resource sharing. In this case, we all aspects of human life has had a profound effect, more and more enterprises and institutions have set up their own web portal, using the Internet to promote themselves, for e-commerce, contact customers and make friends, through the construction site has become the webs most popular industry field.关键词：网站设计 资源共享 信息交换 第一章 绪论事实已经证明了，国民经济的迅速增长，必然促进了人们收入的提高，英特（Internet)的蓬勃发展，对人类的生活的各个方面产生了深刻的影响，越来越多的企业事业单位都建立了自己的门户网站。利用互联网宣传自己，进行电子商务，联系客服，结交朋友。在现实生活中我们交友有很多的方式，但都是局限性的，建设个人网站的好处是能够在全球的人都能认识到你。可以在网上同时交流，利用个人网站可以建立一个朋友圈，共同在这个朋友圈里面开怀畅谈，这是一个最佳的选择。 第二章 个人网页与制作2.1 分析与策划图片制作一个网页是为了更好的交流，扩充影响力度，更是增也加朋友之间信息传递，同样也展示了我们的另一面，利用自己所学的专业，来展现自我风采，通过网页的制作构建了一个信息平台，要制作一个好的网站是需要收集信息和资料的整理，要有创新的意识，明确的设计方案。通过收集来的信息分析，来确定网站的定位。对即将要做的工作有进一步的了解，包括站点目标用户，需要在网页中展现的内容并梳理其中的逻辑关系，分清层次及重要层度，确定网站的主题风格、页面元素、逻辑关系、结构关系等。2.2 概念的研发 经过前面的网站策划后，大致有了设计思路。可以构建草图来呈现一个网站的设计结构，布局导航等。精美有趣的，网站首页可以在一时间内抓住浏览者的好奇心，吸引浏览者们的注意力。为此，可以在首页设计设置与网站内容设置相关的游戏，在个人网页设计的时候，用自己所学专业，来展示做的作品集，体现我专业的性质。内容一定要和形式完美统一，才能达到理想的效果视觉上作出了宣传的效果，这些都要开始在制作网站要考虑并作出规划。2.3 原型设计在绘制草图后，应该根据网页的结构，绘制出原型线框图，对页面进行合理的分区布局和导航方式，并具体的表示出布局元素的ID号或者是CSS类名，父元素与子，同时在元素的嵌套关系等同时在这一步应该规划好导航。表单涉及的内容及其交互式方面的内容，要追求易用性。网页的原型设计也是分步骤的实现的，先要把一个页面分不成若干个大部分，然后在细化。一般可以使用（Coreldraw、photoshop）来制作原型的设计软件。2.4 设计软件的介绍 1. HTML，是一种编写程序的语言，而是一种来描述网页的语言，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。2.设计HTML语言的目的是为了能把存放在一台计算机上的信息，与另外一台计算机中的信息方便的联系在一起，形成右击的整体，使得人们不用考虑具体的信息是在当前计算机上还是在网络上的其他计算机一起，形成了右击的整体。使人们只需要用鼠标在文档中相关位置中点击，Internet就会马上转达到与之相关的内容上去，这些信息可能存放在网络的另一台计算机中。另外，结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论浏览者使用是什么类型的文件的计算机和浏览器。3.HTML标记语言使用一套标记标签（markup tag)来描述网页。HTML标记标签通常被称为HTML标它是由尖括号，包括关键词，如, .HTML标记标签通常被通常是成对出现的，如和，标记对中的第一个标签是开始标签，第二个标签是是结束标签，开始和结束标签也被称为开放标签和闭合标签。有些标签是没有结束标签的，有些标签是没有开放标签和闭合标签，如、等，这些标签也称为空标签。4.HTML文件 HTML文件用来描述网页，它是一个文本文件，但和一般文本不同的是，一个HTML文件不仅包含文本内容，还包含一些HTML标签。2.5 布局设计 (1)使用HTML和CSS对页面进行布局。在理解的基础上，开始构建网站的内容结构。先不要管CSS，完全从网页的内容出发，利用HTML构建出网页的内容结构可以了解，通过下图我们可以了解到这是用HTML和CSS定义布局的首页代码。 （2）任何一个页面，应该尽可能的保证不适用CSS的情况下，依然保持良好的结构和可读性。这不仅仅是对访问者有很大的帮助而且对于可以帮助网站被Google，百度的搜索引擎收录，这对于网站的提升访问是至关重要的。页面的HTML将完整后，接下来开始加入CSS进行布局。具体来说首先应该对页面整体的进行设置，把浏览器中有相同的表现。接下来依次对页面的各个部分进行布局设置，页头，中间部分和页脚等设定好。2.6 网页界面版式设计 在制作网站的时候，第一步：是准备大量的素材。比如：PS做的特效图来定义我的首页图片，Coreldraw的特效图作为我近期的作品。还包括WPS的文档简历，照片，文字的信息内容。依靠以前的积累，启发自己的创意。第二步：近期的作品和项目经验来结合这些材料产生创意。第三步：是对我的作品创意进行修正细化分别取名。平时多学习一下优秀的网站的设计创意会有所启发的，在版式设计方面，我采用的节约的风格来设计的，版式是网页设计的核心。通过对图片和照片的等元素进行排列，将网站理念个性的体现出来，在网页设计中我觉得版式是最重要的一点作用就是把艺术与内容的结合，清晰的传了给浏览者，能在心里留下印象。 在专业内容的组织方面，应当考虑到把优质的专业内容在网站中特别突出来。但同时除了优质的专业内容之外，还应该具有一般性的内容，我的看起来比较简单，但是都运用了自己所学的东西，完整的组合起来的，使网站内容重点突出也是应该同时做到的。主题和内容的形式统一起来，构建了一个网站。2.7 个人网站内页设计个人网站主要是由首页、个人主页、作品展示、基本信息与联系四个页面，这就需要运用到PS这一软件。Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，网站制作需要用到PS里面的切片工具，这能让自己在最短的时间内获取到自己想要运用到网站上的素材。在首页的版式设计中主要是以图片为主，色调以灰白色系为主，上下结构的导航条，这样能简洁明了，再利用Photoshop的特效图突显出我想要表达网页设计。在页面左边的设有4个导航条，右边是实践小作品。 子网页的项目经验部分是采用web前端，先后在网页制作浏阳新闻网，网页设计每家每户论坛前台设计，浏阳麦芽公众平台有“浏阳社会民生，浏阳生活服务，浏阳摄影，浏阳旅游，浏阳爱心公益，分享美食吃遍浏阳，招聘求职，情感家园，诗词书画，房屋出租”都是有关于10个项目的包括了一些浏阳每家每户论坛新闻开发的美工和优化工作。 第二个部分就是我的作品展示了，主要是将我们平时实践课上的一些实践的小作品，用摄影里的照片来展示我的艺术风采，这里面包含了西湖落日、芙蓉国里、金色花蕊、流金溢彩、簇簇红花、美丽的蒲公英。进行一系列的规划，每一张都可以在鼠标右击方式，在新标签页中打开。 第三部分是我的个人简介部分，从简单的介绍方面来看，可以清楚的了解到，我大学三年的学习生活的经历，对即将要结束大学生活，我想通过网页制作来把它当做我人生历程的一种回忆。 第四部分的是与我联系，建立是为了能够广泛的的交友，让更多的了解到我。看到我的作品展示，也可以是与网友来一个互动交流的一种方式。希望通过这个人网站的建立，能有更多的宝贵意见，让我认识到自己在制作中的不足，加强我的专业方面的改进。 完成网页的制作后，利用这些FTP工具来你可以很方便地把网站发布到“服务器空间”存放做好的网页，在网上可以寻找免费的空间服务通常没有保证，所以最好花一定的费用租用“服务器空间”以及申请一个域名。最后发布到Web服务器上面网上上传以后，可以在自己浏览其中打开，还可以逐页逐个的链接测试，发现问题及时的解决，然后在上传测试，最终完善好，以后可以把网址发给大家来进行浏览。 结语 经过了两个多月的努力，在写网站的构建分析时，我出现很多的问题，比如网站的定位风格，素材缺少，色调的匹配，但都在老师和同学的帮助下顺利的完善好了，通过这一次综合的实践设计，我觉得在制作一个网页，除了完整的素材以外，还需要有明确的定位方针，来系统的整合。在实践的过程中我体会最深的就是，对待问题不能盲目的就把它填充了，而是要冷静的思考，或许是多去观察浏览一些优秀网站的设计，认真的分析自己的网站内容和别人的的网站内容，区别在哪里，认清问题所在，再经过细细的修改，来填补我的不足之处。 致谢岳麓山依旧，湘江水长流！转眼间，我已经在学院度过了将近三个年头，从高考那场盛大的典礼迈出走进大学这个神圣的殿堂，我从青涩走向成熟，我的三年，是我永远值得怀念的三年！通过一段时间的不懈努力，今天终于可以完成毕业设计论文最后的部分，在毕业设计的完成，乃至学业的完成过程中，有多少可敬的师长、同学和朋友给了我莫大的支持与帮助。在这里请接受我诚挚的谢意！ 首先我要感谢学院，给了我一个学习的舞台，一个成长的舞台！然后，我要感谢我的指导老师，从我论文的选题到最后的完成，每一步都倾注了老师的心血。是她给了我大力的支持与帮助、耐心的辅导与解惑。老师是一教风严谨为人正直的好老师。在教师这个神圣而又值得人尊敬的岗位上，对学生犹如自己的亲生子女，指导学生深入到每个细节，老师诲人不倦的高尚品德使我感受到了她朴实无华、平易近人的人格魅力。她是我日后学习与工作的最好榜样！最后，感谢大学三年传授我们专业知识的所有老师，谢谢你们不辞辛苦的教导我们，还有我要感谢我的同学与朋友们，是你们陪我度过了最欢乐的大学三年时光，虽然很短暂，但是你们带我的欢乐我全部记在心底了。对即将要结束的大学生活，说心里话确实有点依依不舍。通过制作个人网站的设计，把这个作品作为我大学三年的回顾，同样也祝福我们的老师和同学越来越幸福快乐。参考文献1李四达.数字媒体艺术概论 北京:清华大学出版社，2013年7月第3版2蒋朝伟， 韦艳丽.网页设计 哈尔滨：哈尔滨工程大学出版社，2008年8月第1版3蒋朝伟， 韦艳丽.网页设计 哈尔滨：哈尔滨工程大学出版社，2011年8月第2版 4田幼勤. 程娟,Photoshop CS2基础与实力课程.北京：北京师范大学出版社，2012 年6月第3版 5魏洁. 图形设计 中国建筑工业出版社，2009年11月第1版 6杰诚文化. CoreIDRAW12中文版 中国青年出版社，6月第1版 7周毅晖.产品设计表现CoreIDRAW 北京 ：北京理工大学出版社，006年第2版 8肖永亮， 廖宏勇. 数字色彩基础 北京：北京师范大学出版社，2008年4月第1版12