网站设计及制作项目教程.pptVIP

项目六 房地产主题网站 【项目说明】 房地产网络营销通常首先是建立自己的网站(homepages)，然后借助各种方式，让消费者获知该营销项目在互联网上的域名地址，而消费者则根据自己的需要浏览房地产企业或项目的网页，了解正在营销的房地产项目，同时可以在线向房地产营销网站反馈一些重要的信息。 房地产网络营销的理想方式，最大特色即在于“足不出户，选天下房”。不需要从一地赶到另一地选房看房，仅在家里利用互联网，就可了解房地产楼盘项目的规模和环境，进行各种房屋的查询和观看，一个构建完善的房地产网站，在对各种房地产项目进行了全面而审慎的选择、比较后，购房者即可找到符合自己心目中理想需求的房屋，过去十分耗费时间、口舌和精力的选房过程,在网络营销的环境中,变得十分轻松有趣和迅速快捷。 【技能目标】 学会应用CSS实现滤镜效果；初步掌握CSS+Div网页布局；初步掌握。 【知识准备】 学习网站站点的建立和管理，学习Dreamweaver CS4的基本操作，学习应用CSS实现滤镜效果、掌握CSS+Div网页布局、行为的应用。 房地产网站效果图 准备1 CSS实现滤镜效果 准备2 Div+CSS网页布局 准备3 自动跳转页面网页 准备4 打开浏览器窗口 准备5 弹出信息 准备6 跳转菜单 任务1 “佛山奥园房地产网站”首面的实现 任务2 奥园简介页面 任务3 精品楼盘页面制作 准备一 CSS实现滤镜效果 网页制作在制作网站时会用到各种效果，可以用CSS的滤镜来实现这些效果，网站工作室常用的CSS 滤境的详细介绍。 1、ALPHA 属性 2、BLENDTRANS 属性 3、BLUR属性 4、CHROMA 属性 5、DROPSHADOW 属性 6、FLIPH 属性 7、 GLOW 属性 8、GRAY 属性 9、INVERT属性 10、LIGHT 属性 11、MASK 属性 12、REVEALTRANS 属性 13、SHADOW 属性 14、WAVE 属性 15、XRAY 属性 准备二 Div+CSS网页布局 1、DIV CSS 2、使用CSS+DIV的优点 3、在DIV+CSS中如何让布局居中、背景图片居中、文字内容居中 准备三 自动跳转页面网页 1、网页行为 行为概念 网页行为在网页中是比较多见的，如弹出窗口、鼠标移上去图片切换等，当发生某事件时执行某动作的过程叫行为，行为是事件和动作的组合。如：打开网页时，打开对话框这个行为中打开网页（onload）是事件，打开对话框是动作。 事件是指：对网页施加影响的某件事。如 单击onclick　　　　 鼠标移到某对象上onmouseover 双击ondblclick　　　 鼠标从某对象上移开onmouseout 打开网页onload　　　离开网页onunload　　 以上事件一般作用在body标记上 以上事件一般作用在图片、链接上，不能直接作用在文字上。 准备三 自动跳转页面网页 2、什么是网页自动跳转? 网页自动跳转，也叫自动跳转重定向。指当访问用户登陆到某网站时，自动将用户跳转其它网页地址的一种技术。跳转的网页地址可以是网站内的其它网页，也可以是其它网站。 准备三 自动跳转页面网页 3、自动跳转页面网页设计 【例7.1】 制作如下跳转网页，跳转前如图7.3所示，跳转后如图7.4所示。 准备三 自动跳转页面网页 制作过程如下： 提示/知识点：使用转到URL命令制作自动跳转页面效果。 1）先准备好如上图7.3.HTML、7.4.HTML两个网页。打开样图7.3- PAGE1.HTML页面。 2）打幵行为编辑工具：“窗口－行为”，弹出行为面板，单击面板上的“＋”按钮，在弹出的菜单中选择“转到URL”对话框，如图7.5所示。弹出“转到URL”对话框，如图7.6所示。 准备三 自动跳转页面网页 3）单击转到URL”对话框右侧“浏览”按钮，选择准备好的图7.4所示页面PAGE2.HTML，单击“确定”按钮完成设置。 准备四 打开浏览器窗口 1、打开浏览窗口 提示/知识点：使用打开浏览窗口命令制作浏览网页时自动打开一个新窗口。制作如下打开浏览窗口网页，如图7.7所示。 准备四 打开浏览器窗口 制作过程如下： 1）先准备好page3.html、page4.html两个网页。如图7.8、7.9所示. 弹出窗口page4.html不能太大，内容要少一些。 准备四 打开浏览器窗口 2）打开制作好的page3.html页面，把光标移到页面中所有表格以外，点击行为窗口上的“+”按钮，从弹出菜单中选择“打开浏览器窗口”一项，如图7.10所示。 准备四 打开