X饰界的网站设计与实现论文.doc

毕 业 设 计 毕业设计题 X饰界的网站设计与实现 毕业设计类型 姓名 班级 所属系部 专业 指导教师 职称 完成时间 摘 要 Dreamweaver Dreamweaver可以用最快速的方式将Fireworks\FreeHand 或Photoshop 等档案移至网页上。使用颜色吸工具选择可用的颜色可定为最相近的颜色。对于软件的菜单和快捷键还有格式的控制，都是只需要一个简单的步骤就是可以完成的。Dreamweaver能够与你喜欢的设计风格搭配。不需要离开Dreamweaver就是可以完成的，整体运用流程相当的顺畅。 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的最新软件，随着Dreamweaver4的发布，更坚定Dreamweaver在这个平台设计的强大地位。它集合了网页设计、网站开发和站点管理功能全在于这一身，所具有可见化、大力支持很多个平台和跨越浏览器的一些特征，是目前网站设计、开发、制作首先要考虑的软件工具。 图2-1 Dreamweaver界面图 2.2 .2动画制作——flash flash是一种动画创作与应用程序开发于一身的创作软件，到2013年9月2日为止,最新的零售版本为Adobe Flash Professional CC(2013年发布)。Adobe Flash Professional CC为创建数字动 画、交互式Web站点。Flash软件总共包含了一些简单的动画、视频内容、还有复杂演示文稿和一些应用程序及其介于它们之间的一些相关内容。使用Flash软件的各个内容称之为应用程序，即使它们可能只是很简单的动画。你可以通过一些添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。 图2-2 flash界面图 2.2.3图像处理软件——Photoshop photoshop是Adobe公司旗下最为出名的图像处理软件之一。多数人对于Photoshop的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，Photoshop的应用领域很广泛，在图像、图形、文字、视频、出版等各个方面都是有了联系的。他具有了修复的照片、专业的测评、平面的设计、广告的摄影、包装的设计、插画的设计、影像的创意、艺术的文字、网页的制作、后期的修饰、绘画、处理三维帖图、婚纱照片设计、视觉创意、图标制作、界面设计等功能。Photoshop的特点。 从功能上来看，该软件可分为图像的编辑、图像的合成、校色的调色及特效的制作部分等。肖像处理制作中有非常大的用场，去除人像上不满意的一些部分，并在进行美化的加工，得到让人非常满意的效果。 图2-3 photoshop界面图 2.2.4 Javascript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 Javascript基本特点 （1）是一种解释性脚本语言（代码不进行预编译）。 （2）主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 （3）可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 （4）跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。 第三章系统主要界面与主要功能的实现 3.1网站的风格设计 网站风格是指网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。这个整体形象包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。网站风格最能传递企业文化信息，所以说好的网站风格不仅能帮助客户认识和了解网站背后的企业，也能帮助企业树立别具一格的形象。通过网站风格的独特，直接给自身网站和所处行业的其它网站之间营造出一种清晰的辨识度。随着互联网的影响力不断提升，网站成了企业让客户了解自身最直接的一个门户，通过自身网站的辨识度在众多网站中脱颖而出，迅速帮助企业树立品牌，提升企业形象。本站设计为双栏布局，颜色以白色和红色为主，整个页面布局简单明了，采用的图片、图片轮播与文字相结合。 风格都是有人性的，是通过网站的色彩方面、技术方面、文字方面、布局方面、交互方式方面可以概括出一个站点的一个个性。是粗犷豪放的，是清新秀丽的;是温文儒雅的，是执著热情的;是活泼易变的，是墨守成规的。这些都是可以的。 设计网站色彩。网站给人的第一印象来自视觉冲击，不同的设计风彩搭配出不同