HTML学生个人网站作业设计:电影网站设计——千与千寻(9页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

news/2024/11/23 22:26:17/

一、作品介绍

1.作品简介 :html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

3.知识应用:技术方面主要应用了大学生网页课程中的: 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="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="images/zy1.jpg" /><h5>“草帽”蒙奇·D·路飞</h5><p>初次登场:漫画第1话 年龄:17岁→19岁 生日:5月5日 血型:F型 身高:172cm→174cm 身份:草帽 故乡:东海·风车村 ...</p><a href="#">详情...</a></li><li><img src="images/zy2.jpg" /><h5>“小贼猫”娜美</h5><p>初次登场:漫画第8话 年龄:18岁→20岁 生日:7月3日 血型:X型 身份:阿龙海贼团测量员→草帽 故乡:东海▪可可亚西村...</p><a href="#">详情...</a></li><li><img src="images/zy3.jpg" /><h5>“海贼猎人”罗罗诺亚·索隆</h5><p>初次登场:漫画第3话 年龄:19岁→21岁 生日:11月11日 血型:XF型 身份:东海海贼赏金猎人→草员 故乡:东海·霜月村...</p><a href="#">详情...</a></li><li><img src="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="images/denglu.png" /></a><a href="#"><img src="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="images/chengyuan.jpg" /></div></div></div><div id="footer"><p>底部信息</p></div></div>
</body></html>

四、戳下方👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻


http://www.ppmy.cn/news/441126.html

相关文章

python opencv创建图像_使用Python中OpenCV库创建一幅图片的RGB通道图片

我们知道&#xff0c;在使用PhotoShop进行图片的抠取、创建和存储选区、存储图像的色彩资料等复杂操作时&#xff0c;经常会用到一个功能&#xff0c;那就是“RGB”通道&#xff0c;它能从三原色角度对一幅图片进行精准处理。我们在惊叹PhotoShop中RGB通道功能强大的同时&#…

HTML常用标签

一 标签语义 简单的理解&#xff1a;标签的含义&#xff0c;即&#xff1a;这个标签是用来干嘛的。 二 标题标签 为了使网页更具有语义化&#xff0c;我们经常会在页面中用到标题标签。 HTML 提供了 6 个等级的网页标题&#xff0c;即&#xff1a;<h1> 到 <h6>…

除了《千与千寻》,宫崎骏漫画的花卉治愈了观众,而花艺学院治愈了你一片温情

《千与千寻》被称为动画大师宫崎骏的巅峰之作&#xff0c;为向经典致敬&#xff0c;国语版电影《千与千寻》在华已上映6天&#xff0c;可能因为前有玉珠&#xff0c;很多观众都有吐槽配音是这部电影的败笔&#xff0c;但是尽管如此&#xff0c;目前累计票房已经突破近3亿元人民…

鼠标滑入图片切换

浮动文字样式背景图片兄弟选择器盒子模型 效果图: 代码展示: <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0">&l…

关于电影主题HTM5网页设计作业成品——千与千寻在线电影(9个页面) HTML+CSS+JavaScript...

关于电影主题HTM5网页设计作业成品——千与千寻在线电影(9个页面) HTMLCSSJavaScript 期末作业HTML代码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大&#xff1f;HTML网页作业无从下手&#xff1f;网页要求的总数量太多&#xff1f;没有合适的模板&#xf…

《千与千寻》背后的思考

《千与千寻》这部电影到底讲的是什么&#xff1f;&#xff08;转&#xff09; 从为什么叫《千与千寻&#xff08;千と千尋の神隠し&#xff09;》谈起。《千与千寻》于2001年7月20日在日本上映。讲述一个十岁的小女孩与父母一同迷失&#xff0c;最后通过寻找&#xff0c;找到来…

一个简单的HTML网页(千与千寻电影) 大二学生网页设计与制作 电影主题网页制作

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置&#xff0c;有div的样式格局&#xff0c;这个实例比较全面&#xff0c;有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 文章目录 一、网页介绍一…

得力计算机怎么用二进制,如何将得力计算器 DL-1529 调到保留两位小数点?

有个可以横拨的小钮拨到2。 计算器的使用方法 1、键入数字时&#xff0c;按下相应的数字键&#xff0c;如果按错可用(CE)键消去一次数值&#xff0c;再重新输入正确的数字。 2、直接输入数字后&#xff0c;按下乘号将它变为乘数&#xff0c;在不输入被乘数的情况下直接按()键&a…