web期末期中网页设计与制作项目展示

web网页设计与制作期末作品期末考试项目

适合大学期末期中考试及初学web网页设计者

本人大学web网页设计与制作课程总成绩94.5。本项目制作占期末65%，预估获得满分，最差情况最多扣了三五分。

最终效果呈现：

 实现代码缩略截图：

作品设计说明与功能实现：

该作品运用web网页制作整本书知识综合实现，看各老师要求，基本符合80%~100%的要求。

最上一层为导航栏，最左上角为网页logo，五个导航栏标题采用了鼠标悬停，点击首页推荐链接到本页面，点击作品大全链接到对应网址，点击作者合集链接到对应网址，点击联系我们跳转到制作的第二个网页——扫码关注即可联系我们，点击我的登录，跳转到第三个网页，首先出现弹窗用户名，接着出现密码，最后显示登录成功。最右边是单行文本框默认状态下显示诗词或作者字样，接着是一个搜索按钮，点击搜索，可出现弹窗。
主体部分左边两个圆角矩形，点击心形可显示弹窗，请先登录即可收藏，点击下载图标可显示，弹窗已成功下载，点击复制图标弹窗显示已复制到剪切板，点击播放按钮，可链接到播放网址，点击转至按钮，可链接到相应网址。点击译 注 赏 背图标，跳转到另一个网页显示功能即将上线，尽请期待。右边几个图片使用圆形展示设置鼠标悬停效果，悬停会展示该诗词名称，设置虚拟链接地址。

制作不易，详细完整代码及所需图片等完整实现素材，点我头像，已上传为资源！