这个要看你是想短时间内搞出来，还是说，当成一个产品，慢慢研发，慢慢沉淀。
短时间的话，不推荐自己一步一步写代码弄出来，这个是个长久活儿，现在市面上也有一个快速开发平台，比如天翎，也不需要自己写代码，都是可视化的配置，就可以弄出个系统了。
不着急的话。就可以慢慢研究啦，或者搞个天翎的产品，研究一下源码，感觉这种快速开发平台，做bpm的还是有前景的。
题主的问题比较大，主要还是看自己对什么系统有兴趣，不知道可以去看看github或者gitee热门项目，java语言。。。
其实市面上开发系统大多为了方便快速最优质的解决办法是低代码开发平台。不用修改底层代码，只需要编写一些脚本语言就可以快速完成系统开发。
我推荐你去看看天翎myapps 低代码开发平台，有免费版本，是由spring boot + spring cloud框架开发而成，可以进行分布式部署，微服务架构。
功能完善上手简单，能够大大减少开发时间。大型系统开发也不在话下。如果只是想练练手 看看这些低代码平台的源码也是不错的选择。
转自公众号：设长
网页布局在很大程度上决定了网站的用户如何和网页内容进行交互，好的网页设计具有很强的实用性和适应性，在布局上我们要选择合适并且让用户满意的设计。
作为设计师的我们更应该遵循网页布局的最佳实践效果，给观者带来最前沿最全新的网页体验，也要随着媒体的发展和技术的提升，来调整网页，做一个让用户满意，体验感超好的网站。
老规矩，大家记得点赞收藏！
01
卡片式布局
卡片式布局分为两种，一种是每个卡片的尺寸都相同，排列整齐标准。一种是不同尺寸的卡片，卡片的排列没有固定的排序。这两种手法都很适合有大量内容需要展示的网页。
应用：新闻网站、博客类网站。
02
分屏布局
分屏布局是一种比较流行的布局手法，图片和文字都一样重要的时候，就可以选择分屏布局。左边可以是文字，右边为图片或者左边为文字，右边为图片的布局手法，十分的简单好学！
应用：电子商务网站。
03
纯文字布局
纯文字的布局没有了图片的辅助元素，整个网页只有文字，我们可以将主要的文字进行放大，大标题来使用。其他文字作为辅助元素也可以是装饰元素。纯文字的布局就充满了可读性，并且有强大的视觉冲击力！
应用：极简风格的主页。
04
个性化推荐布局
个性化推荐布局就需要根据用户的喜好来量身定制网页的布局了，现在人工智能的发展，我们能根据用户之前的订阅习惯，来设计网页布局，推荐出他们喜爱的网页效果。精确的分析用户的喜好，满足用户的需求。
应用：订阅类产品网页。
05
网格式布局
如果有很多图片，内容细碎的网页，可以选择网格布局。网格布局可以使用不同大小网格来表达内容，不同网格里所表达的内容不同。网格会给人一种整齐的秩序感。网格设计可以提升整个网页的整齐性，保持内容的有序，并且很容易使用。
应用：图片，文字比较多的网站。
06
杂志版式布局
如果是每天都需要更新的网站，可以学习杂志和期刊的布局，运用到网页上。杂志版式的网页布局就和我们平时看到的杂志上的布局一样，根据种类的划分，进行排列。这样的布局可以让网页是多样化，也能让用户每天都有新鲜感！
应用：内容多，种类多的网站。
07
单页布局
对于内容稀疏的网站，单页布局是一个很好的选择。单页布局是将网站中的所有的主要内容放在一个网页上，通过滚动完成导航。单页布局是内容叙事的完美选择，还可以使用视差滚动的效果，让画面产生一种交互感，并且让观者沉浸在其中。
应用：内容稀疏，沉浸式叙事网站，交互式读物。
08
F型布局
F型的布局是适合很多的页面，有研究表明，用户在浏览网页的时候，会习惯于沿着F式的阅读轨迹来浏览信息。从左到右的阅读是用户阅读的习惯，用户通过从左到右的阅读然后向下阅读，继续从左到右。F型的布局有很明确的视觉层次结构。
应用：以文字为主，大部分网站都适用。
09
Z型布局
Z型布局是将用户的视线吸引到顶部，遵循着从左到右的规律，用户会从左到右，从上到下的习惯来进行阅读网页，这样的布局比较简单，合理的运用从左到右看的规律，将元素合理整齐的排布好就行了。
应用：以图片为主的网站，大部分网站都适用。
本文转自微信公众号：设长，图片来源网络，版权归原所有者所有，本文仅供分享交流，如有侵权，请联系我删除，谢谢！
你是否有想过创建一个属于自己的网站？但是苦于不懂IT，不会编程设计，不知该与从何下手，所以只能望而却步。今天小编就帮助你解决这个难题，让你可以轻松简单的搭建自己的网站。
其实现在随着各种网站制作平台/工具的出现，搭建一个网站已没有那么复杂，只需简单的几步就可快速建立网站，下面小编就以乔拓云平台为例，给你讲讲快速建立网站的步骤。
第一步，要建立网站首先需要申请一个域名，在阿里云、华为云、腾讯云、乔拓云等平台可以申请域名。
第二步，申请好域名后，注册登录账号进入乔拓云平台后台，点击【企业网站】中的【去管理】进入网站的后台管理页面。
第三步，在后台管理页面，你可以先点击【网站域名】选项绑定域名，然后返回【概况】页面点击【电脑网站】中的【去设计】进入网站的编辑制作页面。
第四步，在网站的编辑制作页面，点击左上角的【极速建站】便可选择自己想要的网站模板并对选好的模板进行编辑修改。你可以直接点击网站页面中要修改的内容进行编辑，也可以点击左边的【模块】、【样式】、【设置】、【百度优化】等选项对网站模板进行修改设置。
如果需要添加文章或产品信息，可以在网站的后台管理页面点击【文章】与【产品】选项进行添加设置。
第五步，编辑制作好网站后，点击【预览】可直接保存并查看完整的网站，之后就可以将网址分享给朋友查看网站了。
就这么简单五步，不到五分钟的时间，一个完整的网站便制作完成了！赶紧一起来制作自己的网站吧！
随着各种网页制作工具的普及，现在不懂技术的个人也能顺利建站了。不过使用网页制作工具虽然简单，但仍有很多细节需要注意，并且要遵循一定流程。那么个人究竟该如何建站呢？下面就给大家详细科普下个人网页制作教程：
第一步：确定网站定位先要想明白你打算用这个网站做什么，是做个人博客网站，用来记录生活，还是想做一个简历网站，用来找工作？或者是做一个自媒体网站，用来积累粉丝？不同类型的网站要用到不同的模板，所以在建站前一定要想清楚，这样你建站时才能有清晰的主题方向。
第二步：找一个靠谱的建站工具现在市面上的自助建站系统很多，新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型，比如「上线了」，后台都是可视化操作，而且模板设计感强，简洁欧美范儿，做出来的个人网站也好看。
第三步：搭建网站页面进入「上线了」官网，注册账号后选择【创建网站】，再选择一个“个人”或“作品集”模板。
本展示页所提供的模板及元素仅供展示功能效果，未经授权不得应用于其他用途
点击模板进入后台编辑页面，在这里你可以添加各种功能版块，比如做一个个人插画网站，你可以添加网格、相册、大尺寸媒体、横向布局、纵向布局、联系方式等版块来展示作品，和访客沟通。
如果是做个人简历网站，那么网站中一般要包括个人简介、经历、教育、技能、相册、所参与项目等，通过这些版块详细介绍你的从业经历、业务介绍、擅长的工作领域等等。版块有不同的布局模式可供选择，可以让你把网站做得更加个性化，有自己特色。
在左上角【风格】里，你可以更改网站的主题风格、字体、模板；在【设置】-【域名】里，你可以设置网站域名。
你还可以在网站页脚添加社交媒体图标，链接到自己的微博、抖音、B站等各媒体平台，吸引更多粉丝。
第四步：发布上线上述全部做好并预览无误后，点击左下角“上线”就好。网站发布后，你也可以随时修改，重新上线。
这就是上线了网页制作教程，是不是非常简单？如果还有什么不懂的，你可以参考这个网页制作教程视频来学习。
总之，现在个人也可以很方便地生成一个网站了，如果你也需要一个网站来的话，那就赶紧制作一个试试吧！