00:00
哈喽,大家好,我们今天一起来看一个古风背古诗的网站。我想在每个人的求学路上。可能对背古诗这件事情有过烦恼。诗句的文字过于抽象。我们又很难设身处地的get到作者那种。从小我就好奇大漠孤烟直的画面到底是什么模样的,当时的我怎么也想不出来。也许,这就是背古诗的一大痛点和难点。我们的脑海当中没有清晰可见的画面,只能生硬的将古诗的内容输入到脑子当中。于是我便用code创建了这样一个网站。接下来让我们一起打开网站来看一下。网站的整体以宣纸的黄色为主色调。主页添加了每10秒就会变换的古风图片,让整体更有氛围感。
01:04
页面的中间搭配的是一个搜索框,我们可以在这里直接搜索我们想要的古诗诗句。网站的整体建构比较出色,适配了多种大小不一的界面。比如说数值的手机界面。横屏的平板界面已经刚刚演示的电脑的画面。不同大小的界面网站基本都能正常显示,完美的适配了我们在日常生活中的场景。此外,我们还在网页当中嵌套了古风文字,让整体的网站设计更加大气美观。此外,网还加上了景,让用户在选择古诗的同时赏古风文化的重感。接下来,我将以三种不同的终端大家演示网站的功能。
02:03
首先,我们将以电脑端为大家演示搜索功能,我们可以看到页面的中间就有一个搜索框,我们可以输入我们想要背诵古诗。当我们没有输入任何字符时。按下查询按钮。界面会显示提示框。此外,当我们说一首不存在的古诗时,系统会自动帮我们选一首诗作为替代,而当我们选择了我们想要的古时。比如说春望。我们可以看到系统会自动跳转到相关的界面。好的,接下来我们将以手机网站为大演示一下关卡功能,我们可以点击主页的开始背诵按钮。系统会自动跳转到关卡的选择。根据自身情况选择合适的古诗进行背诵,在这我们可以看到有小学启蒙、初中进阶以及高中高阶,在这里我们选择初中进阶来为大家演示。
03:13
当我们点击初中按钮后,我们会发现界面当中有三个选项,随机选择式搜索,还有返回上级。在这里我们点击随机选择的按钮,便可以发现我们的界面当中出现了1最后我们将以平板电脑的显示为大家演示默写功能。我们首先可以在这里输入我们想要默写的古诗,这里以登幽州台歌为例。我们点击搜索按钮。用。
04:01
我们可以清晰的看到。当我们没有。会提示。当我们全部默写完成时。如果正确。系统将会自动跳转到下一个。第二句。如果这个时候没有记牢相应的诗句,可以点击这个。网站会自动播放相应的诗句,根据诗句就可轻松的默出来了。当我们写错一个字时,网站会自动的显示默写错误,并提示正确的诗句。根据。并在3秒后失用。
05:11
当我们默写完整首古诗,显默写完成。提示框自动跳转到搜索的界面。接下来我们可以继续默写了。最后的最后,这样的代码离不开像这样高效的应用插件。正是这样的应用插件。我们的创作加高自然。从0~1的每一步,Code都会轻松的帮你解决问题。所以。谢谢大家。
我来说两句