十 三.使用模板和库.

Slides:



Advertisements
Similar presentations
●公司簡介. ●公司組織 行銷 企劃部 行銷 企劃部 研發 設計部 研發 設計部 視覺 設計部 視覺 設計部 媒體 製作部 媒體 製作部 行動 裝置部 行動 裝置部 執行長 總經理 管理部 本公司組織人力配置除董事長、執行長、總經理外,共 有六大部門,分別為研發部 6 人、管理部 4 人、視覺設計部.
Advertisements

简历填写攻略. 简历投放  不要被招聘要求吓倒  不要海投,乱投  看清招聘要求再投,不要投能力相差过多的岗位,根 据招聘要求去填写简历:如需注明薪金要求  主要投放渠道:招聘会,人才网  尽量不要投同一公司的多个岗位  三大人才网站:前程无忧,中华英才网,智联招聘.
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
5.3 页面布局 1. 用表格实现页面布局 用表格实现页面布局 2. 用框架布局页面 用框架布局页面 3. 层的使用 层的使用.
LOGO 《静态网页设计》课程整体设计 电子信息工程系 计算机专业 李超燕. LOGO 2 课程在专业课程体系中的定位 3 岗位分析 目 录 1 课程的基本信息 6 本课程的特色和效果 4 教学整体设计 5 教学基本条件.
熟悉 Dreamweaver 的工作區與基本操作
16 邁向網頁的未來-HTML5 Pack 與 Widget Browser 使用 HTML5 來為多重螢幕裝置進行設計 變更檢視區大小
互動表單的應用.
聞一多詩集導讀-- 《死水》與《紅燭》 系級/組別:森資一 第五組
讲好后勤故事 提升后勤形象 淮阴师范学院宣传部副部长 张同刚.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
活力校園 5C 顏慧玲.
行動終端應用軟體創作專題競賽 題目:商品後端管理APP
20 使用Dreamweaver构建HTML结构
六. 布局.
主讲 冷清波 城乡规划管理与法规 主讲 冷清波
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
民生化學概論 民生化學產業領域與趨勢
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
Dreamweaver的工作界面.
蘇軾詞的賞析
第 6 章 加入超連結.
数据访问页.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
14 Spry工具集與資料集的使用 認識 Spry 關於版面配置 Spry 工具集 Spry 選單列 Spry 標籤面板
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
第8章 样式表.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
Selenium 一个用于Web应用程序测试的工具 Robin Ren
Dreamweaver 8网页设计 计算机系.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
网页设计 上海建桥学院信息技术系 矫桂娥
第 3 章 網頁的基本設定與預覽.
网站设计 前端 入门学习.
第15章 行为 Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的.
指導老師:王木良 開發團隊:林佳恩、吳建興、黃拱錠、李昕霓 樹德科技大學資訊工程系 2015/12/11
HTML 5與課程簡介 靜宜大學 資管系 楊子青.
学生网页作品情况分析.
認識我的故鄉_台中市.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
HTML 5與課程簡介 靜宜大學 資管系 楊子青.
武汉纺织大学传媒学院 cm.wtu.edu.cn
计算机网络与网页制作 Chapter 11:用CSS作页面布局
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
模板与库.
站群系统管理平台简介 网教中心 2014年10月29日.
武汉纺织大学传媒学院 cm.wtu.edu.cn
主讲:陶建平 华中科技大学网络与计算中心
動態網頁程式設計實習 主講人:徐培倫老師.
網站HOLMES DATA監測代碼.
武汉纺织大学传媒学院 cm.wtu.edu.cn
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
网页设计与制作 Jiangxi Engineering Vocational College 信息工程系 徐卫红.
第12章 APDiv 对于有Dreamweaver基础的读者来说,初识APDiv或 许会感到即熟悉又陌生。熟悉于它的Div标识符, 陌生于他在CS3版本中的含义及作用。其实,APDiv 在Dreamweaver CS4中仍等同于前期版本的层,又 称为AP元素或CSS-P元素,本文以下简称AP层。 什么是层?有什么作用?前面我们学习过了表格,
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
聽聽那冷雨---重點摘要 二愛 王煜榕.
網頁程式設計 袁福良 B B.
閱讀調查- 書本不敵網路魅力 102王婉汝、莊雅鈞.
憲政與民主 應化3A 邱泓明.
標示語言 超文本標示語言(HTML) 製作簡單網頁
网页设计三合一教程 主讲教师 2019/6/2.
实例导入| 模板的编辑和创建 | 模板的应用和更新 | 使用库 | 生成站点
FrontPage 2000.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
Presentation transcript:

