100字范文 > HTML5+CSS3期末大作业：电影网站设计——黑色扁平的电影工作室静态网页学生DW网页设

HTML5+CSS3期末大作业：电影网站设计——黑色扁平的电影工作室静态网页学生DW网页设

时间：2021-09-03 00:59:26

HTML5期末大作业：电影网站设计——黑色扁平的电影工作室静态HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。单个首页模板，黑色模板，电影模板，工作室模板，静态网页，扁平模板，扁平网页

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：电影网站设计——黑色扁平的电影工作室静态HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、完整源码六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Document</title><link rel="stylesheet" href="styles/main.css" type="text/css" /></head><body><div id="top-w"><div class="top l"><a class="qq" href="/msgrd?v=3&uin=1810015588&site=qq&menu=yes" target="_blank" style="font-size:11px;"><i class="icon-qq"></i> QQ在线客服: 1810015588</a><div class="tel"><img src="styles/t1.jpg" alt="">全国客服专线: 021-62519993</div></div></div><div id="nav-w"><div class="nav l"><div class="logo"><a href="#"><img src="styles/logo.jpg" alt=""></a></div><ul class="menu"><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><li><a href="">联系我们</a></li><div class="c"></div></ul><div class="c"></div></div></div><div id="slider"><link href="styles/slider/css/style.css" rel="stylesheet" type="text/css"><div id="focusBar"> <a href="javascript:void(0)" class="arrL" onClick="prePage()"></a><a href="javascript:void(0)" class="arrR" onClick="nextPage()"></a><ul class="mypng"><li id="focusIndex1" style="background:url(styles/slider/images/2.jpg) no-repeat center center; display:block;"><div class="focusL"><a href="#"><img src="styles/slider/images/5.png" width="1920" height="450" /></a></div><div class="zhezhao" ><a href="#"><img src="styles/slider/images/8.png" width="1920" height="450" /></a></div><div class="focusR"><a href="#"><img src="styles/slider/images/9.png" width="1920" height="450" /></a></div></li><li id="focusIndex2" style="background:url(styles/slider/images/1.jpg) no-repeat center center; display:none;"><div class="focusL"><a href="#"><img src="styles/slider/images/5.png" width="1920" height="450" /></a></div><div class="zhezhao" ><a href="#"><img src="styles/slider/images/7.png" width="1920" height="450" /></a></div><div class="focusR"><a href="#"><img src="styles/slider/images/6.png" width="1920" height="450" /></a></div></li><li id="focusIndex3" style="background:url(styles/slider/images/2.jpg) no-repeat center center; display:none;"><div class="focusL"><a href="#"><img src="styles/slider/images/5.png" width="1920" height="450" /></a></div><div class="zhezhao" ><a href="#"><img src="styles/slider/images/8.png" width="1920" height="450" /></a></div><div class="focusR"><a href="#"><img src="styles/slider/images/9.png" width="1920" height="450" /></a></div></li><li id="focusIndex4" style="background:url(styles/slider/images/1.jpg) no-repeat center center; display:none;"><div class="focusL"><a href="#"><img src="styles/slider/images/5.png" width="1920" height="450" /></a></div><div class="zhezhao" ><a href="#"><img src="styles/slider/images/7.png" width="1920" height="450" /></a></div><div class="focusR"><a href="#"><img src="styles/slider/images/6.png" width="1920" height="450" /></a></div></li></ul></div><script src="styles/slider/js/jquery.min.js"></script><script src="styles/slider/js/jquery.easing.1.3.js"></script><script src="styles/slider/js/script.js"></script></div><div id="banner-w"><div class="banner l"><h2>汤池在此，灵魂在此！</h2><p>8月，汤池本人已离开“汤池印象”品牌，携原班人马重新创办独立的“香港汤池电影工作室”。以高端限量为理念，创造电影级的个人影像。本工作室注册在香港，总部设在上海，面向全球服务。</p></div></div><div id="pro" class="l"><h2>香港汤池电影——最新作品欣赏</h2><ul><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><li><a href=""><h3>期，许</h3><img src="styles/pro1.jpg" alt=""><h3>婚礼微电影</h3></a></li><div class="c"></div></ul></div><div id="active-w"><div id="active" class="l"><div class="item"><h2>［新西兰续订］再度推出4月的新西兰皇后镇婚纱旅拍行动，每对4.38万</h2><p>梦幻新西兰旅拍，首推24小时售罄，现再推出4月计划，婚纱照＋MV＝4.38万／对（含新人往返机票及拍摄日住宿）。仅限4对名额，速度你懂的。</p></div><div class="btn"><a href="">进入活动</a></div><div class="c"></div></div></div><div id="foot-w"><div class="foot l"><ul class="about"><li>关于我们</li><p>香港汤池电影工作室是汤池本人离开"汤池印象"品牌后，汤池携原班人马重新注册成立的影像服务机构。</p><li><img src="styles/wei.jpg" alt="">新浪微博</li><li><img src="styles/fei.jpg" alt="">FACEBOOK</li><li><img src="styles/xin.jpg" alt="">官方微信</li></ul><ul class="about"><li>工作时间</li><p>为了避免不必要的等待，敬请注意我们的工作时间。以下是我们的正常工作时间，中国大陆法定节假日除外。</p><li><img src="styles/t.jpg" alt="">工作日 10:00-18:30</li><li><img src="styles/t.jpg" alt="">周六 10:00-18:30</li><li><img src="styles/t.jpg" alt="">周日休息</li></ul><ul class="about"><li>上海总部</li><p>上海八号洋房<br><br>上海市长宁区江苏路284弄8号</p><li><img src="styles/tel.jpg" alt="">+86 21 62519993</li><li><img src="styles/phone.jpg" alt="">+86 21 32095335</li><li><img src="styles/q.jpg" alt=""> 1810015588、1810025588</li></ul><div class="c"></div></div></div><div id="copy-w"><div class="copy l"><h2>TANGFILM HK</h2><p><span><a href="">Home</a> | <a href="">About</a> | <a href="">Contact</a></span>Copyright - - 香港汤池工作室版权所有站长统计沪ICP备14029448-1</p></div></div></body></html>