第六网页设计与制作摘要.ppt

网页设计与制作 ——网站制作开发案例 丁亚涛 教学目标 1．了解网站、网站设计的基本概念； 2．了解网站设计的一般过程； 3．巩固Dreamweaver CS3中网站设计的基本方法； 4．巩固编制HTML和ASP代码的方法； 5．巩固利用SQL语句进行数据库的查询、插入、修改和删除等操作； 6．综合运用所学知识设计制作出小型网站。 本章内容 企业自身宣传网站案例 地方政府网站案例 网上购物网站案例 企业自身宣传网站案例 随着网络技术的发展和电子商务的普及，越来越多的企业开始在互联网进行企业的宣传，实现包括企业信息发布、产品宣传、人才招聘、网上采购和在线交易等经营活动。相对于传统媒体，网站提供了一种信息更及时、内容更丰富、形式更灵活、成本更低廉、受众更广泛的企业宣传方式。 企业在设计和制作网站时需要遵循一定的流程。通常需要首先进行网站的设计和规划，确定网站的目标和要求；然后选用合适的开发平台制作网页；在制作完成后按照规划设计测试和发布网站， 企业自身宣传网站案例 在网站投入运行后进行网站的维护工作。根据企业网站建设的目标和功能，在网站的规划设计阶段需要对网站建设中的技术、内容、费用、测试、维护等做出规划。用于进行企业自身宣传的网站，规划和设计其主要功能栏目是很重要的一个内容。充分的信息调查，合理的栏目规划对吸引访客、帮助匆匆的访客快速了解网站的内容、体现网站的设计主题都起到关键的作用。在网站发布后有时也需要对网站栏目作适当的调整。 企业自身宣传网站案例 1．规划页面布局 2．规划目录结构 3．新建站点 4．新建网页模板 5．创建网站首页 6．创建chanpin.htm 7．创建gongchang.htm 8．创建lianxi.htm 地方政府网站案 作为政府对外发布信息、服务人民群众、沟通社情民意的平台，政府网站建设是推进电子政务建设的一个非常基础和重要的组成部分。从功能上说，通常的政府网站需要实现信息发布、全文检索、公文传送、在线交互等功能，应做到更新及时、使用方便；从形式上看，其风格应严肃大方。本节以一个地方政府的网站建设为例，展示政府网站的一般制作过程。 政府网站一个最基本的功能是发布公开权威的信息，我们采用含有成熟、深远韵味的蓝色作为网站的基本色彩。政府网站的功能通常包括发布政府新闻、政务公告、办事指南、统计资料等，网上投诉、在线咨询等，查询信息、下载文档和表格等。 地方政府网站案例 本着“方便使用”的目的，为便于使用者尽快找到所需要的资源，将该网站具有的功能罗列在网站的首页，并在首页添加了许多浏览者经常需要访问的相关链接。由于网站栏目众多，内容庞杂，为了便于以后的维护，可以设置不同的子文件夹存放不同栏目的资料。网站的首页由于内容众多，和其他网页的布局不同，单独设计。而其他页面由于布局相同，为保持统一风格，可以使用模板来制作。 在听取用户的需求后，明确网站的功能，确定网站的主题，规划好网站的栏目。根据主题与栏目的需要准备素材。下面依次介绍主要页面的设计。 地方政府网站案例 1．新建站点 2．设计网站首页 3．设计网站模板一 4．设计网站模板二 5．页面设计一 6．页面设计二 网上购物网站案例 近年来，随着网络的普及，网上购物的便捷性和实用性日益凸显。在网上购物的人群越来越多，网上购物网站也如雨后春笋般涌现。本讲以一个书籍在线销售网站作为案例，介绍网上购物网站的设计。 由于在线销售的商品随着购进、卖出，信息变化性比较强，网页内容应该及时的反映这些变化。动态网页设计技术可以满足这一需求。此网站用于在线销售各种书籍，如同传统的商店，网站应能够分类显示出各种书籍的基本信息；为便于用户的选购可以开辟专门的畅销书、特价书专柜；还可供用户根据作者、书名等搜索书籍。 网上购物网站案例 传统的商店中会提供一个用于存放所购商品的篮子，在线网站中通称之为“购物车”，用于在用户付费之前暂时记录所购买的商品信息。用户在浏览商品时应该可以随时向购物车中添加/去除商品，修改商品数量，查看购物车中的商品。在用户确定所要购买的商品后可以选择付费方式。为发挥在线购物的优势，可以为用户的操作提供详细的帮助信息。 考虑到网站的功能，导航菜单中可以设计包括：首页、最新图书、特价图书、销售排行、联系我们等项内容。 网上购物网站案例 动态网页离不开数据库的支持。网站涉及到书籍、购物车、订单和用户的信息，在书籍信息中将书籍的类别单独存放在一个表中。系统适用于较小规模的网站，服务器端采用ASP技术，数据库管理系统采用微软的Access，脚本语言使用VBScript。 1．新建站点 2．网站模板的制作 3．设计网站的第二个模板 4．设计网