作业报告"/>
结课大作业报告
结课大作业报告
- 一.期末结业作业任务
- 二.页面展示
- 1.主页面展示
- 2.子页面展示
- 三.操作过程
- 1.模板的选择
- 2.导航条的建立
- 3.主页面全屏视频背景显示
- 4.主页面中剧情简介部分
- 5.主页面的其他部分
- 6.子网页的设计
- 四.遇到的问题、如何解决、哪些未解决
- 1.遇到的问题及如何解决
- 2.未解决的问题
- 五、总结
一.期末结业作业任务
构建一个静态态网站,可使用你喜欢的任何CSS框架如BootStrap、MDB、tailwind等,页面不少于5个,最后一个页面放置结业报告的超链接。网站需部署到你喜欢的托管服务器上如github等。
撰写结业报告,要求如下:
A. 题目为《通信软件开发与应用》课程结业报告;
B. 报告需阐述:做的什么、开发过程、遇到的问题、如何解决、哪些未解决、总结;
C. 该报告需表现为HTML格式,从你上面的网站中可访问到。
网页链接
二.页面展示
1.主页面展示
2.子页面展示
三.操作过程
1.模板的选择
我选择的是MDB模板。代码为MDB 官方提供的5个教程中3个教程模板代码。其足以支持我们平常的网站构建。
2.导航条的建立
导航条可以使我们快速锁定我们想要观看的内容,其是网页开发极其重要的内容。导航条使用了< nav >标签,其内容包括包括< a >链接,< href>作为锚点,用来实现网页的快速跳转;< button >按钮实现点击。
代码
<nav class="navbar navbar-expand-lg navbar-dark rgba-white-slight fixed-top scrolling-navbar"><div class="container"><a class="navbar-brand" href="#">首页</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarTogglerDemo02"><ul class="navbar-nav mr-auto smooth-scroll"><li class="nav-item"><a class="nav-link" href="#intro" ></a></li><li class="nav-item"><a class="nav-link" href="#about" >剧情简介</a></li><li class="nav-item"><a class="nav-link" href="#projects" >主要人物</a></li><li class="nav-item"><a class="nav-link" href="#gallery" >剧情截图</a></li><li class="nav-item"><a class="nav-link" href="#testimonials">幕后制作</a></li></ul><!-- Social Icon --><ul class="navbar-nav nav-flex-icons"><li class="nav-item">
更多推荐
结课大作业报告
发布评论