第11章 构建房地产类网站

©2007CAC教育机构CorporationCAC职业(岗位)培训课程1网页设计实用教程©2007CAC教育机构Corporation2第11章构建房地产类网站重点提示；♂在PhotoshopCS3中设计页面效果♂在FlashCS3中编辑网页动画♂在DreamweaverCS3中编辑网页©2007CAC教育机构Corporation3构建房地产类网站1实例分析2主要知识点3设计流程©2007CAC教育机构Corporation41实例分析兴民房地产公司作为一家成熟的房地产公司，就需要一个能很好地代表公司形象的网站。网站中需要有公司介绍以及公司的最新新闻，同时该公司希望在网站中宣传已经推出与即将推出的新楼盘，还提供了一个与物业、业主共同交流的平台，最后浏览者可以通过提供的联系方式和公司进行交流。其页面如图11-1所示。©2007CAC教育机构Corporation5主要知识点PhotoshopCS3涉及到的主要知识点DreamweaverCS3涉及的主要知识点©2007CAC教育机构Corporation6设计流程在制作网站之前应先收集要用到的文字资料、图片资料和动画资料等。例如要制作兴民房地产公司的网站，就先要收集到该企业的介绍、新闻资讯、楼盘信息和图片，以及其他一些相关资料等。在创建一个站点之前，还应该对整个网站的站点结构进行认真研究，以制作出一个详细的计划，规划站点结构是设计站点的必要前提，是指利用不同的文件夹将不同的网页内容分门别类地保存,在DreamweaverCS3中规划网页结构并完成网站的制作。©2007CAC教育机构Corporation7在PhotoshopCS3中设计页面效果1设置背景图片2制作网站的Logo3添加广告语4对图片进行裁剪5制作新闻元素©2007CAC教育机构Corporation8制作网站的Logo房地产公司网站的Logo在设计上应该符合网站风格，从而体现出房地产网站的宣传性，Logo的色彩搭配和内涵应该能体现出网站的定位，应具有很好的视觉观察性。在本实例中的Logo是以一张房地产图片为背景，图中有该房地产公司的名字和网址。©2007CAC教育机构Corporation9添加广告语引人瞩目的广告语是衡量一个网站是否成功的重要因素，广告语要求精炼、能够突出网站主题、凸显企业内容，因此，本房地产网站的广告语确定为“置业首选，信心至尊”。©2007CAC教育机构Corporation10制作新闻元素这部分是制作新闻部分的水晶图标和虚线等元素，由于这些元素要反复使用，所以可将其单独作为一个文件制作并保存起来，当在DreamweaverCS3中编辑网页时，直接插入制作好的文件即可。©2007CAC教育机构Corporation11在FlashCS3中编辑网页动画1制作网页导航栏2设计文字滚动效果3制作Flash动画©2007CAC教育机构Corporation12导航栏是一组超链接，它是利用导航视图或按钮创建的，通过导航栏可以很快速、方便地在站点中各网页之间来回跳转。制作文字滚动效果可以使网站不呆板，更能吸引浏览者的注意力，突出公司的促销、销售等新闻内容。把一组展示新楼盘的图片做成Flash动画不仅节约了空间，还可以给人以动态的感觉。©2007CAC教育机构Corporation13在DreamweaverCS3中编辑网页1创建并设置站点2设置页面属性4添加Logo和顶部图片3添加FlashCS3动画5添加图片和文字6网页底部制作7创建超级链接©2007CAC教育机构Corporation14设置页面属性在制作网页以前必须先设置页面属性，主要是设置题目、作者、关键字等网页的基本信息属性。因此设置页面属性是设计网页的前提条件。©2007CAC教育机构Corporation15添加FlashCS3动画Flash动画被广泛应用于网页页面，无论是动画Logo、Banner还是网站宣传动画，都需要先使用动画制作软件Flash完成之后，再将其插入到Dreamweaver网页文档中。©2007CAC教育机构Corporation16网页底部制作在网站设计过程中网页的底部设计也是必不可少的。网页的底部通常包括版权信息，联系方式，有的页面还有页面导航功能。©2007CAC教育机构Corporation17创建超级链接1．为文本创建超链接2．为图像创建超级链接3．为电子邮件创建超级链接©2007CAC教育机构Corporation18为图像创建超级链接创建图像超链接的方法与创建文本超链接的方法基本相同，只是具体图像属性面板上的参数设置多了一个“替换”文本框。为电子邮件创建超级链接在网页上创建电子邮件（Email）的超级链接，可以方便地让用户反馈意见，从而实现商家与消费者互动。访问者只需单击页面上的电子邮件链接，即可启动机器默认的邮件发送客户端程序。©2007CAC教育机构Corporation19总结与经验积累本章主要通过一个典型实例来详细介绍房地产类网站的具体制作过程，使用户了解房地产类网站的特点，并掌握如何利用PhotoshopCS3设计页面效果、在FlashCS3中编辑网页动画和使用DreamweaverCS3完成网站的制作。©2007CAC教育机构Corporation20本章结束，谢谢观赏