网页设计与网站建设课件3(PPT).pptVIP

下载本文档

0
0
约1.22千字
约 12页
2018-02-21 发布于河南
举报
版权申诉

网页设计与网站建设课件3(PPT).ppt

1、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

网页设计与网站建设课件3(PPT)

网页设计与网站建设第三部分高级应用目录固定宽度的圆角边框可变宽度、高度的艺术边框实线圆角边框 Tab面板折叠面板 3.1固定宽度的圆角边框图像的使用原则用尽可能少的图像用尽可能小的图像用尽可能简洁的html标记 3.1固定宽度的圆角边框操作步骤设计图像设计html结构根据html结构对图像进行切片在html标记中添加背景图像 3.2可变宽度、高度的艺术边框设计并制作艺术边框效果切成6片设计html结构，每一块中至少设计6个盒子采用“六图法”完成艺术边框的组合 3.3单色实线圆角边框计算组成圆角的像素点设计“勾子” 用css“描述”各关键像素点 3.3 单色实线圆角框 3.4 spry高级组件—tab面板 Spry框架Spry 框架是一个可用来构建更加丰富的 Web 页的 JavaScript 和 CSS 库。 JavaScriptJavaScript是一种脚本语言。一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作、统计点击量、显示当前日期和时间、滚动字幕等。 CSS：定义spry框架的基本样式，可以编辑 3.4 spry高级组件—tab面板创建步骤创建站点保存网页添加spry组件 “全部保存” 分析html结构整个面板放到一个名为“TabbedPanels1”的div中选项卡放到了一个ul中，每个选项卡对应一个li。内容放到一个div中，每个内容块又放入了一个div中。 3.4 spry高级组件—tab面板 CSS选择器 .TabbedPanels：设置整个选项卡面板的属性，如宽度、位置 .TabbedPanelsTabGroup：设置“选项卡”的整体属性，如背景色 .TabbedPanelsTab：设置每个选项卡的属性，如字体、填充等 .TabbedPanelsContentGroup：定义选项卡内容区的整体属性，如填充、边界等 .TabbedPanelsContent：定义选项卡内容区的具体属性，如背景、边框 3.5折叠式面板 .Accordion：设置整个面板的属性，如宽度、位置 .AccordionPanelTab：设置每个标签的属性，如字体、填充等 .AccordionPanelOpen .AccordionPanelTab：定义展开菜单后，主菜单的样式 .AccordionPanelContent：定义选项卡内容区的具体属性，如背景、边框 .AccordionPanelTabHover：定义鼠标移入标签后的样式。 * * 2px 1px 左、右\1px 5 1px 2px 左、右\1px 6 3px 1px 左、右\1px 4 4px 1px 左、右\1px 3 5px 1px 左、右\2px 2 7px 0px 下\1px 1 左右margin heigth 边框编号 *