项目五 制作52门户网站.pptVIP

1.项目描述及分析 2.制作Banner和页脚 任务1 制作52门户网站主页的Banner和页脚 一、创建库文件 二、制作主页的Banner 基本步骤: 在”资源”面板中双击打找库文件banner.lbi 插入一个3行3列,宽为760像素的表格 设置表格属性(具体步骤参照书讲解) 输入文本 最终效果如下图下示: 三、制作页脚 操作步骤: 2.制作Banner和页脚 四、库项目的应用 1.插入库文件 2.编辑库项目 2.制作Banner和页脚 3.库项目的分离 3.制作子页 任务2 制作女性频道子页 1、使用模板建立子页 3.制作子页 2、定义可编辑区域 操作步骤： （1）选择“插入”→“常用”命令，单击“可编辑区域”按钮或者选择“插入”→“模板对象”→“可编辑区域”命令，打开“新建可编辑区域”对话框。 （2）单击“确定”按钮，建立名为EditRegion3的可编辑区域。 （3）依据上面的步骤可依次建立多个可编辑区域。 3.制作子页 任务3 使用模板和库创建“女性频道”子页 操作步骤 ： 3.制作子页 （5）选择“插入”→“图像”命令，插入素材图片images\ban6.jpg。 （6）用同样的方法，插入素材图片images\ban5.jpg。 （7）依次对其它可编辑区域进行编辑，保存文件为lady.html，效果下图所示。 4.插入网页广告 一、认识JavaScript JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，可与HTML超文本标记语言一起实现网页中的动态交互功能。JavaScript通过嵌入或调用在标准的HTML语言中实现其功能，弥补了HTML语言的不足，使网页变得更加生动。 注意：使用JavaScript时，HTML注释标记符的结束标记符之前有双斜杠“//”。双斜杠是JavaScript语言中的注释符号，如果没有双斜杠，JavaScript解释器将试图把HTML注释的结束标记符作为JavaScript来解释，从而有可能导致出错。 4.插入网页广告 二、制作浮动广告---为52门户网站的“生活频道”子页面添加一个浮动广告 步骤提示： （1）打开素材文件夹下的life.html文件。 （2）选择“插入”→“布局”→“绘制 AP Div”命令，在网页的右上角绘制一个AP元素，并在AP元素中插入图像images\t9.jpg。 （3）选中AP元素，打开“属性”面板，在“CSS-P元素”文本框中将其名称修改为sohususpend，在“左”文本框中输入773像素，在“上”文本框中输入17像素。 （4）单击“拆分”按钮，在AP元素的图像代码中输入以下代码： style=CURSOR:hand onclick=window.open(/); 4.插入网页广告 （5）移动光标到层代码的/div后面，然后输入JavaScript脚本代码，具体代码请参见书P117。 （6）保存网页，按F12键浏览网页，可发现刚才插入的浮动广告图片可以随右侧滚动条的移动而上下移动，如下图所示。 5.制作用户反馈页面 任务4 使用表单制作用户反馈页面。 一、认识表单 表单是访问者与网站管理者之间进行动态数据交换的一种交互方式。通常，一个表单中会包含多个表单对象，也称为控件，如用于输入的文本域、用于提交信息的按钮、用于选择的单选按钮和复选框等。一个完整的表单包括表单对象和应用程序两个基本组件，其中，表单对象在网页中起描述作用，应用程序则是服务器或客户端的脚本，通过它可以实现对用户信息的处理。 5.制作用户反馈页面 二、表单制作反馈页面的操作步骤： 提示 （1）插入表单 （2）设置表单“类型”和表单属性 （3）输入文本，保存文件，最终效果如下图所示。 6.知识链接 制作动态日期显示 创建文件域和图像域 文件域，是指当使用POST方法将文件从浏览器传输到服务器时，该文件被发送到表单的“动作”文本框中所指定的地址。一般来说，上传文件时必须有服务器给予的权限，普通网页表单不能将文件上传到服务器上。 图像域，是指标准按钮的替代按钮。在网页中，使用图像作按钮图标可以增加网页的视觉效果。 7.拓展学习 门户类网站的功能分类 门户类网站的设计要点 实训 1．创建与应用网页模板，参考步骤如下。 （1）打开本项目的素材文件夹，新建网页文件life1.html。 （2）打开“资源”面板，选择“模板”→“新建”命令，创建一个名为moban.dwt的模板文件。 （3）编辑moban.dwt模板文件的内容，对模板进行设计。 （4）在模板中将应用到网页后需要修改的部分定义为可编辑区域。 （5）保存模板。 （6）新建网页new.html，应用模板moban.