VS2005以后的MFC如何修改菜单的颜色
VS2005以后,MFC将Menu从MainFrame上移到了MenuBar上,因此在创建MainFrame(即调用OnCreate()中),执行到
if (!m_wndMenuBar.Create(this))
这句后,从MainFrame上执行GetMenu就不能获得正确的CMenu指针了,以后
的GetMenu就只能返回0了。要取得CMenu指针,需要执行:
m_wndMenuBar.GetMenu();
如果想要修改菜单的风格,象以前那样利用SetMenuInfo()函数,无法改变菜单的
风格。
这是由于Microsoft引入了UI管理器(VisualManager)来管理包括Menu、Tasks pane、Auto-hide buttons、Edit box、Popup window、Ribbon control等在内的视图风格。
因此,要改变视图的风格,则需要利用这个UI管理器来实现,也可以利用它实现换肤。
以缺省生成的MFC单文档程序为例,MainFrame中有一个OnApplicationLook()函数,在该函数中对设置不同的风格管理器:
void CMainFrame::OnApplicationLook(UINT id)
{
CWaitCursor wait;
theApp.m_nAppLook = id;
switch (theApp.m_nAppLook)
{
case ID_VIEW_APPLOOK_WIN_2000:
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage r));
break;
case ID_VIEW_APPLOOK_OFF_XP:
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage rOfficeXP));
break;
case ID_VIEW_APPLOOK_WIN_XP:
CMFCVisualManagerWindows::m_b3DTabsXPTheme = TRUE;
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage rWindows));
break;
case ID_VIEW_APPLOOK_OFF_2003:
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage rOffice2003));
CDockingManager::SetDockingMode(DT_SMART);
break;
case ID_VIEW_APPLOOK_VS_2005:
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage rVS2005));
CDockingManager::SetDockingMode(DT_SMART);
break;
default:
switch (theApp.m_nAppLook)
{
case ID_VIEW_APPLOOK_OFF_2007_BLUE:
CMFCVisualManagerOffice2007::SetStyle(CMFCVisualManagerOffice2007::Office 2007_LunaBlue);
break;
case ID_VIEW_APPLOOK_OFF_2007_BLACK:
CMFCVisualManagerOffice2007::SetStyle(CMFCVisualManagerOffice2007::Office 2007_ObsidianBlack);
break;
case ID_VIEW_APPLOOK_OFF_2007_SILVER:
CMFCVisualManagerOffice2007::SetStyle(CMFCVisualManagerOffice2007::Office 2007_Silver);
break;
case ID_VIEW_APPLOOK_OFF_2007_AQUA:
CMFCVisualManagerOffice2007::SetStyle(CMFCVisualManagerOffice2007::Office 2007_Aqua);
break;
}
CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManage rOffice2007));
CDockingManager::SetDockingMode(DT_SMART);
}
RedrawWindow(NULL, NULL, RDW_ALLCHILDREN | RDW_INVALIDATE | RDW_UPDATENOW | RDW_FRAME | RDW_ERASE);
theApp.WriteInt(_T("ApplicationLook"), theApp.m_nAppLook);
}
CMFCVisualManager是其他UI管理器的基类(事实上,他还有一个基类:CMFCBaseVisualManager),他提供类似于Windows2000的风格。其他几种UI 界面类都是从它直接或间接派生的。SetDefaultManager用来设置不同的UI界面风格类。
我们可以从CMFCVisualManager、或者其他管理器的类,继承生成一个新的类,重载其中的函数,就可以做成自己的管理器。
有关这部分内容,微软还没有提供帮助内容,具体如何做,还需要自己去分析源代码。源代码的位置是:
Microsoft Visual Studio 9.0\VC\atlmfc\src\mfc
虽然源代码中没有太多注释,但函数名和变量名的命名还是不错,基本上可以理解。
如果需要自定义UI管理器,建议首先决定近似于哪个风格,然后继承自该风格的类,最后再进行必须的重载。
目录 1.1Dreamweaver Spry菜单栏——创建横向或纵向的网页下拉或弹出菜单 (2) 1.1.1Spry菜单栏 (2) 1.1.2自定义菜单栏组件的显示风格(修改CSS文件) (9) 1.1.3更改菜单栏组件的方向 (15)
1.1Dreamweaver Spry菜单栏——创建横向或纵向的网页下拉或弹出菜单 1.1.1Spry菜单栏 Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web 页。有了Spry,就可以使用HTML、CSS 和极少量的JavaScript 将XML 数据合并到HTML 文档中,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。 在设计上,Spry 框架的标记非常简单且便于那些具有HTML、CSS 和JavaScript 基础知识的用户使用。 1、菜单栏组件是一组可导航的菜单按钮 当站点访问者将鼠标悬停在其中的某个按钮上时,将显示相应的子菜单。使用菜单栏可在紧凑的空间中显示大量可导航信息,并使站点访问者无需深入浏览站点即可了解站点上提供的内容。 Dreamweaver 允许Web开发人员插入两种菜单栏组件:垂直组件和水平组件。并且所生成的菜单栏组件由标准的HTML标签(由
将弹出下面形式的对话框 选择“水平”或“垂直”等所需要的菜单形式,并最后单击“确定”按钮,本示例选择“水平菜单”。Dreamweaver将自动地创建出下面形式的“水平菜单”。 也可以使用“插入记录”主菜单栏中的“Spry”子菜单,然后插入菜单栏组件的方式创建。 4、保存页面文件及所生成的CSS和JavaScript文件 (1)确认保存所需要的各个相关的资源文件
一.单选 1.建立邮件链接时,以E-mail为123@https://www.docsj.com/doc/2511478928.html,为例,那么在【链接】栏中应该显示的正确代码是A A.mailto:123@https://www.docsj.com/doc/2511478928.html,, B.subject:123@https://www.docsj.com/doc/2511478928.html,, C.&cc:123@https://www.docsj.com/doc/2511478928.html,, C. 123@https://www.docsj.com/doc/2511478928.html,:subject 2.以上这段代码表达的意思是C A插入表格;B嵌入框架;C插入图片;D插入动画 3. Spry中的“高亮颜色”主要作用是什么D A.使视频文件变亮易于观看; B.提高页面的颜色亮度; C.图像中的某个像素的颜色; D.元素的背景颜色 4.以下不可以用于页面布局工具的是 D A.表格; B.AP Div; C.框架; D.文本 5.对于链接项下“目标设置”代码“_top”描述正确的是B A.链接内容会替换掉当前窗口; B.链接内容将在顶层窗口中打开,并覆盖原窗口的内容; C.该链接内容在下一个窗口打开; D.以上说法都不正确 6.在对图像做“重新取样”之后,图像会发生什么样的变化C A.该文件大小发生变化; B.该文件变得模糊; C.该文件在浏览器上的显示尺寸发生变化; D.该文件需要重新导入
7.“层叠样式表”的英文全称为B A.Cascading Sheets Style; B. Cascading Style Sheets; C.Cascading Style selector; D.Cascading selector Style 8.对“链接颜色”说法错误的是 B A.链接颜色是链接没有被单击时的静态颜色; B.已访问链接颜色可以不通过已访问链接进行设置; C.已访问链接颜色就是通过已访问链接来设置; D.变换图像链接的颜色设置时当用户把光标移到链接上时的显示颜色 9.“Shift+F4”的快捷键是执行下列哪项命令A A.窗口--行为; B.查找下一个; C.添加关键帧; D.检查选定链接 10.在Dreamweaver中建立分帧网页时,正确的做法是C A.用鼠标拖拽页面边框; B.按住“Ctrl”键后用鼠标拖拽边框; C.按住“Alt”键后用鼠标拖拽边框; D.按住“Shift”键后用鼠标拖拽边框 11.关于显示和隐藏不可见元素错误的是B A.有些 HTML 代码在浏览器中没有可见的表示形式; https://www.docsj.com/doc/2511478928.html,ment 标签在浏览器中是可见的 ; C.Dreamweaver 使您可以指定在“文档”窗口的“设计”视图中是否显示标记不可见元素位置的图标; D.若要指明在选择“查看”>“可视化助理”>“不可见元素”时显示哪些元素标记,可以在“不可见元素”首选参数中设置选项 12若要显示或隐藏不可见元素的标记图标,请执行以下操作:A A.选择“查看”>“可视化助理”>“不可见元素”;B.选择“编辑”>
Spry菜单 步骤要求: 1.使用DW编辑所解压出来“制作购物网”文件夹下的index.htm文件; 2.将光标定位于页面上方黑色区域两个公司首页图片之间的单 元格内; 3.插入水平布局方式的Spry菜单栏;并将一级菜单分别设定为“每日速递”、“新品上市”、“今日推荐”、 “独家专卖”、“流行讯息”五个栏目; 4.并在“新品上市”菜单中添加“Donna B”、“Loveteen”、“Travel”、“居家区”、“饰品类”、“休闲类”、 “Sport”七个二级菜单; 5.修改ul.MenuBarHorizontal a规则,将菜单的背景颜色设为“#000”,文字颜色设为“#FFF”; 6.修改ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus,使光标移动菜单上时菜单 背景设为“#36C,文字颜色设为“#FFF”; 7.将光标定位在页面左侧“”图片下的单元格中; 8.插入垂直布局方式的Spry菜单栏;并将一级菜单分别设定为“Donna B”、“Loveteen”、“Travel”、“居 家区”、“饰品类”、“休闲类”、“Sport”七个栏目; 9.修改ul.MenuBarVertical li规则,将垂直菜单的宽度设为175px; 10.修改ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus规则,使光标移动菜单上时菜单背 景设为“#36C,文字颜色设为“#FFF”; 11.将光标定位于右侧商品大图下方的单元格中,添加Spry选项卡式面板,添加标签,使选项卡共三项, 分别修改其名称为“最新商品”、“最新讯息”、“流行讯息”; 12.修改“.TabbedPanels”的背景为“#EDEDED”; 13.修改“.TabbedPanelsTab”字体为“黑体,14px”,颜色为“#FB763D”,背景设为“#EDEDED”; 14.修改“. TabbedPanelsTabSelected”的背景为“#FFC”; 15.修改“. TabbedPanelsContentGroup”的背景为“#FFF”; 16.切换到代码模式,将代码:onmouseover="TabbedPanels1.showPanel(this)"添加到选项卡的标 签里面,使之与下面相同: 保存文件后仔细观察一下,看看选项卡的切换方式有什么不同? 17.将下方表格内的内容放到第一个选项卡的显示区域内,并进行适当的调整; 18.同理,将其他两个选项卡内也加上一些内容。 19.保存文件,查看效果。
“Spry 效果”是视觉增强功能,可以将它们应用于使用 JavaScript 的 HTML 页面上几乎所有的元素。效果通常用于在一 段时间内高亮显示信息,创建动画过渡或者以可视方式修改页面 元素。您可以将效果直接应用于 HTML 元素,而无需其它自定义 标签。 注:要向某个元素应用效果,该元素当前必须处于选定状态,或者它必须具有一个 ID。例如,如果要向当前未选定的 div 标签应用高亮显示效果,该 div 必须具有一个有效的 ID 值。如果该元素尚且没有有效的 ID 值,您将需要向 HTML 代码中添加一个 ID 值。 效果可以修改元素的不透明度、缩放比例、位置和样式属性(如 背景颜色)。可以组合两个或多个属性来创建有趣的视觉效果。 由于这些效果都基于 Spry,因此在用户单击应用了效果的元素 时,仅会动态更新该元素,不会刷新整个 HTML 页面。 Spry 包括下列效果: 显示/渐隐 使元素显示或渐隐。 高亮颜色 更改元素的背景颜色。 遮帘 模拟百叶窗,向上或向下滚动百叶窗来隐藏或显示元素。 滑动 上下移动元素。 增大/收缩 使元素变大或变小。 晃动 模拟从左向右晃动元素。 挤压 使元素从页面的左上角消失。 重要说明:当您使用效果时,系统会在“代码”视图中将不同的代码行添加到您的文件中。其中的一行代码用来标识 SpryEffects.js 文件,该文件是包括这些效果所必需的。请不要从代码中删除该行,否则这些效果将不起作用。 有关 Spry 框架中可用的 Spry 效果的全面概述,请访问 应用显示/渐隐效果 注:此效果可用于除下列元素之外的所有 HTML 元素:applet、body、iframe、object、tr、tbody 和 th。 1.(可选)选择要为其应用效果的内容或布局元素。 2.在“行为”面板(“窗口”>“行为”)中,单击加号 (+) 按钮,从菜单中选择“效果”>“显示/渐隐”。
跟我学Dreamweaver Spry设计工具——创建横向或纵向的 网页下拉或弹出菜单 杨教授工作室精心创作的优秀程序员职业提升必读系列资料 目录 1.1 Dreamweaver Spry菜单栏——创建横向或纵向的网页下拉或弹出菜 单 .................2 1.1.1 Spry菜单栏...................................................................... ........................................2 1.1.2 自定义菜单栏组件的显示风格(修改CSS文件) .............................................9 1.1.3 更改菜单栏组件的方 向 ..................................................................... . (15) 杨教授工作室,版权所有,盗版必究, 1/19页 杨教授工作室精心创作的优秀程序员职业提升必读系列资料 1.1 Dreamweaver Spry菜单栏——创建横向或纵向的网页下拉或弹出菜单 1.1.1 Spry菜单栏 Spry 框架是一个 JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry,就可以使用 HTML、CSS 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。 在设计上,Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和JavaScript 基础知识的用户使用。 1、菜单栏组件是一组可导航的菜单按钮
动态导航栏--------spry布局控件(教案) 一、教学目标 1、动作与技能:①学会Spry布局控件的编辑、应用。 ②学会使用spry布局控件创建动态导航栏的方法。 2、知识目标:在运用中理解spry框架是一组用标准HTML、CSS和JavaScript编写的 可重用控件。 3、情感态度与价值观:提高了对网页设计的理解能力和认识水平,能够树立学生探索 知识的兴趣。 二、教学重点、难点: 1、学会Spry布局控件的编辑、应用。 2、学会使用spry布局控件创建动态导航栏的方法。 三、教学准备: 1、完整的实训8的步骤。 2、课件的准备 3、应用软件dreamweaver cs5安装良好。 教学过程 1、首先引入spry,说出本节课需要学习的内容的重难点。 2、启动Dreamweaver cs5,选择站点“网页特效制作”,新建文件spry1.html. 3、选择“插入→spry→spry菜单栏”命令,打开“spry菜单栏”对话框,如图3-57 所示。选择“水平”单选项,单击“确定”按钮,网页效果如图3-58所示。 ?图3-57 “spry菜单栏”对话框 ?图3-58 网页效果图 4、在“属性”面板中或者在“设计”视图中添加项目的属性值,“项目1:站内质询, 项目2:原创图书,项目3:图文教程,项目4:视频教程”,如图3-59和3-60所 示:
?图3-59 属性面板 ?图3-60 网页“设计”视图 5、继续在“属性”面板中或者在“设计”视图中添加“站内咨询”的二级项目的属 性值,”项目1.1:图书咨询,项目1.2:会员信息,项目1.3:业界新闻,项目 1.4:课件质询“,如图3-61和3-62 ?图3-61 “属性”对话框 ?图3-62 网页“设计”视图 6、同样的操作,添加“图文教程“的”二级项目“的属性值,“项目3.1:文化课, 项目3.2:职业生涯,项目3.3:专业课,项目3.4:选修课”,添加“专业课”的下级项目属性值,“项目3.3.1:网页制作,项目3.3.2:PS图像处理,项目3.3.3:flash动画”,如图3-63和图3-64所示: ?图3-63 “属性”面板 7、按【F12】键保存并浏览网页,在浏览器窗口显示网页spry1.htm,如图3-65所示。 8、新建文件spry2.htm,选择“插入→spry→spry选项卡面板”命令,在属性面板
DIV层布局与Spry构件 1、认识Spry构件 Spry功能功能不仅增强了页面的布局形式,简化并增强了表单的验证功能,还与XML数据相结合,方便构造动态数据显示。本例就将这些新功能集合到一个网页中,从中体会Spry的无穷魅力。 1)Spry构件 2)Spry验证表单 3)Spry XML数据显示 这一章重点学习Spry构件,可以把Spry构件看成一种控件,是已经事先设计好的模块,我们可以直接添加在网页中,快速地实现比较炫酷的网页效果 Spry构件类型 1)Spry菜单栏 2)Spry选项卡面板 3)Spry折叠式 4)Spry折叠面板 5)Spry工具提示 我们将通过一个综合实例,结合Div布局来学习各种构件的使用 2、DIV布局页面 DIV+CSS的页面布局是网页设计的发展方向,很多网站也是从表格布局发展到DIV布局,这一节我们可以说是一个入门,了解如何使用DIV布局页面。 1)先创建DIV标签 2)设置对应的CSS样式 注意:插入DIV标签的位置 技巧:默认情况下两个DIV标记上下进行排版,如果想让两个DIV层并排显示,可以使用Float属性 #top { background-color: #FC0;
height: 60px; width: 720px; } #mid { background-color: #CF0; height: 250px; width: 720px; } #bottom { background-color: #F6F; height: 20px; width: 720px; } #mid_left { background-color: #69F; height: 250px; width: 220px; float: left; } #mid_right { background-color: #3FF; height: 250px; width: 500px; float: right; } 添加Logo图片后 #top img { float: left; } 网页DIV布局代码如下,注意嵌套 3)使用DIV――box整体控制居中对齐#box { background-color: #6FF; height: 330px; width: 720px; margin-right: auto; margin-left: auto; } 网页DIV布局代码如下,注意居中对齐 3、Spry菜单MenuBar 插入Spry菜单,设置属性,生成菜单
Spry教程 关于 Spry 框架 Spry 框架是一个 JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry,就可以使用 HTML、CSS 和极少量的 JavaScript 将XML 数据合并到 HTML 文档中,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。在设计上,Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。 Spry 框架主要面向专业 Web 设计人员或高级非专业 Web 设计人员。它不应当用作企业级 Web 开发的完整 Web 应用框架(尽管它可以与其它企业级页面一起使用)。 关于 Spry 构件 Spry 构件是一个页面元素,通过启用用户交互来提供更丰富的用户体验。Spry 构件由以下几个部分组成: 构件结构 用来定义构件结构组成的 HTML 代码块。 构件行为 用来控制构件如何响应用户启动事件的 JavaScript。 构件样式 用来指定构件外观的 CSS。 Spry 框架支持一组用标准 HTML、CSS 和 JavaScript 编写的可重用构件。您可以方便地插入这些构件(采用最简单的 HTML 和 CSS 代码),然后设置构件的样式。框架行为包括允许用户执行下列操作的功能:显示或隐藏页面上的内容、更改页面的外观(如颜色)、与菜单项交互等等。 Spry 框架中的每个构件都与唯一的 CSS 和 JavaScript 文件相关联。CSS 文件中包含设置构件样式所需的全部信息,而 JavaScript 文件则赋予构件功能。当您使用 Dreamweaver 界面插入构件时,Dreamweaver 会自动将这些文件链接到您的页面,以便构件中包含该页面的功能和样式。 与给定构件相关联的 CSS 和 JavaScript 文件根据该构件命名,因此,您很容易判断哪些文件对应于哪些构件。(例如,与折叠构件关联的文件称为 SpryAccordion.css 和SpryAccordion.js)。当您在已保存的页面中插入构件时,Dreamweaver 会在您的站点中创建一个 SpryAssets 目录,并将相应的 JavaScript 和 CSS 文件保存到其中。 关于折叠构件 折叠构件是一组可折叠的面板,可以将大量内容存储在一个紧凑的空间中。站点访问者可通过单击该面板上的选项卡来隐藏或显示存储在折叠构件中的内容。当访问者单击不同的选项卡时,折叠构件的面板会相应地展开或收缩。在折叠构件中,每次只能有一个
点击窗口>CSS样式,打开CSS样式面板,点击样式面板上的"全部"按钮,快速打开SpryMenuBarHorizontal.css. 1. 水平菜单省缺是放置在页面的左边的,如果你想将它放到页面的右边对齐,那么点击:ul.MenuBarHorizontal li,然后在下面的属性面板中,点击float项右边的下拉列表,将left 换为right.现在菜单被对齐到页面的右边了.你也可以双击ul.MenuBarHorizontal li,在打开的CSS规则面板中设置菜单项的格式. 2.如果你想改变页面刚加载时的连接的背景和文本的颜色,那么你需要修改:"ul.MenuBarHorizontal a.",如果你想修改当鼠标移到连接上时连接的背景和文本颜色,那么你应该修改:"ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.Menu…."(注意如果你建立的是垂直的菜单,那么MenuBarHorizontal将是:MenuBarVertical) 3.Spry菜单省缺的字体是与boby或最近一层父级元素的字体是一样的.你可以修改"ul.MenuBarHorizontal."来设置.在CSS样式面板中双击"ul.MenuBarHorizontal."打开CSS规则设置面板,设置一个字体. 4.你可以通过修改:"ul.MenuBarHorizontal li."来修改菜单项的宽度,省缺的宽度是8em,em 是指的字母的宽度,用em作单位可以很好在让菜单项宽度去适应菜单项的内容.如果你的菜单项文字较多,你可以将宽度设大一点,使菜单项的内容排成一排. 6.如果你将主菜单的宽度调整成10em的话,你应该将:"ul.MenuBarHorizontal ul"和"ul.MenuBarHorizontal ul li." 中的宽度设为10.2em,以保证子菜单与主菜单项一样宽.
第10课 处理导航 1、超链接基础知识:①超链接(或链接)是对Internet 上或者你自己的计算机内的可用资源的引用。超链接创建通过HTML 或者你使用的程序设计语言指定的交互式行为,并通过浏览器或者其他应用程序启用。HTML 超链接由锚记元素及一个或多个属性组成如图示: ②内部超链接是把用 户带到相同文档、相同文件夹或硬盘驱动 器中存储的另一个文 档的超链接,而外部超链接是把用户带到 硬盘驱动器、Web 站点或Web 主机外面的文档资源。都是通过锚记元素嵌入在HTML 中,这个元素指定超链接的目的地的地址或目标,并且可以使用几个属性指定它的工作方式。 ③相对超链接就是引用相对于当前文档存储的目标,往往包括资源名称,也许还包括存储它的文件夹比如logo.jpg 或 images/logo.jpg 。绝对超链接引用绝对路径的资源,常用于引用站点外面的资源,包括目标完整URL ,如 https://www.docsj.com/doc/2511478928.html,/index.jspa ,它可以把用户指引到特定的文件或者只是站点内的某个文件夹。相对链接书写起来更快、更容易,但是如果文档保存在Web 站点中的不同文件夹中或者不同位置,它们可能不会工作。绝对链接则没有此限制,但文档或文件夹或重命名时则会失败。那么,为站点内的资源使用相对链接,为站点外的资源使用绝对链接。 2、创建内部超链接:①在“链接”框中输入文档名进行链接:打开文档,选取要添加链接的文本如Home (如是从模板创建的文档,此文本不是可编辑区域而不能选取,则需要打开模板选取要添加链接的文本如Home 进行设置后更新)或图像,在“属性”检查器中选择HTML 选项卡的“链接”框中显示了一个超链接符“#”,将此符号换成“../index.html ”回车则可。但是还没有主页;②在“链接”框后浏览窗中选择文档名进行链接:打开文档,选取要添加链接的文本如Home (如是从模板创建的文档,此文本不是可编辑区域而不能选取,则需要打开模板选取要添加链接的文本如Home 进行设置后更新)或图像,在“属性”检查器中选择HTML 选项卡的“链接”框中显示了一个超链接符“#”,点此框后的“浏览文件图标”,从站点根文件夹中选择文件,确保“相对于”框中设置为“文档”,确定则可,则“#”变成文件名了。③拖动“链接”框后的指向文件到要链接的文件进行链接:选择要链接的文本(可以从一个字符到整个段落)或图像,打开文件面板,找到要链接的文件,将“属性”检查器中“HTML ”项的指向文件符拖到要链接的文件处则可。如何要链接的文件还包含在某个文件夹中,则可把“指向文件”图标拖到该文件夹上并且按住它,还可上下移到找到该文件。④注意:如果是编辑模板则会弹出更新窗,?但是我的会重复弹出更新窗?;?链接的文件要在站点的根目录下才行?。通常,利用超链接格式化的图像将显示蓝色边框,类似于加蓝色下划线的文本链接。但是布局中带有的预先定义的CSS 包括一个a img 规则,它把这个默认的边框设置为“无”。如果在浏览时单击链接要弹出新的页面而不是新页面替换原来页面,则要在在“属性”检查器中“HTML ”项的“目标”框中输入_blank 3、创建外部链接:选取要创建链接的文本或图像,在“属性”检查器中“HTML ”项的“链接”框中输入文件的路径及名或者是URL (可从浏览器中搜索复制而来)。 4、建立电子邮件链接:①电子邮件链接不是把你带到另一个页面,而是打开访问者的电子邮件程序。它可以为访问者创建自动的、预先编写好地址的电子邮件消息,用于接收客户反馈、产品订单或者其他重要的通信。电子邮件链接的代码稍微不同于正常的超链接,DW 可以为你自动创建正确的代码。②选取要创建链接的文本(不能是图像),点菜单“插入-电子邮件链接”(也可是“插入”面板的“常用”功能中点)弹出“电子邮件链接”窗,在“文本”框中自动出现选择的文本,
spry菜单栏使用教程 Spry 框架是一个JavaScript 库,Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web 页。有了Spry,就可以使用HTML、CSS 和极少量的JavaScript 将XML 数据合并到HTML 文档中,创建构件(如折叠构件和菜单栏),向各种页面元素中添加不同种类的效果。在设计上,Spry 框架的标记非常简单且便于那些具有HTML、CSS 和JavaScript 基础知识的用户使用。 Spry 框架主要面向专业Web 设计人员或高级非专业Web 设计人员。它不应当用作企业级Web 开发的完整Web 应用框架(尽管它可以与其它企业级页面一起使用)。 关于Spry 构件 Spry 构件是一个页面元素,通过启用用户交互来提供更丰富的用户体验。Spry 构件由以下几个部分组成: 构件结构 用来定义构件结构组成的HTML 代码块。 构件行为 用来控制构件如何响应用户启动事件的JavaScript。 构件样式 用来指定构件外观的CSS。 Spry 框架支持一组用标准HTML、CSS 和JavaScript 编写的可重用构件。您可以方便地插入这些构件(采用最简单的HTML 和CSS 代码),然后设置构件的样式。框架行为包括允许用户执行下列操作的功能:显示或隐藏页面上的内容、更改页面的外观(如颜色)、与菜单项交互等等。 Spry 框架中的每个构件都与唯一的CSS 和JavaScript 文件相关联。CSS 文件中包含设置构件样式所需的全部信息,而JavaScript 文件则赋予构件功能。当您使用Dreamweaver 界面插入构件时,Dreamweaver 会自动将这些文件链接到您的页面,以便构件中包含该页面的功能和样式。 与给定构件相关联的CSS 和JavaScript 文件根据该构件命名,因此,您很容易判断哪些文件对应于哪些构件。(例如,与折叠构件关联的文件称为SpryAccordion.css 和SpryAccordion.js)。当您在已保存的页面中插入构件时,Dreamweaver 会在您的站点中创建一个SpryAssets 目录,并将相应的JavaScript 和CSS 文件保存到其中。 关于折叠构件 折叠构件是一组可折叠的面板,可以将大量内容存储在一个紧凑的空间中。站点访问者可通过单击该面板上的选项卡来隐藏或显示存储在折叠构件中的内容。当访问者单击不同的选项卡时,折叠构件的面板会相应地展开或收缩。在折叠构件中,每次只能有一个内容面板处于打开且可见的状态。下例显示一个折叠构件,其中的第二个面板处于展开状态:
巩义市二中专2013—2014学年下期期末考试 青鸟一年级《网页制作与JS》学科试卷 注意:把答案写在最后一页的表格中!否则没分。 一、单选题(每题1分,共56分) 1、Dreamweaver打开CSS样式面板的快捷操作是( A )。 A、Shift+F11 B、F8 C、F10 D、Shift+F4 2、要设置Dreamweaver中的参数,应执行( D )菜单中的“首选参数”命令。 A、格式 B、修改 C、窗口 D、编辑 3、在Dreamweaver中,我们不能( A )。 A、剪切站点 B、重定义站点 C、复制站点 D、删除站点 4、Dreamweaver打开属性面板的快捷操作是( D )。 A、Shift+F11 B、F8 C、Shift+F4 D、Ctrl+F3 5、决定层的显示/隐藏是哪个属性?( B )。 A、Tag B、Visibility C、Nesting D、Width and Height 6、表格中开始每一行的Html代码是( D )。 A、