DW黑白风个人主页模板

黑白配色的个人主页,设计挺简单,结构也清晰,适合刚接触前端的朋友练手。主页带个小型的登录系统,方便你自己登录后对内容做些管理。其实就是个小型 CMS 的雏形,用来展示个人信息、作品啥的还挺方便。

登录逻辑没太复杂,主要靠表单和本地存储模拟权限验证,login.htmladmin.html是两个核心页面。你也可以自己改成对接后端 API,升级下安全性。

布局方面还是传统的 HTML+CSS搞定的,结构清楚,样式不多,比较适合边看边改。比如首页里的#main容器用了margin: 0 auto居中,简单直接。

整体页面响应也快,没用框架,纯靠原生写的,适合你想练练HTML、CSS、JavaScript的组合拳。管理区用了点事件绑定,像onclick切换标签页。

哦对了,页面里还有些注释挺清楚的,如果你自己要做类似的作业,直接拿来改改就是现成模板,像这个相关链接也值得看看:

个人主页网页设计作业学生个人网页模板,内容也挺实用的。

如果你正好想做个能展示自己的个人站点,又不想太折腾,不妨拿它练练手,代码清晰,改起来也方便。

zip
myweb.zip 预估大小:33个文件
folder
myweb 文件夹
file
main_mid_bottom_01.gif 2KB
file
main_mid_bottom_02.gif 3KB
file
Untitled-1.html 3KB
file
Untitled-2.html 1KB
file
main_left_bottom_bg.gif 5KB
file
Untitled-1.css 4KB
folder
admin 文件夹
folder
images 文件夹
file
main_mid_bottom_01.gif 2KB
file
bgpic.jpg 3KB
file
main_mid_bottom_02.gif 3KB
file
sub_main_left_behind_bg.jpg 780B
file
sub_main_main_top_bg.gif 92B
file
main_left_bottom_bg.png 50KB
file
logo.png 2KB
file
main_mid_top.png 55KB
file
nav_bg.jpg 351B
file
main_mid_top.gif 7KB
file
sub_main_left_top_bg.jpg 1KB
file
sub_main_main_top_01.gif 226B
file
logo.gif 2KB
file
nav_menu_head.gif 766B
file
main_left_top_bg.jpg 1KB
file
main_right_bg.jpg 4KB
file
main_left_bottom_bg.gif 5KB
file
footer_bg.gif 246B
file
sub_main_left_bottom_bg.jpg 427B
file
nav_menu_tail.gif 748B
folder
js 文件夹
folder
style 文件夹
file
nav.css 888B
file
Untitled-1.html 790B
file
top.css 246B
file
all.css 2KB
file
wrap.css 473B
file
footer.css 217B
file
style2.css 3KB
zip 文件大小:152.21KB