用dreamweaver制作网页的实践报告

目录

目录 ................................................................ 0 摘要 ................................................................ 2 正文 .............................................................. 3 网页制作过程大纲 .................................................... 3 具体操作步骤 ........................................................ 3 制作过程简介 ........................................................ 4

制作网页前的准备： .............................................. 4 开始制作网页： .................................................. 4 网页制作的要点： ................................................ 5 实践心得 ............................................................ 6

学到的知识： .................................................... 7 网页制作心得： .................................................. 8

一．页面的设计方面 ........................................... 8 二．网页视觉效果 ............................................. 8 三．网页的整体布局和导航 ..................................... 8 四．网页中文字、图像 ......................................... 9 五．网页制作过程中的其他注意事项 ............................. 9

Web考试网页制作

摘要

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

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

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

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

1

陕西科技大学镐京学院

正文

通过这一学期的学习，在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们网页制作的方法。在老师的细心指导下我们学会了丰富全面的软件技术和应用技巧，让我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。

网页制作过程大纲

1.资料的搜集。 2.熟悉制作软件。

3.构建站点框架。打开Dremweaver后第一步便是新建站点。 4设计主页及二级页面。 5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6给静态网页插入动态效果

具体操作步骤

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

2

Web考试网页制作

制作过程简介 制作网页前的准备：

首先是确定主题,经过再三考虑,就做了个关于个人网页的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到自身水平有限 ,最后决定建立一个简单的自我介绍介绍和照片展示。于是网站主题确立。

然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，日记，照片栏，生活栏，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

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

开始制作网页：

打开Dreamweaver后，首先要建立站点，也就是要确认你所做的网页及相关的素材要保存在哪里，以便于后面的修改和保存。然后创建新的空白，可以从模板创建，利用做好的格局，添加自己想要的东西，或是自己对空白网页布局，画出自己需要的大概的框架，确定需要在什么地方该添加那一部分的内容，然后在一步步添加网页上需要的东西。

首先，我用flash制作网页的banner，是网页更具可观性。要先插入背景文本框，确定这个flash的大小，使之来了能够符合网页的大小标准，然后再插入flash，再设定flash的大小，播放格式，最重要的是要插入flash的播放插件，否则插入到网页中的flash是不能被播放出来的，我们使用的Dreamweaver软件，在插入flash的链接时可以出现自动的格式设置，这更方便了我们的网页制作：

3

陕西科技大学镐京学院

再来就是根据自己对网行业的布局，画出布局单元格，在单元格中插入自己想展示在首页的图片或是文字，在插入图片时，要根据单元格的大小选择合适的图片，图片我们可以用Photoshop软件，修改其大小或是色彩，及做其他想要的效果，使之在网页中显示的更清晰：

我将自己的首页分成了3个主要部分，第三部分是照片的展示，主要是自己出去旅游的照片，将布局栏里划分成6个单元格，分别插入6张照片，同时为了是它在网页上显示的效果更好，我在照片上还添加了一个透明的flash,这个flash的插入与banner中插入的flash有所不同，要给它附一个层的属性，是它能够叠加到照片的上一层：

4

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库用dreamweaver制作网页的实践报告在线全文阅读。