网页设计与制作立体化教程（Dreamweaver CC 2018）（第2版）（微课版） 课件 项目七 使用jQuery UI、模板和库.pdfVIP

目目七七 使用jQuery UI、模板和库 网页设计与制作立体化教程 （Dreamweaver CC 2018） （第2版） （微课版） 目目录录 CCoonntteennttss 任务一 创建 “圈粉”网站栏目网页 任务二 制作 “圈粉”网站商品页面 实训一 制作 “爱 汽车”栏目页面 实训二 制作 “爱 汽车”产品展示页面 课后练习 一、任务目标 练习使用Dreamweaver CC 2018创建 “圈粉”网站栏目网页，在制 时可以先创建空白网页， 然后在页面中插入jQuery UI部件制 的栏目。本任务制 完成后的效果如下图所示。 二、相关知识 （（一一））AAccccoorrddiioonn （（风风琴琴）） 11．．插插入入AAccccoorrddiioonn 选择 【插入】/ 【jQu ry UI】/ 【Accordion】菜单命令，或者在 “插入”面板的 “jQu ryUI”列表 下单击 “Accordion”按钮，即可插入Accordion，选择整个Accordion，在 “属性”面板中显示了 Accordion的相关属性，如下图所示。 二、相关知识 （（一一））AAccccoorrddiioonn （（风风琴琴）） 22．．编编辑辑AAccccoorrddiioonn 对面板的编辑主要包括面板 量和面板标题两种。面板 量的修改可以在 “属性”面板的 “面板”列 表框中单击 “添加面板”按钮或 “删除面板”按钮添加或删除面板。面板标题可以通过以下两种方法修改。 在设计视