网页设计与制作报告书分析

3
电子商务 2 班 201341440213 孙岩
文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏 览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注 册用户的个人信息。
尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站 点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点” 对话框里，我们可以选择“空站点”图标来创建一个空站点。 “新建站点”对话框 中还有许多其他图标，这是 DREAMWEAV提E供R 的用来创建站点模板或向导。我们 创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就 好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途， 所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。
工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。
二、网页制作设计技巧
首先，我们来看一下创建一个只包含一个网页的站点。 选择“文件”菜单的
“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定
新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”
图标，
单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，
构可以帮助用户快速获取所需信息 ; 相反，如果一个网站的结构极其糟糕的话， 用 户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。
（三）网站结构还直接影响搜索引擎对页面的收录，一个合理的网站结 构可以引导搜索引擎从中抓取更多有价值的页面。
网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取 由于互联网中信息量极其庞大，为了向用户展示更多有价值的信息，搜 索引擎会优先抓取每个网站中相对重要的页面 ( 即权重较高的页面 ), 然而，搜索引 擎是怎样发现这些重要页面的呢 ?根据重要页面的链接指向的页面可能是重要页 面的思路 ; 搜索引擎首先会从权重相对较高的页面 ( 即源页面 ) 出发跟踪其中的链 接，从而抓取其他相对重要的页面 ( 即目标页面 ) 。
还有 Adobe Pagemill 3.0-- 制作多框架，表单和 Image map 图像的网页工具、
Netscape 等等。其中 Dreamweaver更以其功能强大、 容易上手、 界面亲切而著称。
它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发
布到指定的站点上， 而且在发布之后还能对更新情况进行监控以更新站点的内容。
单击“视图”工具条的“文件夹”按钮。 在文件夹列表里有一个网页文件，名字
叫做“ index.htm ”。我们知道，每一个站点都要有一个主页，这个主页也是一个
网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情
况下就叫做“ index.htm ”。就是说我们新建只包含一个网页的站点时， DREAMWEAVER
一、网页制作开发背景
Dreamweaver 以其功能强大、容易上手、界面亲切而著称。它采用所见即所
得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点
上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网
页制作软件有很多， 如 Macromedia公司的 Dreamweave、r 微软公司的 Dreamweaver、
结构设计 ： 这个时期的网页设计还不太关注语义化和可用性方面的问题，主 要还在追求良好的结构美学。 同一时期也是大量应用 GIF 占位图片控制留白的时 期。一些主流的公司甚至训练设计师如何使用 GIF 占位 ; 如微软的“关于 HTML 表 格中的 GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的 发展助长了表格的应用。另外，某些软件自动生成的表格如此复杂以至于许多设 计师不可能从头手写代码 ( 例如每行只有 1px 高却包含了几百列的表格 ) 。即使是 稍微复杂一点儿的网页 ( 比如多栏目页面 ) ，设计师们都要依赖于表格来创建。
就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里
面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时， DREAMWEAVER
都会在站点所在位置下新建两个文件夹， 一个是“ images”另一个是“ _private ”。
我们在编辑站点时可以在“ image”文件夹里放置站点用到的图片。 “private ”
基于表格的设计： 表格布局使网页设计师制作网站时有了更多选择。 在 HTML 中表格标签的本意是为了显示表格化的数据，但是设计师很快意识到可以利用表 格来构造他们设计的网页，这样就可以制作较以往作品更加复杂的，多栏目的网 页。表格布局就这样流行了起来，融合了背景图片切片技术，常给人以看起来较 实际布局简洁得多的结构。
三、网站结构
网站结构是指网站中页面间的层次关系 ; 按性质可分为逻辑结构及物理结构。 网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。
（一）网站结构整体先用 DIV 和 CSS来进行构造，对整个网站进行布局，
( 二 ) 网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结
4
电子商务 2 班 201341440213 孙岩
电子商务 2 班 201341440213 孙岩
网页设计与制作报告书
课程名称 : 网页设计与制作 专业班级：电子商务 2 班 学 号:201341440213 姓 名：孙岩 指导教师：王康哲
1
电子商务 2 班 201341440213 孙岩
目录
一．概要 ……………………………………………………3……… 二．网站开发 ………………………………………………3 …… 三．应用工具方案 ………………………………………5…… 四．栏目划分 ………………………………………………6 …… 五．．截图 ……………………………………………………13……… 七．结论 ……………………………………………………14………
2
电子商务 2 班 201341440213 孙岩
摘要：
在 Internet 飞速发展的今天， 互联网成为人们快速获取、 发布和传递信息的
重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站
建设在 Internet 应用上的地位显而易见， 它已成为政府、 企事业单位信息化建设
中的重要组成部分，从而倍受人们的重视。