计算机网络与网页制作 Chapter15:使用模块化技术 复旦大学计算机学院 肖川 xiao@fudan edu cn 1
计算机网络与网页制作 Chapter 15：使用模块化技术 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1
目标 *添加代码片断 *使用库重用一些常用项 *新建和修改页面模板 *新建和复制模板内可编辑区
目标 添加代码片断 使用库重用一些常用项 新建和修改页面模板 新建和复制模板内可编辑区 2
效果 交特收夹A工具均时 新大手机商城 三星手机 dan 应C一 新大陆手机商城 首页产品服芳关于我们联系我们 智能手机 资讯导购 三星55830 三奥1220 三显v899 小米手机 苹果 iPhone4 索爱LT18i 诺基亚N9 基亚c5-03 R galaxy 降价信息! 三奥29 您知通玛?我们致力于使我们的客户拥有 来自世界各地的最高品质的手机和设备。 我们与供应鬲之间的关系,使我们能够提
效果 3
1.代码片断的介绍 代码片断库类似 *代码片断库 于超级剪贴板 *页面内任何元素(即代码片断)可存储为库元件 *库是DW软件的一部分,不限于某个站点 *任何站点都可使用库里的代码片断 *通过“代码片断”面板管理库元件 *修改库元件不会影响已经在页面内使用的此元 件实例
1. 代码片断的介绍 代码片断库 页面内任何元素(即代码片断)可存储为库元件 库是DW软件的一部分，不限于某个站点 任何站点都可使用库里的代码片断 通过“代码片断”面板管理库元件 修改库元件不会影响已经在页面内使用的此元 件实例 4 代码片断库类似 于超级剪贴板
2使用代码片断 *“代码片断”面板 *添加、编辑代码片断 *选中代码片断并拖至页面内 *很多现成的代码片断代片断 Lorem >ipsum Dolar Amit 3称 拍述 代码片断库 JavaScript 1日版 日@导航 国面包屑 指示当前页面 田文本 出◎注释 插入 5
2. 使用代码片断 “代码片断”面板 添加、编辑代码片断 选中代码片断并拖至页面内 很多现成的代码片断 5 代码片断库