十 三.使用模板和库

十三.使用模板和库 第13章 模板的使用 1.掌握创建模板的方法 2. 掌握定义模板的可编辑区域的方法 3. 掌握创建应用模板的文档的方法 4. 掌握创建、管理和编辑库项目的方法

十三.使用模板和库 在DW中,用户可以将现有的HTML文档创建为模板,然 后根据需要加以修改,或者创建一个空白模板,在其 1. 创建模板 在DW中,用户可以将现有的HTML文档创建为模板,然 后根据需要加以修改,或者创建一个空白模板,在其 中输入需要显示的文档内容。模板实际上是一个扩展 名为.dwt的示例文档,它存放在根目录的Templates文 件夹中。模板文件夹并不是从来就有的,它是在创建 模板的时候自动生成的。

十三.使用模板和库 1.1 将现有文档保存为模板 “文件”菜单-“另存为模板” 1.2 创建空白模板 “资源”面板-在资源类型中选择“模板” ① 打开模板面板: “资源”面板-在资源类型中选择“模板” ② 右键点击“新建模板”创建一个空白的模板 (注意:如果模板面板里面原来是空白的时候,即什 么都没有的第一次情况下,有时“新建模板”按钮 会显示不起作用,正常应该是可以的)

十三.使用模板和库 1.3 编辑模板 直接双击打开进行编辑: 在保存时,如果没有可编辑区域,会出现警告信息 删除模板 重命名:

十三.使用模板和库 2. 定义模板的可编辑区域 在模板中,包括两种类型的区域,一种是可编辑区 域,一种是锁定区域(也称非可编辑区域)。对于应 用模板的页面,可编辑区域中的内容可以改变,锁定 区域的内容始终保持不变。 默认情况下,新创建的模板的所有区域都处于锁定状 态,因此要使用模板,必须将模板中的某些区域设置 为可编辑区域。

十三.使用模板和库 DW有能力定义每个模版页面中模版控制的部分和个别 部分的定义。你可以在模版区域中完成这些工作。DW 支持四种区域: 1.可编辑区域: 这个是基于模版的页面的一部分。你可以自由的编辑 并对模版或者任何其他的基因模版的页面没有任何影 响。

十三.使用模板和库 2.可选择区域: 这些块的内容呈现在模版中,但是你可以显示或者隐 藏基于模版的页面。比如,一个站点需要一个登陆来 在一个仅有的区域让成员登陆,你可以在工具条中放 置一个小的登陆表格,这样,你就可以简单的在公共 页面上显示登陆窗口并把它放在只有你会员可见的地 方。可选的区域可以包含被锁的内容或者可编辑的区 域。 通过“修改-模板属性”使到其是否显示

十三.使用模板和库 3.重复区域: 这个块中的内容用户可以复制。比如,模版的新页面 包括了一个重复区域,这个区域包含了预先格式的标 题和body文本占位符作为一个新的项目。用户可以简 单的点击一下按钮添加或者删除单独的新项目。

十三.使用模板和库 4.锁定的区域: 这个是模版的其他部分,这个部分的任何一块都不能 被其他区域定义。你不能在Dreamweaver中编辑锁定的 区域中的任何一个基于模版的页面。为了改变锁定的 区域的内容,你可以编辑模版代替编辑页面。

