HTML+CSS+JS【动漫网站】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
💥 文章目录
一、🏁 网站题目
💪💪💪 动漫网站 名侦探柯南 5页 含网页设计报告
二、🚩 网站描述
🏅 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞(๑•̀ㅂ•́)و✧）
🥇 一套A+的网页应该包含 (具体可根据个人要求而定)
页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
菜单美观、醒目，二级菜单可正常弹出与跳转。
要有JS特效，如定时切换和手动切换图片轮播。
页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
页面清爽、美观、大方，不雷同。
不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
三、🎌 网站介绍
网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
📃网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。
📜网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。
📄网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
📰网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）🎥 html文件包含：其中index.html是首页、其他html为二级页面；
（2）📺 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📷 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等。
四、🏴 网站效果
五、🏳️ 网站代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>人物介绍</title>
<link href="renwu.css" rel="stylesheet" type="text/css" />
<link href="lianjie.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="center-content">
<table width="960" height="200" border="0" background="picture/head1.jpg" >
<tr>
<td height="195" align="center"></td>
</tr>
</table>
<table width="960" height="40" border="0" cellpadding="0" cellspacing="0" background="picture/indexqp_16.gif" >
<tr align="center" >
<td width="120"><span class="STYLE14"><a href="index.html">柯南首页</a></span></td>
<td width="120"><span class="STYLE14"><a href="renwu.html">人物介绍</a></span></td>
<td width="120"><span class="STYLE14"><a href="yinyue.html">音乐欣赏</a></span></td>
<td width="120"><span class="STYLE14"><a href="daoju.html">柯南的道具</a></span></td>
<td width="120"><span class="STYLE14"><a href="message.html">站长信息</a></span></td>
<td width="120"><span class="STYLE14"><a href="liuyan.html">留言板</a></span></td>
</tr>
</table>
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8" rowspan="42" bgcolor="#0099FF"> </td>
<td height="30" colspan="9" bgcolor="#0099FF"><span class="STYLE18">工藤家</span></td>
<td width="14" rowspan="42" bgcolor="#0099FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="180" bgcolor="#CCCCCC"> </td>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="518" bgcolor="#CCCCCC"> </td>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="182" bgcolor="#CCCCCC"> </td>
<td width="14" bgcolor="#CCCCCC"> </td>
<td width="16" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="7" rowspan="3" bgcolor="#0066CC"> </td>
<td width="180" height="48" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>江户川柯南(edogawa konan)</strong> <br />
声优：高山南<br />
</p>
<p class="wenben">他是故事里的男主角，"名侦探柯南"的灵魂人物。原名工藤新一，帝丹高中二年极学生，与小兰是青梅竹马。继承了父亲的超强推理能力，帮助警方破获了不少案子，被誉为高中生名侦探。他喜欢看推理小说，最崇拜福尔摩斯，另外踢足球的水平也是一流的。不幸被卷入黑衣组织的交易被灌下APTX4869，但是没有死，只是变成了小孩，目前年龄定为6、7岁。改名江户川柯南（取自两个侦探小说里的人名）。幸亏智力没有衰退，头脑还是一样灵光，推理能力丝毫未减。为了找出黑衣人的下落，寄住在家开侦探事务所的小兰家，一方面暗地协助小五郎破案。而体力上的不足靠阿栗博士的发明来弥补。变小后就读于帝丹小学1年纪B班，认识了步美、元太、光彦三人，还成立了少年侦探团，是其中最重要的"首脑"。不管是变小前后，唱歌五音不全还是没有办法变更的事实……唱歌走音非常夸张。最常穿著的服装：红领结+蓝西装+短裤+球鞋。但现较少穿著) 受到许多同年龄的女孩们欢迎，人气和未缩小前不相上下！<br />
有多次差点泄漏身分，但到最后总是千钧一发。知道他真实身份的有：阿利博士、他父母（听博士说的）、服部平次（与柯南一起破案过程中自己发现的）、怪盗Kid（与柯南的较量中自己发现的）、灰原哀（变小前奉黑衣组织之命调查新一时发现的）。名字的由来�U「江户川」乱步、「柯南」．道尔。<br />
<br />
初登场：002 董事长千金绑架事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="180" height="230"><img src="picture/25348966.jpg" width="180" height="230" /></td>
<td width="7" bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="47" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="13" valign="middle" bgcolor="#0066FF"><p> </p> </td>
<td valign="middle" bgcolor="#0066FF"> </td>
<td valign="middle" bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>工藤新一 (kudou shinichi)</strong> <br />
声优：山口胜平<br />
工藤新一，帝丹高中二年极学生。5月4日生，金牛座。与小兰是青梅竹马，两人感情很好。继承了父母的优良基因。有敏锐的观察力、过人的推理能力，是位高中生侦探。帮助警方破获了不少棘手的案件，经常活跃在<a title="" href="http://comic.qq.com/news/" target="_blank">新闻</a>、报纸上，拥有不少侦探迷。被誉为"高中生名侦探"、"平成的福尔摩斯"、"日本警察的救世主"、"关东的工藤"。他喜欢看推理小说，偶像是柯南．道尔所创造的名侦探：夏洛克．福尔摩斯。最喜欢的柯南．道尔的作品是〈四个签名。最擅长的运动是足球，踢足球的水平也是一流的，其它运动也很在行，国中时是足球队的中锋。最大缺点唱歌五音不全，是个大音痴。 喜欢的食物是柠檬派，最讨厌葡萄干("特别篇"漫画山岸荣一老师设定)。喜欢的人是青梅竹马的毛利兰。自父母3年前到美国居住，独自一人住在「推理之家」中。首次侦办的案件是在前往洛杉矶的飞机上。住址是东京都米花市米花町2丁目21番地。名字的由来:「工藤」俊作。</p>
<p class="wenben">初登场：001 云霄飞车杀人事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td width="7" height="230" valign="middle" bgcolor="#0066FF"> </td>
<td width="180" height="230" valign="middle" bgcolor="#CCCCCC"><img src="picture/25349352.jpg" width="180" height="230" /></td>
<td width="7" valign="middle" bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="37" valign="middle" bgcolor="#0066FF"> </td>
<td valign="middle" bgcolor="#0066FF"> </td>
<td valign="middle" bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="30" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>工藤优作 (kudou yuusaku)</strong> <br />
声优：田中秀幸 <br />
他是工藤新一的父亲，推理能力超强（比新一还厉害），首屈一指的推理小说家（为什么没做侦探？），目前仍然在连载中的人气作品是《暗之男爵（Night Baron）》，在美国十分受欢迎，荣登排行榜宝座。讲的是一个戴着恐怖面具，一身黑色礼服的怪人，经常在晚上作案，手段高明，神出鬼没（除了打扮外与怪盗Kid没什么区别嘛）。是目暮警官遇到瓶颈时谘商的对象。 20年前在一家高级意大利餐厅向有希子求婚。他和妻子长年在国外生活，可是新一不愿意住到国外去（是因为小兰吗？），后来新一变小后住到小兰家，结果新一家就空关着，还曾经被元太、步美他们当成鬼屋呢。 名字的由来�U「工藤」俊作。</p>
<p class="wenben"><br />
初登场：043 江户川柯南诱拐事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="226" bgcolor="#0066FF"> </td>
<td width="180" height="226"><img src="picture/25349431.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="13" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="22" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>工藤有希子 (kudou yukiko)</strong> <br />
声优：岛本须美<br />
本名藤峰有希子，37岁。工藤新一的母亲，工藤优作的妻子。嫁给优作之前是出名的女优，19岁便囊括了各项奖项，风靡全球，可是个大美人噢。 20岁时与优作恋爱结婚，退出演艺圈，与优作一起在美国洛杉矶生活，两人感情时好时坏，时常与老公优作吵架，但其实心里还是深爱着他！曾经因为吵架而独自一人返回东京，把柯南吓了一跳，最后还是和优作回美国去了。另外一次是两人一起回东京，扮演柯南的妈妈江户川文代，装做黑衣组织的成员把柯南戏弄了一番。</p>
<p><span class="wenben"><br />
初登场：043 江户川柯南诱拐事件</span> </p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="230" bgcolor="#0066FF"> </td>
<td width="180" height="230"><img src="picture/25349466.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="20" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="30" colspan="8" bgcolor="#0099FF" class="STYLE18">毛利家</td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="22" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>毛利兰 (mouri ran)<br />
</strong>声优：山崎和佳奈 </p>
<p class="wenben">兰是故事里的女主角，新一的青梅出马，帝丹高中2年级生，和新一是同班同学，血型和新一相同，对他有着超越一般朋友的感情但又不愿承认。好友为园子及和叶，坚强又温柔的女孩，擅长料理家事，喜欢追求流行、偶像，常与园子去唱卡拉OK。 因崇拜空手道冠军前田聪，便开始学习空手道且对空手道有着浓厚的兴趣，工夫也不浅，为空手道社的主将，还曾经获得东京空手道大会的冠军。所以她一生气柯南就很怕。 不过她最怕的东西是妖魔鬼怪，明明有实力打倒袭击她的凶手，可是却被吓得动弹不得。她曾经多次怀疑过柯南和新一是同一个人，但是阴差阳错的被柯南瞒过去了（有时是有人帮忙的）。希望分居的父母能和好，经常计画一起碰面，但总是被拆穿。最大的愿望是新一赶快回来吧！但其实小小新一就在身边…… 名字的由来：「莫理(mo ri)」士．卢布「朗(ran)」。</p>
<p class="wenben">初登场：001 云霄飞车杀人事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="230" bgcolor="#0066FF"> </td>
<td width="180" height="230"><img src="picture/25337070.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="23" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="25" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><span class="wenben"><strong class="wenben">毛利小五郎 (mouri kogorou)</strong> <br />
声优：神谷明
</span>
<p class="wenben">小兰的父亲，职业是侦探，推理能力奇差，自行推理出的案件约不到十件，大多都由柯南的暗示才得以破解。所以每回柯南都把他麻醉后再用他的声音揭破案件的真相，所以大家送这位毛利侦探一个"沉睡的小五郎"的名号。他原来是一名优秀的警局刑警，和目暮十三是同事，后来因为一起事件而辞职（详见剧场版《十四番目之标的》），改行当私人侦探,在自家二楼开「毛利侦探事务所」,三楼为居住地。 毛利小五郎的枪法十分准，柔道也是一流的，大学时代是柔道社的，被主将认为是社里最有实力的人（小兰的空手道才能也有他的遗传因素吧）。小五郎一见漂亮女性就眼睛发直，最喜欢的偶像是歌星冲野洋子小姐。另外他的吃相非常不好，没事喜欢去打麻将，或是喝啤酒，经常喝醉。因受不了小五郎的种种不良嗜好,老婆妃英理因此受不了他，于是在十年前就与他分居。每每柯南要侦查案件，小五郎总以为他要来妨碍办案，所以常在柯南头上留下一个大肿包…… 名字的由来：明智「小五郎」。</p>
<p class="wenben">初登场：001 云霄飞车杀人事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="230" bgcolor="#0066FF"> </td>
<td width="180" height="230"><img src="picture/25337245.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="24" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="27" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>妃英理 (kisaki eri)<br />
</strong>声优：高岛雅罗 </p>
<p class="wenben">小兰的母亲，是个有名的律师，开了一家"妃法律事务所"。因受不了小五郎的种种不良嗜好，所以目前处于分居状态。（详见剧场版《十四番目之标的》）。与小兰的感情很好，经常连络。有精密的分析头脑，比小五郎能干许多。因为新一和小兰小时候出去探险而被她骂，故新一便不由得对她产生一种恐惧感。她烧的饭菜超级难吃。初登场：032 咖啡店杀人事件 少年侦探团： 阿笠博士 (akasa hakase) 声优：绪方贤一 发明家，52岁。住在新一家隔壁的22番地，自称是天才发明家，爱好做各种各样发明的，常因为实验失败而引起爆炸，但是也做出过非常了不起的东西。新一变小后只把自己的真实身份告诉了他，是第一个知道新一缩小的人。柯南从他那里得到许多帮助，特别是那些为柯南设计的很好用的工具。他是优作与有希子的老朋友， 新一可靠的精神支柱，时常提供新一许多信息。碰巧的是宫野志保（灰原哀）变小后倒在新一家门口也是被他发现的，一起想出了「灰原哀」这个名字，且让她寄住在家里。之后好心的博士收留了她（不过博士的计算机因此而倒了霉）。买了一台金龟车，常常载少年侦探团出去游玩。最近迷上了上网。名字的由来:阿嘉莎.克莉斯汀</p>
<p class="wenben">初登场：001 云霄飞车杀人事件</p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="230" bgcolor="#0066FF"> </td>
<td width="180" height="230"><img src="picture/25337429.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="23" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="21" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC"><p class="wenben"><strong>铃木园子 (Suzuki Sonoko)</strong> </p>
<p class="wenben">声优：松井菜樱子</p>
<p class="wenben">帝丹高中二年级B班的学生，新一和兰的同学，也是兰的好友。铃木财团的二千金（有姐姐――铃木绫子），是个见到帅哥就变花痴的大小姐。性格很豪迈。虽然出生名门，但和兰之间的感情相当好，完全没有什么地位悬殊之类的。她放弃了荣华富贵，投身于平凡，从来不在人前炫耀自己的出生。男友是被称为“踢击的名公子”的全国空手道冠军――京极真，因为救过园子一命而认识的。但后来京极真去美国练习，目前他们之间正隔着太平洋。</p>
<p><span class="wenben">初登场：006 情人节杀人</span>事件 </p></td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="230" bgcolor="#0066FF"> </td>
<td width="180" height="230"><img src="picture/25337553.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="19" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="13" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td colspan="5" valign="top" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="30" colspan="8" bgcolor="#0099FF" class="STYLE18">黑衣组织</td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="17" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td colspan="5" rowspan="3" valign="top" bgcolor="#CCCCCC" class="wenben">黑衣组织（原文：黑の组织），柯南称其为“乌鸦军团”，是《名侦探柯南》中的一个笼罩在神秘色彩中的犯罪组织。主角工藤新一因为看到了组织与他人的非法交易而遭下毒（毒药名称APTX-4869).并更名江户川柯南。这个组织的真实名称一直是一个谜，在片中往往以“黑衣（黑暗）组织”、“组织”代称。组织的组成结构和目的也不明显。但可以肯定的是组织的势力遍布日本和西方国家，并且有雄厚的产业。此外，组织一直在研制某种让人致死的剧毒药物有说法说是为了让自己长生不老的药。（似乎是APTX4869，但由于研究未完成，出现了使人返老还童的效果）并且从事某种“使时光倒流”的技术（灰原哀语）。组织的成立时间不少于半个世纪（单行本19卷 FILe9 被狙击的球 TV130 竞技场无差别胁迫事件 前篇），灰原（对工藤）说：“早在半个世纪前，你就跟组织有很大关系了。”组织里的颜色是黑色，所有的人都穿这个颜色的衣服。组织里的人员的代号全部是酒名。昏迷不醒）、Chianti、Korn、Calvados、Bourbon、IRISH（M13“漆黑的追迹者”里的组织新成员</td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="169" bgcolor="#0066FF"> </td>
<td width="180" height="230" bgcolor="#CCCCCC"><img src="picture/2009120814400290127215442.jpg" width="180" height="230" /></td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="16" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
</tr>
<tr>
<td width="7" bgcolor="#CCCCCC"> </td>
<td height="13" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td colspan="5" valign="top" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td height="33" colspan="9" bgcolor="#0099FF" class="STYLE18">其他出场人物</td>
</tr>
</table>
<table width="960" height="494" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7" height="13" bgcolor="#0099FF"> </td>
<td width="7" bgcolor="#0066FF"> </td>
<td width="285" bgcolor="#0066FF"> </td>
<td width="11" bgcolor="#0066FF"> </td>
<td width="16" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="16" bgcolor="#0066FF"> </td>
<td width="14" bgcolor="#0099FF"> </td>
<td width="8" bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="7" bgcolor="#0066FF"> </td>
<td width="52" bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="132" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="350" height="421" rowspan="5" bgcolor="#0066FF"><img src="picture/25349900.jpg" width="350" height="421" /></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td width="9" rowspan="3" bgcolor="#0066FF"> </td>
<td width="250" height="421" rowspan="3" bgcolor="#0066FF"><img src="picture/25349994.jpg" width="250" height="305" /></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="280" height="132" bgcolor="#0066FF"><img src="picture/25350002.jpg" width="280" height="132" /></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="13" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"><div align="center" class="STYLE20">FBI</div></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="177" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="280" height="266" rowspan="3" bgcolor="#0066FF"><img src="picture/25350067.jpg" width="280" height="266" /></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="13" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"><div align="center" class="STYLE20">怪盗kid</div></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="100" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td width="250" height="100" bgcolor="#0066FF"><img src="picture/25349998.jpg" width="250" height="100" /></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="13" bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td valign="top" bgcolor="#0066FF"><div align="center" class="STYLE20">
<div align="center">少年侦探团</div>
</div></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"><div align="center" class="STYLE20">腹部家</div></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0066FF"><div align="center" class="STYLE20">警视厅</div></td>
<td bgcolor="#0066FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
<tr>
<td height="13" bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
<td bgcolor="#0099FF"> </td>
</tr>
</table>
</div>
<p> </p>
</body>
</html>
六、🏳️🌈 如何学习进步
- 看书、看博客、学课程或者看视频等
- 模仿着书上或者博客的代码，进行复现，复现不重要，思考才是关键
- 思考学习别人思路后，脱离书本和博客，完全自己实现功能
- 自己实现一些 DEMO，看别人项目代码，与别人讨论，提升代码能力
- 在别人的框架和要求下，写代码实现业务
- 自己负责别人设计的模块的实现
- 独立设计业务模块并开发实现
- 负责大项目框架设计和拆分，带领别人进行开发
- 其他高阶的架构和管理工作，已经不仅仅是代码能力了
七、🏴☠️ 更多干货
🌝 关注我 学习更多知识~
🌝 支持我，请 点赞 + 好评 + 收藏 三连，带来更多文章~
🌝 有需要完整源码的同学可以留言、后台私信我（说明要什么主题模板）~