《中小企業网络设计与组建》实训报告.doc

《中小企业网络设计与组建》实训报告 题目：广告公司网接入设计 专　　业： 班　　级： 学　　号： 姓　　名： 成　　绩： 指导老师: 龙崇冰 　 完成日期：　2012年 4 月 1 日 实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识； 巩固运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、Fireworks、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。 总体设计 一、明确建立商业网站目标及用户需求　　在互联网中，建设一个网站的目的，应该大家都明白的，在Web站点设计展现企业形象、介绍产品和服务、体现企业发展战略重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者需求、市场状况、运营模式、企业自身情况等进行综合分析，牢记以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。在这里想与大家说说一下，不管网站制作师设计什么类型的网站时，都要考虑到网站是以客户体验为中心来建设的，而不是考虑到个人的想法或为了追求好看而去设计一些对用户体验很差的网页，要以中小企业的发展及企业的产品风格去设计。　二、展现企业形象，充分结合企业的CI（Corporate Identity），突出企业形象。 三、在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。整体布局合理，流畅，表达和谐；在网站设计中，网站的整体布局是至关重要的一环，这将关系到浏览者能否清晰地、容易地找到所需的信息和内容的关键。每一个栏目、每一幅页面之间的相关性、连接都要充分考虑。 四、网站版式设计　　网页设计作为一种视觉语言，要讲究编排和布局，虽然主页设计不等同于平面设计但它们有许多相近之处，应充分加以利用和借鉴。 版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。 多页面站点页面的编排设计要求把页面之间有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳视觉表现效果，应讲究整体布局合理性，使浏览者有一个流畅的视觉体验五、使用软件，硬件和技术分析说明对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点最佳的制作效率 　　Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 网站管理 　　使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 无可比拟的