南平企业网站开发:使用Divi主题的17个教育网站示例

2019.04.29 |
标签

像大多数企业一样,教育提供者需要设计良好的网站,为潜在的学生提供他们需要了解的关于学校或课程的一切信息。这意味着互联网上有很多教育网站可以帮助你为自己的设计提供灵感,而且和大多数领域一样,有些网站是用Divi构建的。

下面南平企业网站开发列出了17个用Divi制作的教育网站的例子。有些是提供学校信息的小册子,另一些是在线课程。他们从大学校和许多教员,到单一课程由一名讲师。他们是一个伟大的方式获得灵感的布局设计,导航,颜色,图像,字体,等等。这些网站没有特别的顺序。

1。Silcoates学校

南平企业网站开发

Silcoates学校功能全屏幕滑块完整的视频.顶部的消息栏包括一个通过电子邮件注册的链接。然后是一个带有品牌色彩的大菜单,并链接到各个学校。导航包括到入学、日历和学术信息的链接。还包括多个博客,与学生的班级画廊,等等。网上课程是透过莫德尔.

2。IQTrace

IQTrace有一个干净的主页设计,包括视差,透明的覆盖,几次呼吁行动,社会证明,学校信息,和联系部分。一个名为“治理委员会”的页面使用Person模块显示带有社交网络链接和登录的图像,这样您就可以在线观看他们的董事会会议。“学生和家长”页面为学生提供了一个登录名,显示了学校的好处,并显示了家长的推荐信。“注册”页提供所有注册信息。新闻和事件是一个博客。每个页面都遵循同样干净的主页设计。

3。马利诺学校

南平企业网站开发

马利诺学校有一个有趣的主页和时间线通过各个部分。时间表用于描述学校提供的成绩。部分包括几个动画,包括钢琴、键盘和乐高积木。每一页都讨论年级,并给出描述、图片、对该年级学生的关注、学习标准、CTA和下载应用程序清单的链接。菜单中的应用链接将您带到学生可以注册的新网站。“学习更多”链接使用“重力窗体”创建联系人表单,并包含复选框,以便您可以选择所需信息中的课程。

4。阿灵顿学院

阿灵顿学院包含多个链接与下拉菜单在顶部菜单标题元素部分。它包括一个带有垂直滚动动画的滑块、一个cta、关于学校使用视差背景上的多种颜色覆盖的信息、博客帖子、日历、时事通讯“选择”、推特帖子等等。日历使用埃文顿插件和详细的事件每天。当您单击某一天时,它会显示一张图片、更多关于事件的详细信息、地址和带有指示的GoogleMap。

5。头发设计学院

头发设计学院很好地利用了颜色,包括一个带有CTA的滑块,一个包含链接和开始日期的部分,一个包含博客文章和联系形式的部分,在页脚中包含了推荐信、视频和很多链接。一个带有CTA的消息条保留在屏幕的底部。可以通过单击x来取消消息栏。导航包括很多关于页面、各种程序的链接、注册信息、有关服务的信息、博客和联系人页面。

6。克罗姆普顿大厦

克罗姆普顿大厦特色是一个干净的设计,一个菜单在顶部信息栏和一个侧边栏在主页上。它包括一个大的图像与CTA,信息与图像,下载,和一个砖石博客部分在一个网格,其中包括滑动动画在悬停。侧边栏包括一个cta、最新的tweet和一个事件日历,其中显示了更多关于悬停的信息,并通过链接查看日历的更大版本。一个事件日历。该网站包括许多关于课程,学术,学校生活,事件,等等的详细网页。

7。意大利烹饪学校

意大利烹饪学校包括一个全宽度图像与文字的视差,其次是一个关于部分与社会跟踪图标,一个部分的旅游和班级,推荐信,博客帖子,和联系形式。学校网页使用文字和图片提供有关厨房的信息。“类”页面显示即将出现的类,其中包含详细信息、图像、注册按钮和礼品证书按钮。吴商。旅游页面提供了一个行程和购买信息。颜色和字体给它一个优雅的外观。

8。新金融学院

新金融学院包括一个全宽度的英雄形象与一个视频播放点击。然后是一个苗条的通讯选入形式,一个关于学校的部分,特色课程,一个全屏幕滑块的推荐信,关于指导员,和另一个通讯形式。该网站充分利用了教师和学生的色彩和大图片。课程目录页面设计显示有趣的图像与课程细节和CTA的。

