计算机网络实用技术王恩波张露第12章网站规划与设计课件教学.pptVIP

12．1网站规划 最糟糕的情况是可能没有人访问这个站点，以后将不得不因此而对网站进行大规模的改动。而进行改动的工作量可能比你原先创建这个网站的工作量还要多。因此，设计一个站点要深谋远虑，不仅需要确定站点面对的观众是谁，以及站点应包括什么信息，而且要规划怎样在站点上表示这些信息。 确定网站的类型 ICP,ISP网站：接入提供商的站点，也是专业网络企业站点。以内容为主，设计为辅，注重速度。在设计这类网站时不要太花哨，应注重信息量。例如雅虎 ，网页的设计堪称简洁、速度的典范。 2．传统企业的网站： 传统企业为了更好地宣传自己的产品，扩大销路，使自己的产品走向世界，提高自己企业的形象而制作的网站，这种网站制作应结合本身产品特点而制作的特色网站，相对来说比较注重产品的营销。在设计上非常专业和大气，尤其是名牌产品公司的网站，例如图12.2的李宁公司中国网站。 3．政府网站：作为政府职能的宣传，政府站点一般要求设计朴素、大方、稳健，例如首都之窗网站。 4，专业组织网站：对某一领域或组织的专门介绍，例如藏羚羊网站。 5．个人网站：个人兴趣爱好的展示。 12．1．3 确定创建网站的目的 1、你打算与访问你的Web站点的客户共享什么信息？ 2、你打算从Web站点的用户那里收集哪方面的信息？ 3、你有多少时间和经费能够花费在Web站点的维护上？ 确定网站的观众 确定观众是规划Web站点时你能做的最重要的事情。这实际上是必须要做的市场研究。必须确定希望谁来访问这个Web站点，然后规划这个站点使其能吸引这些人。 Dreamweaver Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。Dreamweaver与它的另外两个软件 Flash，Firework 合称为网页制作三剑客。（DIW认证） 13．2 创建自己的站点 第一步，准备工作： 首先在E盘上建立一个以自己姓名命名的文件夹，可以使用英文字母，例如“wangenbo”,或者”王恩波网站”作为自己存放站点文件的地方。 在“wangenbo”文件夹下，建立子文件夹“images”,存放自己收集的图片；“Flash”存放自己 制作的Flash动画；…… 建立子文件夹“web page”,存放自己的网页。 完成的个人网站文件夹格式： 建立子文件夹： Images 存放自己收集的图片； Flash 存放自己 制作的Flash动画； web page 存放自己的网页 建立2个文件： index.htm 自己制作的主页 网站设计说明书.doc 第二步，进入Dreamweaver打开站点窗口，新建一个站点。 开始--程序（或双击桌面上Dreamweaver图标） Macromedia: Dreamweaver MX/ 菜单“站点”--新建站点：高级 站点名称：本人姓名（王恩波网站） 本地根文件夹：选E:\wangenbo(自动刷新） 默认图象文件夹：选E:\wangenbo\ images ＨＴＴＰ地址：暂时不填 确定--完成 第三步，打开站点窗口，新建主页文件：index.htm。 标题：改为“主页”， 文件／另存为 ( untitled.htm改为)　E:/wangenbo/index.htm 第四步，编辑主页． 双击index.htm，录入自己设计的文字； 插入／图象： wangenbo／images 选择一张图片 修改／页面属性： 每步注意保存( Ctrl+S) 录入文字 打开Dreamweaver MX窗口，直接录入文字。 需要分段：按Enter键 缩小间距：Shift+Enter 设置文字格式：选定文本——文本： 字体，颜色，对齐，大小…… 插入 日期，特殊字符，项目列表，水平线，…… 插入图片 没有图片的网页显得非常单调，我们在网页中添加图片使页面更加生动，图文并茂。 做网页时要养成良好的制作习惯，把所有的图片都放在同一个目录下，我们可以建立一个名为“images”的文件夹，将主页中需要的图片都放在这个文件夹下。这样就不会随着网页越来越多，网页和图片混在一起，不方便我们找到所要的网页或图片等。 网页中所用到的图片都是事先准备好的，为了做出漂亮、精致、有特点的网页，平时要多准备一些网页素材。对于要用的图片，还可以用PhotoShop、Fireworks等图形工具处理一下，达到想要的效果，为提高主页下载速度，可将图片改为gif或jpg格式。 图片的插入和编辑 网络只支持3种图片格式：JPG，GIF，PNG 插入／图象：选择图象源文件： wangenbo／images 选择一张图片/确认 插入／交互式图象： 设置图片格式： 选定图片/右击/属性： 名称，宽，高，，链接，编辑…… 插入图片，见图 插入多