网页设计与制作实训报告

机电职业技术学院网页设计与制作

实训报告

专业计算机信息管理

班级G093501

姓名雪曼

指导老师郭建明

2011-5-21

一、实训目的

1、进一步熟悉和掌握建设的基本流程和技术规；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成建设任务的方法，能独立设计一个容完整、图文并茂、技术运用得当的；

5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事开发、维护和管理奠定基础。

二、实训项目

旅游的建设

三、实训过程

1．资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

打开Dremweaver后步便是新建站点

4设计主页及二级页面。

5实现网页间的

的过程其实很简单，主要是把要的文字选择在选择工具栏的按钮最后选择自己要的网页单击确定便可以了。

6向静太网页插入动态效果

具体情况如下：

通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的容制作了个人，作为实习的成果。其容是多样化的。制作网页用的软件是Ｄreamweaver , banner软件。Dreamweaver 大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。

制作网页,首先是确定主题,经过再三考虑,就做了个关于的旅游,平时也总是浏览类似的,对这些还有些了解,于是确定主题,做一些类似的,但考虑到,现在网络上好多类似的,但有些容比较复杂,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的旅游,于是主题确立。

然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，简介，历史，再加入个别等，每一部分又分几小部分，容比较充分，多样。

再后是收集资料与素材，大量浏览相关，收集关于的一些事迹历史图片，好的文章和图片等，还有参考一些好的的布局，特色，颜色搭配，背景图等。

再后是设计网页图片，用flash制作网页。

再后是建立站点，

接下来就是制作网页了，使用dreamweaver制作。

首页容精彩丰富，简洁明快，语言风趣，通俗易懂。页面清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，容统一，都是为了主题服务，一个强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

利用我们所学的框架集，制作更完美的页面。将动态网页与静态网页结合起来

再后，调试过程，好多次本来在dream里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么

会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？

还有，在做超过程中，明明在页面属性里设置的是超的文字是原色，点击后也是原色，可一上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做，而不是只选中文字做。

还有，这次的大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

再后，是网页的上传与发布，用ftp将制作好的上传

制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关容，阅览书籍，最后才知道文件这有个资源，点击：

进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。

这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的只是一些简单的，看到了一些知名的开发出的网页，不仅栏目容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。希望以后有不懂的地方，老师能多多指点。

四、心得体会

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。

企业在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。

对于企业设计的观点，偏重的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视。