构建房地产类网站设计教程

1、网页设计实用教程1第 11章 构建房地产类网站 重点提示；在Photoshop CS3中设计页面效果在Flash CS3中编辑网页动画在Dreamweaver CS3中编辑网页2 构建房地产类网站1 实例分析主要知识点 设计流程31 实例分析兴民房地产公司作为一家成熟的房地产公司，就需要一个能很好地代表公司形象的网站。网站中需要有公司介绍以及公司的最新新闻，同时该公司希望在网站中宣传已经推出与即将推出的新楼盘，还提供了一个与物业、业主共同交流的平台，最后浏览者可以通过提供的联系方式和公司进行交流。其页面如图11-1所示。4主要知识点Photoshop CS3涉及到的主要知识点 Dreamwea

2、ver CS3涉及的主要知识点 5 设计流程在制作网站之前应先收集要用到的文字资料、图片资料和动画资料等。例如要制作兴民房地产公司的网站，就先要收集到该企业的介绍、新闻资讯、楼盘信息和图片，以及其他一些相关资料等。在创建一个站点之前，还应该对整个网站的站点结构进行认真研究，以制作出一个详细的计划，规划站点结构是设计站点的必要前提，是指利用不同的文件夹将不同的网页内容分门别类地保存,在Dreamweaver CS3中规划网页结构并完成网站的制作。6在Photoshop CS3中设计页面效果1 设置背景图片2 制作网站的Logo3 添加广告语4 对图片进行裁剪5 制作新闻元素 7 制作网站的Log

3、o房地产公司网站的Logo在设计上应该符合网站风格，从而体现出房地产网站的宣传性，Logo的色彩搭配和内涵应该能体现出网站的定位，应具有很好的视觉观察性。在本实例中的Logo是以一张房地产图片为背景，图中有该房地产公司的名字和网址。8 添加广告语引人瞩目的广告语是衡量一个网站是否成功的重要因素，广告语要求精炼、能够突出网站主题、凸显企业内容，因此，本房地产网站的广告语确定为“置业首选，信心至尊”。9 制作新闻元素 这部分是制作新闻部分的水晶图标和虚线等元素，由于这些元素要反复使用，所以可将其单独作为一个文件制作并保存起来，当在Dreamweaver CS3中编辑网页时，直接插入制作好的文件即可

4、。10在Flash CS3中编辑网页动画1 制作网页导航栏 2 设计文字滚动效果3 制作Flash动画11导航栏是一组超链接，它是利用导航视图或按钮创建的，通过导航栏可以很快速、方便地在站点中各网页之间来回跳转。制作文字滚动效果可以使网站不呆板，更能吸引浏览者的注意力，突出公司的促销、销售等新闻内容。把一组展示新楼盘的图片做成Flash动画不仅节约了空间，还可以给人以动态的感觉。12 在Dreamweaver CS3中编辑网页 1 创建并设置站点2 设置页面属性4 添加Logo和顶部图片3 添加Flash CS3动画5 添加图片和文字网页底部制作创建超级链接13设置页面属性在制作网页以前必须先

5、设置页面属性，主要是设置题目、作者、关键字等网页的基本信息属性。因此设置页面属性是设计网页的前提条件。14 添加Flash CS3动画Flash动画被广泛应用于网页页面，无论是动画Logo、Banner还是网站宣传动画，都需要先使用动画制作软件Flash完成之后，再将其插入到Dreamweaver网页文档中。15 网页底部制作在网站设计过程中网页的底部设计也是必不可少的。网页的底部通常包括版权信息，联系方式，有的页面还有页面导航功能。16创建超级链接 1为文本创建超链接 2为图像创建超级链接 3为电子邮件创建超级链接17为图像创建超级链接创建图像超链接的方法与创建文本超链接的方法基本相同，只是具体图像属性面板上的参数设置多了一个“替换”文本框。为电子邮件创建超级链接在网页上创建电子邮件（Email）的超级链接，可以方便地让用户反馈意见，从而实现商家与消费者互动。访问者只需单击页面上的电子邮件链接，即可启动机器默认的邮件发送客户端程序。18总结与经验积累 本章主要通过一个典型实例来详细介绍房地产类网站的具体制作过程，使用户了解房地产类网