《网页制作教程》项目5设计个人网站_第1页
《网页制作教程》项目5设计个人网站_第2页
《网页制作教程》项目5设计个人网站_第3页
《网页制作教程》项目5设计个人网站_第4页
《网页制作教程》项目5设计个人网站_第5页
已阅读5页，还剩15页未读， 继续免费阅读

下载本文档

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

文档简介

项目5设计个人网站项目5设计个人网站【项目目标】

了解APDiv和Spry

掌握APDiv的基本操作方法 掌握Spry菜单栏的制作 掌握Spry选项卡式面板的制作 掌握Spry折叠式的制作 熟练掌握APDiv和Spry在网页上的应用个人网站规划任务1制作个人网站的首页【任务说明】

在DreamweaverCS4中，用户可以在网页上随意创建和定位APDiv，还可以创建嵌套样式的APDiv。APDiv的使用在前面已经有所接触，本任务将详细介绍APDiv的插入方法和基本属性的设置。【任务分析】

本任务在首页上首先制作一个垂直菜单，通过此菜单可以预览并访问网站中的其它网页。 对本次任务分解如下：

1.绘制和设置APDiv；

2.编辑APDiv；

3.利用Spry菜单栏制作网页菜单。首页浏览效果APDiv1.绘制APDiv2.设置APDiv3.编辑APDiv利用Spry菜单栏制作网页菜单1.插入APDiv2.在APDiv中插入Spry菜单栏3.设置Spry菜单栏属性任务2制作“关于自己”子页【任务说明】 Spry选项卡式是一种可在一个页面中互相切换多个显示网页内容的一个区域，在网页制作上非常普遍。Spry折叠式显示的效果是在单击某个选项后，该选项就会打开或隐藏，运用在网页中效果很好。【任务分析】

本次任务中，将建立一个与首页的“关于自己”菜单项链接的子页。在“关于自己”子页中，用“Spry选项卡式面板”制作一个用选项卡分类的个人简介，再使用“Spry可折叠面板”制作导航栏。 对本次任务分解如下：

1、Spry选项卡式面板的制作

2、Spry折叠式的制作“关于自己”子页浏览效果Spry选项卡式面板的制作1.插入Spry选项卡式面板2.设置Spry选项卡式面板属性Spry折叠式的制作1.插入Spry折叠式2.设置Spry折叠式属性任务3制作“我的作品”子页

【任务说明】

APDiv在网页制作中有很多使用技巧，如果与一些脚本程序结合使用，会达到意想不到的动画效果。【任务分析】

本次任务中，将创建“我的作品”子页，利用APDiv的设计技巧，在网页上制作了一个简单的动画，当鼠标指向小狗时，图片上会出现文字“汪汪！”。 对本次任务分解如下：

1、绘制APDiv 2、添加行为“我的作品”子页浏览效果APDiv的应用1.绘制嵌套APDiv2.添加行为知识拓展（1）APDiv和Spry（2）APDiv和表格的相互转换

相关知识点插入并设置APDivAPDiv的基本操作Spry菜单栏的制作Spry选项卡式面板的制作Spry折叠式的制作想一想①在DreamweaverCS4中提供了四种Spry，包括：

、

、

和

。②在保存包含有Spry的网页时，Dreamweaver系统会自动生成脚本文件和CSS样式文件，并保存至自动创建的文件夹

中，所以会弹出“复制相关文件”的对话框，用户只需单击“确定”按钮

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论