最新网页设计与网站建设课件_第1页
最新网页设计与网站建设课件_第2页
最新网页设计与网站建设课件_第3页
最新网页设计与网站建设课件_第4页
最新网页设计与网站建设课件_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、网页设计与网站建设,第三部分 高级应用,目录,固定宽度的圆角边框 可变宽度、高度的艺术边框 实线圆角边框 Tab面板 折叠面板,3.1固定宽度的圆角边框,图像的使用原则 用尽可能少的图像 用尽可能小的图像 用尽可能简洁的html标记,3.1固定宽度的圆角边框,操作步骤 设计图像 设计html结构 根据html结构对图像进行切片 在html标记中添加背景图像,3.2可变宽度、高度的艺术边框,设计并制作艺术边框效果 切成6片 设计html结构，每一块中至少设计6个盒子 采用“六图法”完成艺术边框的组合,3.3单色实线圆角边框,计算组成圆角的像素点 设计“勾子” 用css“描述”各关键像素点,3.3

2、 单色实线圆角框,3.4 spry高级组件tab面板,Spry框架Spry 框架是一个可用来构建更加丰富的 Web 页的 JavaScript 和 CSS 库。 JavaScriptJavaScript是一种脚本语言。一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作、统计点击量、显示当前日期和时间、滚动字幕等。 CSS：定义spry框架的基本样式，可以编辑,创建步骤 创建站点 保存网页 添加spry组件 “全部保存” 分析html结构 整个面板放到一个名为“TabbedPanels1”的div中 选项卡放到了一个ul中，每个选项卡对应一个li。

3、内容放到一个div中，每个内容块又放入了一个div中。,3.4 spry高级组件tab面板,CSS选择器 .TabbedPanels：设置整个选项卡面板的属性，如宽度、位置 .TabbedPanelsTabGroup：设置“选项卡”的整体属性，如背景色 .TabbedPanelsTab：设置每个选项卡的属性，如字体、填充等 .TabbedPanelsContentGroup：定义选项卡内容区的整体属性，如填充、边界等 .TabbedPanelsContent：定义选项卡内容区的具体属性，如背景、边框,3.4 spry高级组件tab面板,3.5折叠式面板,.Accordion：设置整个面板的属性，如宽度、位置 .AccordionPanelTab：设置每个标签的属性，如字体、填充等 .AccordionPanelOpen .AccordionPanelTab：定义展开菜单后，主菜单的样式 .AccordionPanelContent：定义选项卡

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论