图文网站设计与实现.docVIP

图文网站设计与实现 实 训 报 告 姓名：龙云所 学号：20121112118 二〇一四年六月九日 网站建设基本流程 1.1如何选题 一个网站的建设是需要吧很多细节结合在一起，只有把各步骤有序的完成，才能建成一个完整的网站，虽然建站的步骤很多，而且都是分开的部分，但是这些步骤会形成一个基本的流程，按照这个流程去做，就能完成建站 记录客户的要求与意向? ? 如：确定网站的颜色、风格、框架等等。2、??向客户索取网站必要文字及图片素材??如：LOGO 公司介绍 产品图片 联系方式等等。3、??根据素材、客户意向及客户同行类的网站首页，设计出首页效果图。给客户确认，不满意则耐心听取客户的要求，看哪里不满意具体的在进行修改。满意之后则进行内页的设计。4、??首页通过后设计内页，每页都要用图做出来，类似的可以不用。5、??将效果图切割成静态的HTML网页6、?写一个客户要求及网站哪里需要注意的列表（能附图说明的要附图）及以上所做的材料与资料交与程序员。7、??保持与程序员沟通，及了解网站的进度。8、??程序员完成后，后期的需要网站美化下长传空间交与客户看下。9、??客户看过之后如有意见则让他用文本列表一一的列出。然后根据客户的列表进行修改。 1.2风格定位 网站设计需有自己的风格，网站模板的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观看，整体网页看上去是偏向哪种色系。在制作码垛机网站就遇到这样的问题，文字效果、图片融合度都掌握的很好了，但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。 1.3结构定位 网站结构设计是网站设计的重要组成部分。在内容设计完成之后，网站的目标及内容主题等有关问题已经确定。结构设计要做的事情就是如何将内容划分为清晰合理的层次体系，比如栏目的划分及其关系、网页的层次及其关系、链接的路径设置、功能在网页上的分配等等，以上这些都仅仅是前台结构设计，而前台结构设计的实现需要强大的后台支撑，后台也应有良好的结构设计以保证前台结构设计的实现。显然网站的结构设计是体现内容设计与创意设计的关键环节。 CMS介绍 2.1模版设计 可视化模版编辑，支持先进的鼠标拖拽技术，用户体验度高。并支持静态页面直接导入。 支持后台自定义模板，模板管理编辑和删除，模板的CSS文件管理。模板可以在后台直接以文本方式(推荐)或可视化编辑，可以模板编辑器中插入函数标签调用。同时模板也支持直接在Dreamweaver工具中直接制作，修改。 初次构建页面时候提供可视化编辑，后期参数修改需在代码里面，不提供可视化编辑，不适合页面元素的经常变动，后期更改页面模版困难。 2.2菜单设计 选择一个美观而又吸引人的图片，在控件中拉入一些主要的控件，如，导航栏，所有内容的主题全部显示在一个页面上 2.3菜单与模版的绑定 在所加的控件中设置属性，选择要用的标签，在栏目中模板下设置好该栏目的显示模板页，在文章管理页内设置好标签。 具体的网站设计与实现 3.1网站的设计思路 网站设计，是千变万化的，像其他形式的每一个网页设计！因此，Web设计师需要的最新趋势，能够设计创意网站。网页设计已经看到在过去几年出现??的新趋势和新的思路。也有增加网站的互动性，网页设计。新设计的网站都倾向于以互动的方式显示其内容。他们的工作重点，而设计的网站是超越了创意的画布，它是如何吸引用户，用户在网站上体验。 . 创造性使用的排版 使用大背景图片 社会化媒体的链接。 单页布局设计。 使用有吸引力的定制插图。 使用介绍。 网站与网格布局。 1 3.2网站设计与实现过程 设置好一个主题，然后选择PC版的，在可视化模板下选所要建立的模板，进入栏目管理，将各个栏目相互链接，添加文章增加网页内容的丰富度，添加翻转图片增强网页的动态效果， 设置控件的属性，使该控件有相应的显示，创建内容页和二级栏目页，在栏目里设置好链接，使网页在相应页面下显示。 3.3网站页面截图 首页截图： 翻转图片截图： 所有模板截图： 栏目结构管理截图： 详细文章页截图： 文章管理页截图： 二级页面展示截图 首页 音乐 视频 图片 最佳人物 内容