9。聪明的抄写派

聪明的抄写派充分利用图标和剪贴画进行网站导航。主页包括一个英雄形象与CTA,大图标导航,信息与视频和CTA,资源,CTA和推荐信,博客帖子。课程页面显示与课程链接的图像作为WooCommerce产品。

10。参与现场

参与现场包括一个带有英雄形象和CTA的优雅主页,一个有链接可注册的特色课程的视频,电子邮件选择,与WooCommerce一起创建的类旋转木马,证明滑块,博客文章,以及更多的CTA后面的赞助商列表。工作坊页面使用EventON创建一个锐利的日历,打开该日历以显示事件详细信息,包括全宽度图像和视频。在线课程页面将课程显示为WooCommerce产品。目录页面包括一个全宽度搜索框,其中包含一个下拉框中的类别,以及一个关键字搜索以及显示为图库的类别。

11。E3预备和领导学院

E3预备和领导学院使用简单而干净的设计。主页显示图片,链接到学校,招生,课程,学生生活等各种网页,然后是社交图标和联系方式。页面保留干净的外观,并为课程信息添加诸如视差和手风琴之类的元素。手风琴有助于包含有关课程的大量信息,并将导航保持在最低限度。

12。温莎卑尔根学院

温莎卑尔根学院使用明亮的调色板来吸引他们的主要观众。调色板与适当的图片和艺术品一起在整个网站中持续使用。主页使用一个事件日历中的所有内容来提供有关重要日期的信息。链接到不同的课程和学校的信息提供在一个超级菜单。

13。伽马音乐学院

伽马音乐学院有一个使用大量视差的主页,包括一个全屏图像、一个滑块、一个链接到各种课程的图库、几个CTA的链接以及一个联系人和跟踪部分。课程页面提供了有关课程、讲师、费用、日期等的详细信息。教师页面使用文本模块和图像提供有关教师的信息。联系页面包括一个带有手风琴的常见问题。这个网站充分利用颜色来适应这个主题。

14。温莎预科中学

温莎预科中学有一个干净的设计,很符合学者的要求。菜单项被添加到顶部的信息栏中。主页包括一个英雄形象,介绍学校,所有在一个事件日历提供重要日期的信息,图标链接到主页,交替图像和文本提供信息和CTA,联系形式,和一个全宽度的谷歌地图。该设计充分利用了整个网站的红色和奶油。

15。史提奇学校

史提奇学校使用一个英雄图像,然后是一个大的电子邮件选择,他们的故事与图片和一个链接到团队页面。EventOn日历插件创建了他们的课程的交互式日历-显示日期,描述,图像,地图等。WooCommerce是用来购买课程的。联络表格7用于创建具有图像和图标的有趣表单。该网站使用红色、蓝色、白色和棕色来创建一个优雅的调色板。

16。Levenshulme高中

南平企业网站开发

Levenshulme高中使用干净的设计,包括视频背景、贴图滑块、链接到各种页面的图像、来自班主任的日历、视差等信息。它使用顶部菜单中的链接。课程描述页面是干净和详细的。空缺页面使用了一个很好的搜索功能,包括关键字和位置,以及复选框来过滤结果。

17。数字战略学校

数字战略学校在英雄形象中包括有趣的调色板、过滤器和课程信息。该主页还显示了好处,一个CTA,课程描述,证明,社会证明,和许多成功的故事。它使用不同的设计来展示不同的证明和成功的故事。“成功故事”页面使用区块引号和图片创建推荐信。点击一个,你就可以看到他们校友的成功故事。这个网站把你需要知道的一切都放在主页上,这样才能保持最低限度的导航。

最后思想

这17个与Divi一起创建的教育网站的例子表明,Divi可以用来为任何类型的教育需求创建伟大的网站,无论是大型学校、在线课程还是单一课程。南平企业网站开发这些网站为布局、颜色、导航、图像和视频的使用、动画等提供了很好的思路。如果你需要一个教育网站的设计灵感,这些肯定会有所帮助。


相关推荐

最新文章

热门推荐

联系电话 400-6065-301

微信咨询 寒总监