所在位置:
首页 >
营销资讯 >
网站运营 > web老师期末布置了大作业:设计一个精美的网页。我该怎么办?有什么好的思路
web老师期末布置了大作业:设计一个精美的网页。我该怎么办?有什么好的思路
时间:2024-02-17 19:00:01 | 来源:网站运营
时间:2024-02-17 19:00:01 来源:网站运营
web老师期末布置了大作业:设计一个精美的网页。我该怎么办?有什么好的思路吗?:
如果你会运用div+css来写前端的话,仅靠这个就足够写一个漂亮的前端页面了,可以尝试几点来使页面效果更丰富:
① 运用好盒子的浮动,做好层级的设计,页面会更有层次
② 设计一个Logo,有图形设计的logo不仅仅是几个文字,可以在iconfont找一些成熟漂亮的图标,切记新手要学会利用素材,而不是搞全新的创作,因为新手不具备创作的能力,创作一个完整的LOGO还是蛮复杂的...
③:hover 的运用,比如hover设置底部边框线颜色改变,就会有鼠标滑过变色的效果,也同样可以使用鼠标滑过字体颜色大小改变,背景图的改变等,一句代码、事半功倍
④ 制作一个漂亮的导航条,无需js使用 ul li即可完成一个带下拉菜单栏的导航栏,一个可下拉的导航栏会为整个页面增加不少高级感,建议使用灰色不必那么鲜艳,同时加入鼠标滑过效果体验更佳
⑤ 引入成熟的js轮播图,首页有一个通屏的滚动banner效果会不错,这里可以直接引用成熟的轮播图代码事半功倍,在这里不要觉得不会写js下载代码是不可取的办法,在网页设计上,使用成熟或开源的代码是合理高效的方法,在写网页设计报告的时候也直接写清楚是引用的,自己通过调整尺寸适配等引入到自己的网页中即可
⑥ 学生作业还是要尽可能的将所学知识点融入在网页中,比如音频、视频、
表单js验证等功能的运用,也是丰富页面的一个手段
最后可以点击下方卡片看下我这边做的一些成品,旅游、美食、明星、校园、游戏等等主题,也都有共享源码,可以看下我的css、导航栏是怎么写的,就酱~