学生网课网页设计成品在线视频学习类网页制作三层结构网页模板静态HTML注册登录网页模板学生毕业设计网页制作作品网校类网页代制做

关注

VIP免费原创最新推荐文章于 2026-09-05 15:14:53 发布 3.7k 阅读 AI 写同款· GEO 优化 ›

HTML+CSS+JS网页设计期末课程大作业京剧文化水墨风书画 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。阅读详情

网页知识点

DIV CSS布局、CSS3效果（阴影、圆角）、注册登录表单、鼠标经过菜单变色、JavaScript弹窗提示跳转等

网页作品介绍

网页设计作品主题为在线视频学习网校类主题，网页作品共11个页面，包括1个首页、1个注册页面、1个登录页面、8个课程介绍页面。课程介绍页面有课程视频（8个课程页面使用的同一个视频）。

网页作品整体页面宽度1200像素，使用CSS设置了浅色网页背景，整体使用了些CSS3效果，比如首页BANNER图圆角效果及课程列表的阴影效果及圆角效果。课程小导航区域使用CSS制作了鼠标经过变色效果。

网页作品制作了注册登录表单页面，点击注册按钮使用JavaScript制作了弹窗提示注册成功前往登录页面，点击登录按钮，提示登录成功前往首页。

网页代码展示

代码展示

登录页面部分代码展示

<div class="member">
	<div class="mbg">
		<div class="caidan"><li class="this"><a href="login.html" >登录</a></li><li><a href="register.html" >注册</a></li></div>
		<form style="margin-left:40px; margin-top:40px;">
		<input name='name' type='text' style='width:280px;height:40px