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