计算机应用基础－第8章 网站设计Dreamweaver CS4基础演示文稿.PPTVIP

第8章 网站设计基础 8.1 基本知识和操作要点 一、网站基本知识 1、网页、网站和主页 网页（Web Page）存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。 网站（Web Site）也称站点，被定义为已注册的域名、主页或Web服务器。 主页（Homepage）就是网站默认的网页，通常指用户进入网站后所看到的第1个页面。 8.1 基本知识和操作要点 一、网站基本知识 2、网站的分类  按照网站主题性质可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其他非盈利机构网站以及其他类型的网站。 8.1 基本知识和操作要点 一、网站基本知识 3．网站设计的步骤  （1）确定网站主题 （2）搜集材料 （3）规划网站 （4）选择合适的制作工具 （5）制作网页 （6）上传测试 （7）推广宣传 （8）维护更新 6.1 基本知识和操作要点 二、站点与网页的创建 1、新建站点 2、新建空白网页 6.1 基本知识和操作要点 三、网页元素编辑 1、插入文本 2、文本格式化 3、在网页中使用超链接 （1）为文本设置超链接 （2）设置电子邮件链接 （3）创建锚记链接 （4）创建热点链接 （5）设置图片链接和下载链接 4、使用导航栏 5、使用表单 6.1 基本知识和操作要点 四、网页布局方法 1、使用表格 2、使用框架 8.2项目 企业门户网站的设计 1．项目背景 计算机网络发展到今天，网络产生的社会和经济效益是无法估量的。人们在网络上共享信息，相互交流。在这样一个遍及全球，迅速、快捷的信息平台上，每一个公司都认识到它在实现公司的战略目标、提高公司和公司产品的知名度、挖掘客户关系资源、增强公司的市场竞争力的重要性。所以，有效地利用网络，设计好网站是摆在每个网站技术员面前的重要课题。 2．项目目的 为了做好公司的网站，必须认真地调查研究，决定公司要发布和关心的信息，进行规划和设计。本节把这个项目分解为3个任务，即网站的规划、网站和主页的设计、其它栏目网页的设计。通过这些任务的完成，可以联系公司的实践活动，增强实际工作的能力；同时对Dreamweaver基本知识的运用达到掌握和熟练应用的程度。 3．项目要求 （1）内容要求 （2）技术要求 8.2项目 企业门户网站的设计 8.2.1 任务1 网站的规划 1．任务目的 公司的网站是公司的形象窗口，是公司和客户的联系点。通过任务的完成，对如何规划、设计、测试、发布和维护网站等业务有初步的认识。 2．任务要求 1）提出网站规划的主要工作内容。 2）提出网站设计步骤。 3）提出测试要点。 3．方法和步骤 （1）网站规划 （2）网站的设计与制作 （3）网站的测试和维护 8.2项目 企业门户网站的设计 8.2.2 任务2 网站和主页的设计 1．任务目的 应用Dreamweaver CS4软件设计公司网站的结构和主页，从而既能清楚地知道公司网站和主页的设计过程，又能熟悉Dreamweaver构架站点的网页结构、应用主题、建立表格、编辑网页等操作。 2．任务要求 1）建立站点：站点的位置是“D:\君牛网站”。 2）站点中的网页结构：由1个主页和6个网页组成，其中6个网页分别为公司简介、新闻资讯、产品世界、营销网络、客户留言和联系我们。 3）主页要求。 ①醒目的公司名称，公司产品的动态广告，公司的详细联系方法。 ②主页还要对本网站其它网页的内容进行概要介绍，如公司简介，新闻资讯和产品展示。 8.2项目 企业门户网站的设计 8.2.2 任务2 网站和主页的设计 3．方法和步骤 （1）建立站点 （2）创建站点网页结构 （3）主页设计 8.2项目 企业门户网站的设计 8.2.3 任务3 其它栏目网页的设计 1．任务目的 除了主页之外，还有6个其它栏目的网页，分别是“公司简介（gsjj.html）”、“新闻资讯（xwzx.html）”、“产品世界（cpsj.html）”、“营销网络（yxwl.html）”、“客户留言（khly.html）”、“联系我们（lxwm.html）”，这些页面分别从各个方面来展示公司的信息，为企业起到很好的品牌推广作用。 2．任务要求 1）设计与主页相同风格的“公司简介”网页。 2）设计带有浮动框架的“新闻资讯”网页。 3）设计表格布局的“产品世界”网页。 4）设计带图片超链接的“营销网络”网页。 5）应用表单完成“客户留言”网页。 6）设计“联系我们”网页，显示公司具体的联系方式。 8.2项目 企业门户网站的设计 8.2.3