1、目目 录录 摘 要 2 关键字 2 一、 概述 3 二、功能需求分析 3 三、网站结构 4 3.1 设计步骤 4 3.2 编写代码 5 总 结. 10 参考文献. 11 2 标标题题：宜居家具网站：宜居家具网站 摘 要 学习就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个 精美的网页。在此次网页设计中，我更加的了解网页设计工具强大的功能和更好 的使用它。诚然，此次设计的个人网页，一方面是为了完成我的作业，但更重要 的是把我所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我更 好的掌握和使用网页设计工具和技术，以便提高对网页知识的更深层了解。最要 的一点是，把我们在书本上学
2、到的知识充分运用到此次设计之中。使我们的在书 上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达 到老师要求的效果和学以致用。我这次开发的是一个小型家具购买网站。创建本 站的使用工具主要为：Dreamweaver、flash 抓取工具等，部分建站素材来源于 网络。伴随着计算机技术在各行各业日益广泛和深入的应用，网络的概念早已深 入人心。 本网站主要介绍宜居家具公司是为大家提供的优质的服务， 为您的公寓、 别墅、商业等做最完美的空间设计，为您的住处提供品质最佳的家具。 本网站还可以看到各个产品的介绍、家具的款式、支付方式和联系方式等页 面。给访客提供方便。如果访客看中了喜欢的
3、家具就可以直接联系我们，并且我 们会根据您填写的个人信息送货到家，您就可以足不出户得到自己想要的家具。 关键字 网页设计、Dreamweaver、flash 抓取工具。 3 一、 概述 要设计一个精美的网站前期工作必不可少，在网页设计我认真学习了 HTML 语法和 Dreamweaver 的一些知识，以及在课后自学了进行图像编辑的一些小软 件。 网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有 许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式 和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术 与艺术的结合，内容与形式的统一。 在网站目
4、标的确定方面，我将网站定位符合广大网民所需的购物网站，访问 者主要是准备买家具的人。网页的设计上尽可能保持页面的简洁，使访问者不会 感到杂乱。在色调上采用绿色作为主色调、白色为背景，宁静朴素。 二、功能需求分析 在网站内容上，网站根据网民需求而建，包括所有所有产品、厨房、卧室、 客厅 5 大板块。 网站整体模板为： 顶部为网站导航栏， 底部为网站链接以及相关的版权说明， 中间是一个大的表格，里面是可编辑区域，背景均为默认颜色。 在“首页”板块下包含了所有产品、厨房、卧室、客厅，每个小版块中都有 相关内容，大部分素材以及文字均来自网络，只不过自己略微修改编辑而已。内 容贴近网民心声，根据时下流行
5、趋势搜集。首页主题鲜明，让网友一看便知是购 物网站。 在“所有产品”板块下包含了：最新产品、最新关于产品的信息。以上内容 更加能吸引网民的眼球，增加网站的点击率。另外加了一个 flash，使得网站有 点商业味道，更贴近实际，也使网站内容不至于太单调。 在“卧室”板块下包含了：时下最热门的最受欢迎的特色家具，这些家具性 价比和舒适度都是比较高的， 让进来的网友不用在深入查找就可以找到自己喜欢 的家具同时在每个板块的下面都会有一个支付链接艮为方便了。 在“客厅”板块包含了给网友提出了一些布局上的建议，让犹豫的网友一眼 就会喜欢上这个网站，同时更会介绍给周围的朋友。 在“联系方式”板块包含了网站简介
6、发展理念 、您可以为本站做些什么、 联系方式和关于本站的用户体验的相关内容，此外底部加入了链接广告。 4 三、网站结构 3.13.1 设计步骤设计步骤 3.1.1、用制图工作画出一个自己想要的网页。 3.1.2 根据画出来的网页效果图在 DW 中使用 css+div 布局。 制作一个完整的网站，首先是建立站点，只有建立站点，才能更好的完 成网页制作和站点 文件管理。本地站点是使用 Dreamweaver 制作网页的工 作目录，也就是为网站特别建立的总文件夹。在这个文件夹里使用者可以再 按照网页制作的要求，建立不同分类的其他文件夹，如：图像文件夹、栏目 文件夹、数据文件夹等。具体建立站点步骤如下，启动 Dreamweaver CS4 软 件，选择菜单“站点”|“新建站点”命令，如图； 图 3-1 管理站点 打开未命名的站点定义对话框个，然后在对话框中选择左边“分类”选项中 的“本地信息”选项在“本地信息”选项的“站点名称”文本框中输入站点名称， 首页 所有产品 卧室 厨房 客厅 此页展示了公 司的经典家具 卧室热卖家具 厨房布局及经 典家居 此页展示了客 厅的一些建议 布局 联系方
