根据自己的兴趣爱好或专长,确定网站(信息系统)主题,确定的网站主题应具有一定针对性、内容健康、具有时代气息; 3.网站提供的信息应与网站主题相符合,自行确定网站的LOGO、自行设计各级网页的风格、网站的整体结构;网站结构应层次分明,内容重点突出; 4.网站必须使用CSS进行样式设计,并适当增加页面特效(javascript); 5.网站包含页面不少于6个,包含如下所示风格类似的登录页面(图1)、主页面(图2)、数据详细页面(图3)、数据列表页面(图4)、数据可视化页面(图5)5个必须要按要求完成的页面,其他页面根据网站设计需求,自行添加即可。 6.项目名称以“姓名首字母+学号”命名,登录页面作为项目访问的首页,各网页之间需要有可以实现页面跳转的超链接,各页面title标题为自己的网站名称,meta中name值为自己姓名,所有网页使用的素材一律使用英文名称并放置到页面根目录下的images文件夹内,样式文件放置到CSS文件夹内。 页面1:登录页面 设计要求:必须包含输入用户名和密码的文本框,并进行合理布局;包含登录按钮,点击该按钮可跳转到主页面。 页面2:主页面 设计要求:主页面由三部分构成,上方为Logo区域,左侧为标题栏,右侧为主页面区域。(可使用Frameset标签分为三个页面进行设计),菜单栏至少包含两个分别链接到数据详细页面、数据列表页面的超链接,其他部分可自行设计。 页面3:数据详细页面 设计要求:建立表单,至少包含两种以上表单域组件(例如文本框、单选框、复选框、下拉列表等),包含确认按钮(本部分可参考叮叮书店联系我们页面的设计),并具备表单验证功能,页面使用Element UI技术会加分。 页面4:数据列表页面 设计要求:建立表格,样式美观,至少包含四列,鼠标移动到对应行上,行颜色发生变化(使用CSS伪类实现)。使用Vue技术参考课堂实例实现数据的填充。 页面5:数据可视化页面 设计要求:使用Echarts库进行设计,实现至少两种图形的可视化呈现,数据需要自主定义,数据内容与网站主题保持一致。