十三.使用模板和库 2.1 定义和锁定可编辑区域 ①确保“查看菜单-可视化助理-不可见元素”开启 ②要定义现有模板内容作为可编辑区域,可在模板文中选择需要将其设置为可编辑区域的文本或其它内容 ③然后选择“插入-常用-模板-可编辑区域”,注意可编辑区域名称不能有重复。 ④如果要锁定可编辑区域(即去除可编辑区域),选中该区域,“修改菜单-模板-删除模板标记”(注意:如果直接按delete键会是什么情况?虽然可以删除,但是......)

十三.使用模板和库 2.2 设置模板参数 编辑菜单-首选参数-编辑色彩

十三.使用模板和库 2.3 查看可编辑区域和锁定区域 在模板文件和应用模板的文档中,可编辑区域在文档窗口的设计视图中加以颜色加亮的矩形框显示,并且在每个可编辑区域的左上角的标签中都会显示该区域的名称。 在模板文件中,仅可编辑区域使用加亮颜色标记出外框,用户可以改变可编辑区域和锁定区域的内容。

十三.使用模板和库 在应用模板的文档中,除了可以显示可编辑区域 的边界外,整个页面周围也将显示一个加亮的颜 色外框,在页面右上角的标签中,显示当前文档 应用模板的名称。 在应用模板的文档中,只有在可编辑区域中才能 进行编辑和修改,在锁定区域中,无论光标移动 到那里,都将显示不可编辑状态。

十三.使用模板和库 2.4 在模板中使用样式、时间线、行为和头标记 在应用模板的文档中,并不是所有的css样式、时间线、行为和头标记都能够被支持。所有这些元素的插入信息都存放在文档的头部,一旦应用模板文档的头部区域锁定(除文档标题外),DW将不能在文档中插入样式表或Javascript代码。要想在应用文档中使用这些项目,必须将它们添加到文档应用的模板中。

十三.使用模板和库 如果将这些元素添加到模板文档中还是不可用,这时需要将文档从模板中分离出来,将头部区域设置为可编辑区域。但是,当文档从模板中分离,如果模板被改变,文档将不能被更新。

十三.使用模板和库 3. 创建应用模板的文档 3.1 创建应用模板的文档 从现有的文档新建网页文件: “文件菜单-新建-模板”选择具体那个模板新建页面

十三.使用模板和库 3.2 在现有的文档上应用模板 在资源面板中选择相应模板,点击应用,或直接把模板拖动到文档中。 如果现有文档存在不能自动指定到模板区域中的内容,则系统将打开“不一致的区域名称”对话框,它将列出要应用的模板中的所有可编辑区域。利用它可以为不一致的内容指定目标区域。

十三.使用模板和库 在对话框中选择未解析的内容后,在“将内容移到新区域”下列列表框中选择区域。如果选择“不在任何地方”,则将删除所选内容。若要将所有非解析的内容移动到选定的区域,可单击“用于所有内容”。

十三.使用模板和库 如果要撤消应用模板,可选择“编辑-撤消应用模板”(即后退撤消操作) 在模板中,所有可编辑区域都列举在“修改菜单-模板”在菜单的最下面,使用它们可以快速选择和编辑区域内容。

十三.使用模板和库 3.3 从模板中分离文档 “修改菜单-模板-从模板中分离”

十三.使用模板和库 3.4 更新基于模板的页面 ① 打开和修改文档基于的模板 要打开和修改文档应用的模板,可选择“修改菜单-模板-打开附加面板”,这是将在新窗口中显示打开的模板。根据需要,可以修改模板相应内容。 ②更新当前文档 保存更改过的模板后,系统将打开“更新模板文档”。此外,当文档基于的模板被修改后,打开要更新的文档,然后“编辑菜单-模板-更新当前页”将当前文档更新。 ③更新整个站点或所有使用特定模板的文档 “修改菜单-模板-更新页面”

十三.使用模板和库 4.库项目 存放各种多个页面中重复使用的页面元素。 库文件的扩展名为.lbi,默认路径为“站点文件夹\library”