WEB结业报告_web课程结业报告-CSDN博客

本文链接：https://blog.csdn.net/2201_75357199/article/details/131485345

本文介绍了以肖战为主题的个人网站开发过程，包括使用pandas进行数据分析，网站包含五个页面，如音乐、影视等。开发者分享了选择MDB作为框架，素材收集和处理的挑战，以及HTML、CSS和JS的使用经验。在开发中遇到了表单数据处理的问题，但通过学习和实践解决了部分困难，认识到持续学习在web开发中的重要性。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言

作业需要，仅供参考

提示：以下是本篇文章正文内容，下面案例可供参考

一、项目内容简介

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的

主要内容

本项目是一个对于肖战的介绍网站，主要分为五个页面，分别是主页、音乐、影视、商务和作业报告页面：

主页页面展示

音乐页面：

影视页面：

商务页面：

二、主要源码展示

主要框架结构：

采用的棋歌教学网中提供的MDB

HTML文件：

CSS文件：

JS文件：

三、开发过程

1.确定基本框架结构

由于自己确实写不出较好看的CSS结构，在多方搜索无果后，选择了练习时使用的MDB

2.确定页面数量和内容

由于对于肖战的喜欢和了解便决定主要内容为肖战的介绍，根据肖战主要成就分为四个页面+结页报告页面

3.各页面代码编写

（1）先在纸上构思需要的内容，确定需要的内容后收集素材并对素材分类整理

（2）根据构思内容编写HTML文档，在编写HTML文档的同时进行一部分的CSS文档编写

（3）在完成网站初步构建后，进行CSS文档补充改写，和JS文档的编写，对网站进行进一步的优化

四、遇到的难题

收取素材困难，图片水印，尺寸不一等
不会在github上挂在网站
不知怎么将结业报告以超链接方式放置在网站中
HTML、CSS、JS的使用不熟练，使用时需大量的去寻找教程，影响速度
本想还有一个页面是粉丝留言页面，但表单提交后无法进行数据收集和处理

五、解决办法

在搜寻素材时，找到了一系列免费图片网站例如Unspalsh等，

对于尺寸不一选择使用系统自带的画图更改图片尺寸，使画面更加协调

（2）在CSDN中发布文章使用超链接放入网站中

（3）在大量查找教程，尝试后选择将word文档报告另存为html文档后放入文件夹中，使用超链接方式放置在网站中

六、不足之处

（1）对于知识点不熟悉进度慢，至今无法解决该问题，对于该知识点太多太杂，做项目只有一点点的去找教程来来完成，但在大量使用后，对于一些常用知识能够记住不需去寻找教程

（2）对于表单提交后无法进行收集和数据处理，四处搜寻教程后还是，没有解决，便选择了舍弃粉丝留言页面

总结

学习web开发后，我深刻体会到了技术的力量和无限的可能性。通过学习web技术，我们可以创建动态和交互式的网站，为用户提供丰富的在线体验。我发现web开发是一门创造性的工作，可以将想象变为现实，并为人们带来实际的价值。

在学习过程中，我了解了HTML、CSS和JavaScript等核心技术，学会了如何构建网页布局、设计用户界面和交互功能。我还学习了数据库和服务器的相关知识，了解了网站的后端开发和数据存储方面的内容。这些知识的掌握使我能够从设计到实现，全面参与到网站的开发过程中。

学习web开发还培养了我解决问题的能力和逻辑思维能力。在开发过程中，我经常会遇到各种问题和挑战，需要综合运用所学知识进行分析和解决。通过不断地调试和改进，我逐渐掌握了排查问题的方法和技巧。这种锻炼对我不仅在web开发方面有帮助，也对其他领域的问题解决起到了积极的作用。

此外，学习web开发还让我意识到持续学习的重要性。技术的更新换代如此之快，新的技术和框架层出不穷。只有不断学习和跟进最新的发展，才能保持竞争力和适应市场的需求。因此，我对持续学习和自我提升有了更强烈的意识，努力保持对新技术的敏感度和学习能力。

总结来说，学习web开发是一次极为有意义的经历。它不仅拓宽了我的技术视野，提升了我的实际操作能力，还锻炼了我的问题解决能力和学习能力。我相信，在不断学习和努力进步的道路上，我会不断超越自我，迎接更大的挑战。