HTML实战案例素材1:制作树形菜单页面

实战案例素材1:制作树形菜单页面

一、完整的页面效果图

二、文本素材

我的电脑文件列表

    我的电脑
        本地磁盘(C:)
            我的文档
            我的收藏
        本地磁盘(D:)
            我的游戏
            我的资料
            我的电影

三、代码展示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>树形菜单</title>
</head>

<body>
<h4>我的电脑文件列表</h4>
<ul type="disc">
	<li>我的电脑
        <ul type="square">
			<li>本地磁盘(C:)
				<ul type="circle">
					<li>我的文档</li>
					<li>我的收藏</li>
				</ul>
			</li>
			<li>本地磁盘(D:)
				<ul type="square">
					<li>我的游戏</li>
					<li>我的资料</li>
					<li>我的电影</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>
</body>
</html>

 

  • 2
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Dreamweaver CS3是一种常用的网页制作工具,它提供了一套完整的基础教程,帮助用户掌握网页制作的各个方面。这些教程包括了网页设计的基础知识、Dreamweaver的使用方法、HTML和CSS的语法以及网页交互的原理等内容。 在这些教程中,用户将学习如何创建一个完整的网页,并且通过实践增强对相关概念和技术的理解。教程中的实例项目通常会提供给学习者使用,这些项目可以作为参考和学习材料,帮助学习者更好地理解网页制作的流程和技巧。 教程中的成品示范了如何运用Dreamweaver CS3的各种功能来创建具有吸引力和交互性的网页。通过这些示范,学习者可以学会如何使用页面布局、图像和多媒体等元素来设计一个易于导航和浏览的网站。同时,教程还向学习者介绍了如何使用CSS样式表来美化网页,并提供了一些实用的CSS样式示例供学习者参考。 除了基础教程之外,Dreamweaver CS3还提供了一些实战素材,用于学习者进行练习和实践。这些素材通常是真实网页项目的一部分,学习者可以通过修改和定制这些素材来提升自己的网页制作能力。这样的实战素材有助于学习者在实际场景中灵活运用所学知识,提高自己的实践能力。 综上所述,Dreamweaver CS3的基础教程提供了丰富的学习资源和实践素材,帮助学习者掌握网页制作的基础知识和技术,并锻炼实践能力。这些教程和素材对于想要学习网页制作的初学者和进阶者来说都是非常有价值的资料。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值