构建房地产类网站.ppt

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