一、作品介绍

.作品编辑：网页作品代码简单，可使用任意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>

dw电影网页设计主题制作相关推荐

html 课件DW,DW《网页设计与制作》教学课件.ppt
DW<网页设计与制作>教学课件.ppt 教学环节. 教学环节. . 教学环节. 教学环节. 教学环节. . <网页设计与制作>教学课件主讲人:信息工程学校熊明教学单元8: ...
DW静态网页设计与制作 JavaScript大作业 HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS)
HTML静态网页作业--海贼王主题网页设计制作6个页面(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合 ...
web前端期末大作业在线电影网页设计与制作 HTML+CSS+JavaScript仿叮当电影网页制作
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
HTML+CSS+JS电影网页设计 DW个人网页制作 Hbuilder制作简单的电影网页在线电影网页设计与制作 web前端大作业
一.制作介绍网页作品代码简单html+css制作,可使用任意HTML编辑软件(如:Dreamweaver.HBuilder.Vscode .Sublime .Webstorm.Text .Notep ...
HTML CSS JS电影网页设计 DW个人网页制作 Hbuilder制作简单的电影网页在线电影网页设计与制作 web前端大作业
制作介绍网页作品代码简单html+css制作,可使用任意HTML编辑软件(如:Dreamweaver.HBuilder.Vscode .Sublime .Webstorm.Text .Notepad ...
HTML5期末大作业：电影网站设计——迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:电影网站设计--迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游 ...
大学生影视主题网页制作银翼杀手2049电影网页设计模板学生静态网页作业成品 dreamweaver电影HTML网站制作
银翼杀手2049电影网页设计制作知识点应用作品介绍网页成品效果预览 HTML代码预览导航代码图片列表代码作品源地址知识点应用 DIV CSS布局.网页背景图片.网页背景音乐.图片列表.字 ...
HTML5期末大作业：电影网页设计——在线影院6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:电影网页设计--在线影院6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个 ...
HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码旅游网页代码学生网页设计与制作期末作业下载 DW旅游网页作业代码下载
旅游住宿酒店的HTML网页设计14页 ~ 学生网页设计与制作期末作业下载~ 大学生网页设计与制作成品下载 ~DW旅游网页作业代码下载临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...

dw电影网页设计主题制作

一、作品介绍

文章目录

二、作品演示

三、代码展示

dw电影网页设计主题制作相关推荐

最新文章

热门文章