网页设计库和模板的应用

《网页设计库和模板的应用》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、52门户网站实训指导（一）实训目标：1掌握门户网站的设计技巧。2掌握库项目和模板的制作及使用方法。实训步骤：一创建站点。在DreamweaverCS3中定义一个本地站点，命名为“52menhu”，存储位置为：D：sample52menhu，并将本项目素材文件夹下的图像文件夹image复制到网站的根文件夹下。然后，选择“窗口”→“资源”命令或者按F11键，打开“资源”面板。如图1。图1资源面板图2新建库项目banner二创建库文件。单击“资源”面板右下角的按钮，新建一个库，然后在列表框中输入库的名称banner并加以确认。使用同样的方法创建名称为foot的库文件。二、制作

2、主页的Banner基本步骤:1.在“资源”面板中双击打开，找到库文件banner.lbi。2.插入一个3行1列，宽为760像素的表格。3.设置表格属性(具体步骤参照书讲解)。4.插入图片，输入文本。最终效果如图3所示:图3banner效果图制作页脚基本步骤：（1）在资源面板中打开库文件foot.lbi；（2）插入一个3行1列,宽为760像素的表格；（3）设置表格属性，参数如图4；图4表格属性（4）输入文本，并保存文件。效果如图5所示。图5页脚效果图l四、库项目的应用l1.插入库文件新建页面myindex.html，依据前面做的banner.lib和foot.lib文件充实首页

3、面myindex.html。打开“资源”面板，点击左下角的“插入”按钮，分别将两个库项目分别插入到页面对应位置。2.编辑库项目在资源面板中单击“编辑”按钮，可打开库项目进行编辑。编辑的方法同编辑普通页面一样。任务2制作女性频道子页1、使用模板建立子页操作步骤：（1）将素材中的首页复制到站点中。选择“文件”→“另存为模板”命令，将已有页面另存为模板，命名为moban1。2、定义可编辑区域操作步骤：（1）选择“插入”→“常用”命令，单击“可编辑区域”按钮或者选择“插入”→“模板对象”→“可编辑区域”命令，打开“新建可编辑区域”对话框。（2）单击“确定”按钮，建立名为EditReg

4、ion3的可编辑区域。（3）依据上面的步骤可依次建立多个可编辑区域。