一、作品介绍

作品编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

知识应用：技术方面主要应用了网页中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点。

文章目录

一、作品介绍
二、作品演示
三、代码展示

二、作品演示

三、代码展示

代码说明：以下仅展示部分代码供参考~

<!DOCTYPE html><head><meta charset="utf-8" /><title>个人网页设计</title><link href="css/style.css" rel="stylesheet" />
</head><body><div id="wrapper"><div id="header"><a href="#"><img src="data:images/logo.png" class="logo"/></a></div><div id="menu"><ul><li><a href="index.html">个人主页</a></li><li><a href="jieshao.html">故事介绍</a></li><li><a href="renwu.html">主要人物</a></li><li><a href="meitu.html">个人美图</a></li><li><a href="zhuce.html">注册用户</a></li><li><a href="liuyan.html">随笔留言</a></li></ul></div><div id="main"><div class="content"><ul class="list"><li><img src="data:images/zy1.jpg" /><h5>“草帽”蒙奇·D·路飞</h5><p>初次登场：漫画第1话 年龄：17岁→19岁 生日：5月5日 血型：F型 身高：172cm→174cm 身份：草帽 故乡：东海·风车村 ...</p><a href="#">详情...</a></li><li><img src="data:images/zy2.jpg" /><h5>“小贼猫”娜美</h5><p>初次登场：漫画第8话 年龄：18岁→20岁 生日：7月3日 血型：X型 身份：阿龙海贼团测量员→草帽 故乡：东海▪可可亚西村...</p><a href="#">详情...</a></li><li><img src="data:images/zy3.jpg" /><h5>“海贼猎人”罗罗诺亚·索隆</h5><p>初次登场：漫画第3话 年龄：19岁→21岁 生日：11月11日 血型：XF型 身份：东海海贼赏金猎人→草员 故乡：东海·霜月村...</p><a href="#">详情...</a></li><li><img src="data:images/zy4.jpg" /><h5>“GOD”▪乌索普</h5><p>初次登场：漫画第23话 年龄：17岁→19岁 生日：4月1日 血型：S型 身份：乌索普海贼团船长→狙击手 故乡：东海▪西罗普村...</p><a href="#">详情...</a></li></ul></div><div class="sidebar"><div class="denglu"><h2>用户登录</h2><p><span>账号：</span><input type="text" /></p><p><span>密码：</span><input type="password" /></p><div class="btn"><a href="#"><img src="data:images/denglu.png" /></a><a href="#"><img src="data:images/zhuce.png" /></a></div></div><div class="chengyuan"><h2>草帽海贼团成员</h2><ul><li><a href="#">“草帽”蒙奇·D·路飞</a></li><li><a href="#">“海贼猎人”罗罗诺亚·索隆</a></li><li><a href="#">“小贼猫”娜美</a></li><li><a href="#">“GOD”▪乌索普</a></li><li><a href="#">“黑足”山治</a></li><li><a href="#">“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li><li><a href="#">“恶魔之子”妮可·罗宾</a></li><li><a href="#">“改造人”弗兰奇</a></li><li><a href="#">“灵魂之王”布鲁克 </a></li></ul><img src="data:images/chengyuan.jpg" /></div></div></div><div id="footer"><p>底部信息</p></div></div>
</body></html>

简单个人网页制作 web网页设计作业静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码相关推荐

HTML5期末大作业：关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业静态HTML个人博客主页 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页设计作业
HTML5期末大作业:旅游网站设计--天津旅游(11页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HT ...
简单的个人博客网站设计静态HTML个人博客主页 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页设计作业
学生HTML个人网页作业作品简单的IT技术个人简历模板html下载简单个人网页设计作业静态HTML个人博客主页
HTML5期末大作业：商城网站设计——仿团购商城(1页) 简单个人网页设计作业静态HTML旅行主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页Dreamwe
HTML5期末大作业:商城网站设计--仿团购商城(1页) 简单个人网页设计作业静态HTML旅行主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页Dreamwe ...
TML5期末大作业：动漫网站设计——神偷奶爸(10页) HT简单个人网页设计作业静态动漫主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码
HTML5期末大作业:动漫网站设计--神偷奶爸(10页) HT简单个人网页设计作业静态动漫主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码常见网页设计作业题材有个人. 美食. 公司 ...
Web大学生网页作业成品：个人博客主页 (纯HTML+CSS代码)
Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客设计制作 | 等网站的设计与制作 ...
网站开发之DIV+CSS简单布局网站入门篇（五）
这篇文章主要介绍如何使用DIV和CSS简单布局一个网站的首页,通常将网站划分为顶部(Logo.导航条).中部(页面主要内容.左右栏目).底部(制作方介绍.超链接).这是非常基础的一篇引入性文章,采用案 ...
个人简介网页设计作业静态HTML个人介绍网页作业 DW个人网站模板下载 WEB静态大学生简单网页个人网页作品代码个人网页制作学生个人网页
HTML+CSS大作业——仿团购商城(1页) 简单个人网页设计作业静态HTML旅行主题网页作业 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页Dreamwe
HTML5期末大作业文章目录 HTML5期末大作业一.作品展示二.文件目录三.代码实现四.学习资料一.作品展示二.文件目录三.代码实现 <!doctype html> &l ...

简单个人网页制作 web网页设计作业静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码

一、作品介绍

文章目录

二、作品演示

三、代码展示

简单个人网页制作 web网页设计作业静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码相关推荐

最新文章

热门文章

简单个人网页制作 web网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码

一、作品介绍

文章目录

二、作品演示

三、代码展示

简单个人网页制作 web网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码相关推荐

最新文章

热门文章

简单个人网页制作 web网页设计作业静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码

简单个人网页制作 web网页设计作业静态HTML个人博客主页 DW个人网站模板下载 div+css简单个人网页作品代码相关推荐