HTML5期末大作业:电影网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
HTML5期末大作业:电影网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目, A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多?
2.没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。
作品介绍
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:主页、关于我们、登录、注册,
总共4个页面。
2.网页作品编辑
:此作品为学生期末大作业网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品布局
:网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
4.网页作品技术
:使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言,并使用JavaScript制作了表单判断(提交时表单不能为空)。
文章目录
- HTML5期末大作业:电影网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、web前端(学习资料)
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>FILM</title> <link rel="icon" href="./font/marvel.png" type="image/x-icon" /> <link rel="stylesheet" href="./assets/animate.css"> <link rel="stylesheet" href="./assets/reset.css"> <link rel="stylesheet" href="./css/film.css">
</head>
<body> <div class="box"> <ul class="animated lightSpeedIn nav"> <li> <a href="hero.html"> <img src="./font/marvel.png" alt="logo"> </a> </li> <li id="li_btn"> <a href="hero.html"> HERO </a> <ul id="nav_two" class=" nav_two"> <li class="animated zoomIn " id="thor">Thor</li> <li class="animated zoomIn " id="hulk">Hulk</li> <li class="animated zoomIn " id="widow">Widow</li> </ul> </li> <li> <a href="film.html"> FILM </a> </li> </ul> <div id="con" class="con"> <ul id="one" class="animated zoomIn"> <li> <img src="./img/ironman1.jpg" alt="ironman"> <span>钢铁侠</span> </li> <li> <img src="./img/spider1.jpg" alt='spiderman'> <span>蜘蛛侠</span> </li> <li> <img src="./img/thor1.jpg" alt='Thor'> <span>雷神</span> </li> <li> <img src="./img/avengers1.jpg" alt='avengers'> <span>复仇者联盟</span> </li> </ul> <ul id="two" class="animated zoomIn"> <li> <img src="./img/captain1.jpg" alt="captain"> <span>美国队长</span> </li> <li> <img src="./img/galaxy1.jpg" alt="galaxy"> <span>银河拯救队</span> </li> <li> <img src="./img/deadpool.jpg" alt="deadpool"> <span>死侍</span> </li> <li> <img src="./img/ant1.jpg" alt="antman"> <span>蚁人</span> </li> </ul> <ul> <li> <img src="./img/marvel.jpg" alt="marvel"> <span>惊奇队长</span> </li> </ul>
<!-- 弹窗 --> <ul id="ironman" class="pop animated zoomIn"> <li> <img src="./img/ironman1.jpg" alt="钢铁侠1"> <span>钢铁侠</span> </li> <li> <img src="./img/ironman2.jpg" alt="钢铁侠2"> <span>钢铁侠2</span> </li> <li> <img src="./img/ironman3.jpg" alt="钢铁侠3"> <span>钢铁侠3</span> </li> </ul> <ul id="spiderman" class="pop animated zoomIn "> <li > <img src="./img/spider1.jpg" alt="蜘蛛侠:英雄归来"> <span> 蜘蛛侠1 </span> </li> <li > <img src="./img/spider2.jpg" alt="蜘蛛侠:英雄远征"> <span>蜘蛛侠2</span> </li> <li > <img src="./img/superspider1.jpg" alt="超凡蜘蛛侠"> <span>超凡蜘蛛侠</span> </li> <li > <img src="./img/superspider2.jpg" alt="超凡蜘蛛侠2"> <span>超凡蜘蛛侠2</span> </li> <li > <img src="./img/oldspider1.jpg" alt="蜘蛛侠"> <span>蜘蛛侠</span> </li> <li > <img src="./img/oldspider2.jpg" alt="蜘蛛侠2"> <span>蜘蛛侠2</span> </li> <li > <img src="./img/oldspider3.jpg" alt="蜘蛛侠3"> <span>蜘蛛侠3</span> </li> </ul> <ul id="Thor" class="pop animated zoomIn"> <li> <img src="./img/thor1.jpg" alt="雷神"> <span>雷神</span> </li> <li> <img src="./img/thor2.jpg" alt="雷神2"> <span>雷神2</span> </li> <li> <img src="./img/thor3.jpg" alt="雷神3"> <span>雷神3</span> </li> </ul> <ul id="avengers" class="pop animated zoomIn"> <li><img src="./img/avengers1.jpg" alt="复联1"><span>复联1</span></li> <li><img src="./img/avengers2.jpg" alt="复联1"><span>复联2</span></li> <li><img src="./img/avengers3.jpg" alt="复联1"><span>复联3</span></li> <li><img src="./img/avengers4.jpg" alt="复联1"><span>复联4</span></li> </ul> <ul id="captain" class="pop animated zoomIn"> <li> <img src="./img/captain1.jpg" alt="美队"> <span>美国队长1</span> </li> <li> <img src="./img/captain2.jpg" alt="美队"> <span>美国队长2</span> </li> <li> <img src="./img/captain3.jpg" alt="美队"> <span>美国队长3</span> </li> </ul> <ul id="galaxy" class="pop animated zoomIn"> <li> <img src="./img/galaxy1.jpg" alt="银河拯救队"> <span>银河拯救队</span> </li> <li> <img src="./img/galaxy2.jpg" alt="银河拯救队2"> <span>银河拯救队2</span> </li> </ul> <ul id="deadpool" class="pop animated zoomIn"> <li> <img src="./img/deadpool.jpg" alt="死侍"> <span>死侍</span> </li> <li> <img src="./img/deadpool2.jpg" alt="死侍2"> <span>死侍2</span> </li> </ul> <ul id="antman" class="pop animated zoomIn"> <li> <img src="./img/ant1.jpg" alt="蚁人"> <span>蚁人</span> </li> <li> <img src="./img/ant2.jpg" alt="蚁人2"> <span>蚁人2</span> </li> </ul> </div>
</div>
</body><script src="./js/jquery.min.js"></script><script src="./js/film.js"></script>
</html>
四、web前端(学习资料)
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
HTML5期末大作业:电影网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...相关推荐
- HTML5期末大作业:体育运动网站设计——体育文化(6页) HTML+CSS+JavaScript 体育运动网页设计 dw大学生体育文化网页设计 web课程设计网页规划与设计
HTML5期末大作业:体育运动网站设计--体育文化(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材 ...
- HTML5期末大作业:餐饮饮食美食主题网站设计——重庆火锅(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
- HTML5期末大作业:网站——响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页
HTML5期末大作业:网站--响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页 ...
- HTML5期末大作业:旅游出行网站设计——武汉旅游(11页) HTML+CSS+JavaScript dreamweaver作业静态HTML网页设计模板
HTML5期末大作业:旅游出行网站设计--武汉旅游(11页) HTML+CSS+JavaScript dreamweaver作业静态HTML网页设计模板 常见网页设计作业题材有 个人. 美食. 公司. ...
- HTML5期末大作业:体育篮球网站设计——篮球活动(9页) HTML+CSS+JavaScript 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品
HTML5期末大作业:体育篮球网站设计--篮球活动(9页) HTML+CSS+JavaScript 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品 常见网页设计作业题材有 个 ...
- HTML5期末大作业:个人主页网站设计——个人介绍(45页) HTML+CSS+JavaScript 个人设计web前端大作业 HTML期末大作业...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML5期末大作业:动物宠物主题网站设计——宠物网(8页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
- HTML5期末大作业:动漫网站设计——动漫樱桃小丸子(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 关于动漫的HTML网页设计
HTML5期末大作业:动漫网站设计--动漫樱桃小丸子(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 关于动漫的HTML网页设计 常见网页设计作业题材有 个人. 美食. 公司 ...
- HTML5期末大作业:旅游网站设计——三亚旅游 (6页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码...
HTML5期末大作业:旅游网站设计--三亚旅游 (6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- HTML5期末大作业:水果超市网站设计——水果超市(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 网购商城设置网页
HTML5期末大作业:水果超市网站设计--水果超市(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 网购商城设置网页 常见网页设计作业题材有 个 ...
最新文章
- Android资源文件
- Linux学习之CentOS(三十四)--配置域主DNS服务器
- 关于动态生成输入界面的一些想法及实践
- 【算法漫画】什么是红黑树?(下篇)
- 华为mate40RS能升级鸿蒙,mate40Pro和40RS能用上鸿蒙系统吗
- 【Python学习笔记】Coursera课程《Python Data Structures》 密歇根大学 Charles Severance——Week6 Tuple课堂笔记...
- mysql workbench查询快捷_mysql workbench快捷键
- Using APIs in Your Ethereum Smart Contract with Oraclize
- [MySQL Bug]DDL操作导致备库复制中断
- 持久化消息队列memcacheq的安装配置
- opencv 证件照背景替换-KMeans
- Vim使用全指南 (环境配置,插件推荐,美化) (C++,Python,MarkDown,R...)
- springBoot redis开发的Java快递代拿系统(含人脸识别,验证码登录)
- java 计算开始时间与结束时间的时间差 精确到秒
- python 单词纠错_Python 简单单词纠错识别
- 七步带你认识计算机视觉(Computer Vision)
- 当前安装包签名出现异常_关于部分华为手机安装游戏提示“签名异常”问题说明...
- Java 操作数据库插入失败原因
- 迪威视讯:智慧城市“三位一体”运营模式渐成主流
- OPPOR9s 官方原厂售后线刷包救砖包解账户锁屏幕锁
热门文章
- NVIDIA VIDEO ENCODER(NVENC)7.0.1 SDK 编码流程 学习笔记
- 关于三维数组的一些问题
- 考研英语二2017阅读理解Text3
- 关于shader的内存占用分析,以urp项目内置shader Lit为例
- 8bit校准测试工具mtd-utils的移植和使用
- 二、LaTeX学习笔记——基本结构、设置表格、文字变形及符号、插入图片
- JPA中的@Embedded和@Embeddable注释的使用
- 54个站在人类智商巅峰的男人!告诉你2400年的物理学史里都有什么……
- mysql 查询当月天数
- php实现emoji表情包的数据库存储和展示