Web程序设计二级下拉菜单页面怎么做

Web程序设计二级下拉菜单页面怎么做,第1张

Web程序设计二级下拉菜单页面做法:

以纯CSS为例:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style>

*{

margin:0px

padding:0px

}

#menu

{

width:500px

height:38px

margin:5px auto

}

#menu ul

{

height:38px

list-style:none

margin:0

padding:0

}

#menu li

{

float:left

}

#menu li a{

color:#666666

display:block

font-weight:bold

line-height:38px

padding:0px 25px

text-align:center

text-decoration:none

}

#menu li a:hover{

color:#000000

text-decoration:none

}

#menu li ul{

background: #ECE9E9

border:1px solid #D8D8D8

display:none

height:auto

position:relative

left:20px

width:100px

z-index:200

}

#menu li ul li

{

margin-left:0px

height:38px

}

#menu li:hover ul{

display:block

}

#menu li li {

display:block

float:none

width:100px

}

#menu li ul a{

display:block

font-size:12px

font-style:normal

padding:0px 10px 0px 15px

text-align:left

}

#menu li ul a:hover{

background:#555

color:#fff

}

</style>

</head>

<body>

<div id="menu">

<ul>

<li><a href="#">无下拉状态</a></li>

<li><a href="#">有下拉状态</a>

<ul>

<li><a href="#">选项1</a></li>

<li><a href="#">选项2</a></li>

</ul>

</li>

</ul>

</div>

</body>

</html>

web程序,就是说B/S架构的系统么,刚好在做一个网站开发,我按照自己的开发过程好想法说说吧

1.

需求分析,可能感觉很虚,但是这是必须的,你这个系统是为什么而做的,就是它的需求是什

么?有了需求,你去分析,将这种需求转换成E-R图,让客户能够看懂,他们的需求都被概括进去了

2.

概要设计,根据你的需求分析文档,都要完成哪些功能,需要你设计好怎么去完成这些功能。最好是能够直接设计出大概的数据库表以及之间的关系

3.

数据库的设计(这个是我感觉非常有必要单独列出来),我感觉数据库是一个系统的核心,当你的数据库的表,以及之间的关系,都设计的非常的好,能考虑到这些表之间的可能关联,后面可能会碰到的问题,系统基本上问题也不大了。

4.

架构设计,你要考虑系统规模大小,主要的关注点,然后考虑你是使用什么数据库,什么框架,什么界面技术等等。

5.

详细设计,根据你考虑的架构,输出详细设计文档。这个阶段的最后最好将数据库弄好。前面只是将数据库设计出来了,还没有正式的建库建表,你就先把数据库弄好

6.

开发,然后就是按照详细设计开发,界面等等。。。。。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11349161.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存