教学单元设计（网站模块化设计）教学课件.ppt

《教学单元设计（网站模块化设计）教学课件.ppt》由会员分享，可在线阅读，更多相关《教学单元设计（网站模块化设计）教学课件.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、规划展览馆网站前台设计规划展览馆网站前台设计网站模块化设计网站模块化设计任务编号：任务编号：2-42-4地 点： 网影科技有限公司网页设计部时 间： 上午8：30主 持： 网页设计部项目总监参加人员：网页设计部各项目组经理及成员会议议题：BTB资讯网站建设项目中规范化批量设计网页 创建情境创建情境网页设计部每周例会制作完成网站首页面制作完成网站首页面制作完成网站二级页面设计制作完成网站二级页面设计试做网站模板试做网站模板,批量生产网页批量生产网页已完成工作会 前规规 范范如何确定模板的可编辑区域的规范如何确定模板的可编辑区域的规范如何对页面中重复的元素进行修改如何对页面中重复的元素进行修改方方

2、 法法通过模板设置链接通过模板设置链接库的简单应用库的简单应用对网站进行简单的测试对网站进行简单的测试 讨论分析与解决讨论分析与解决思思 路路1.1.制作网站模板制作网站模板 2.2.利用模板修改网页中重复使用的页面元素利用模板修改网页中重复使用的页面元素 讨论分析与解决讨论分析与解决规规 范范如何确定合适模板的可编辑区域如何确定合适模板的可编辑区域分析判断分析判断解决方法解决方法1.1.根据客户需求分析，确定其他页面需修根据客户需求分析，确定其他页面需修改的内容及位置改的内容及位置2.2.综合考虑二级页面的排版布局综合考虑二级页面的排版布局讨论分析与解决讨论分析与解决规规 范范2.2.如何对

3、页面中重复的元素进行修改如何对页面中重复的元素进行修改模板的修改更新模板的修改更新解决方法解决方法1.1.模板固定区域的设定模板固定区域的设定2.2.修改模板对页面重复元素的影响修改模板对页面重复元素的影响3.3.网站页面的模板的更新网站页面的模板的更新讨论分析与解决讨论分析与解决创建模板创建模板解决方法解决方法模板的作用：模板的作用：将网页中统一的模式和风格分离将网页中统一的模式和风格分离,成为模板成为模板操作步骤：操作步骤：思思 路路1.1.利用已有页面制作网站模板的方法利用已有页面制作网站模板的方法打开一个已经存在的网页打开一个已经存在的网页 另存为模板另存为模板 新建可编辑区域新建可编

4、辑区域 保保 存存 讨论分析与解决讨论分析与解决2.2.利用模板修改网页中重复使用的页面元素利用模板修改网页中重复使用的页面元素修改更新模板修改更新模板思思 路路1.1.利用模板新建网站页面利用模板新建网站页面 操作步骤：操作步骤：文件里选择文件里选择 新建新建 打开打开“模板模板”选项选项卡卡 选择模板选择模板 创建网页创建网页对可编辑区域内容重新设置对可编辑区域内容重新设置 保保 存存讨论分析与解决讨论分析与解决2.2.利用模板修改网页中重复使用的页面元素利用模板修改网页中重复使用的页面元素修改更新模板修改更新模板思思 路路2.2.修改模板更新网站页面修改模板更新网站页面 操作步骤：操作步

5、骤：保存模板保存模板 更新网站页面更新网站页面(如左图如左图) 保存全部页面保存全部页面讨论分析与解决讨论分析与解决链接的制作链接的制作方方 法法1.1.通过模板设置链接通过模板设置链接1.1.修改网站的链接修改网站的链接2.2.保存模板、更新网站页面保存模板、更新网站页面讨论分析与解决讨论分析与解决库元素的应用库元素的应用方方 法法2.2.库的简单应用库的简单应用1.1.库的作用库的作用2.2.库元素的设置和修改库元素的设置和修改 Library元素的应用讨论分析与解决讨论分析与解决测测 试试解决方法解决方法3.3.对网站进行简单的测试对网站进行简单的测试 1.1.在在Dreamweaver

6、Dreamweaver对设置好的链接进行测试对设置好的链接进行测试2.2.常用的测试工具常用的测试工具方方 法法1）设计规范：）设计规范：(1(1）创建网页模板）创建网页模板将网页中风格、样式统一的部分分离出来形将网页中风格、样式统一的部分分离出来形成模板成模板(2(2）确定模板的可编辑区域的规范）确定模板的可编辑区域的规范1.根据客户需求分析，确定页面需修改的内容及位置根据客户需求分析，确定页面需修改的内容及位置2.综合考虑二级页面的排版布局综合考虑二级页面的排版布局归纳总结归纳总结 ）对页面中重复的元素进行修改）对页面中重复的元素进行修改1.1.模板固定区域的设定模板固定区域的设定2.2.修改模板对页面重复元素的影响修改模板对页面重复元素的影响3.3.网站页面的模板的更新网站页面的模板的更新归纳总结归纳总结3 ）网站的简单测试）网站的简单测试1.1.在在DreamweaverDreamweaver进行测试进行测试2.2.利用专用工具测试利用专用工具测试归纳总结归纳总结项目组整改方案,并创新设计项目组撰写总结报告项目组进行下阶段工作准备继 续 修 改创 新 设 计会后