web课程设计网页规划与设计:文化网站设计——中国水墨风书画艺术网站(12个页面)
web课程设计网页规划与设计:文化网站设计——中国水墨风书画艺术网站(12个页面)
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。
作品介绍
1.网页作品简介方面
:HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:登录、注册、主页、列表页、详情页
等总共 5 个页面html下载。
2.网页作品编辑方面
:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm
所有编辑器均可使用)
3.网页作品布局方面
:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
4.网页作品技术方面
:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)
文章目录
- web课程设计网页规划与设计:文化网站设计——中国水墨风书画艺术网站(12个页面)
- 作品介绍
- 一、作品演示
- 二、代码目录
- 三、代码实现
- 四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
- 五、源码获取
- 六、更多HTML期末大作业(成品下载)
- >>>戳我>>>点击进入200例期末大作业作品
一、作品演示
二、代码目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>书画网</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/html.js"></script>
</head>
<body>
<!--头部-->
<div id="header"><div class="top"><div class="nav"><a href="index.html" class="hover">网站首页</a><a href="画家简介.html">画家简介</a><a href="作品欣赏.html">作品欣赏</a><a href="出版专著.html">出版专著</a><a href="收藏捐赠.html">收藏捐赠</a><a href="社会活动.html">社会活动</a><a href="艺术资讯.html">艺术资讯</a><a href="影相集珍.html">影相集珍</a><a href="名人轶事.html">名人轶事</a><a href="网评留言.html">网评留言</a></div></div>
</div>
<!--内容部分-->
<div id="content"><div class="summary_bj"><div class="layout"><div class="summary_box"><img src="temp/cs1.jpg" class="img" /><p><span class="t">姓名:</span>李某某</p><p><span class="t">简介:</span>李某某,生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介</p><p>生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介介生平简介生平简生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介生平简介<a href="画家简介.html">【查看详情】</a></p></div></div></div><div class="layout ptb_20"><div class="index_left"><div class="title_t"><a href="作品欣赏.html" class="more"></a><i class="i1"></i><span class="t">作品欣赏</span></div><div class="plr_10"><ul class="ul1"><li><a href="#"><img src="temp/cs2.jpg" /><p>作品名称</p></a></li><li><a href="#"><img src="temp/cs2.jpg" /><p>作品名称</p></a></li><li><a href="#"><img src="temp/cs2.jpg" /><p>作品名称</p></a></li><li><a href="#"><img src="temp/cs2.jpg" /><p>作品名称</p></a></li></ul><dl class="dl1 mt_10"><dt><a href="#"><img src="temp/cs3.jpg" /><p>作品名称</p></a></dt><dd><a href="#"><img src="temp/cs4.jpg" /><p>作品名称</p></a></dd></dl><div class="div1 mt_10"><a href="#"><img src="temp/cs5.jpg" /><p>作品名称</p></a></div></div></div><div class="index_right"><div class="title_t"><a href="视频欣赏.html" class="more"></a><i class="i2"></i><span class="t">视频欣赏</span></div><div class="video_box plr_10"><img src="temp/cs7.jpg" /></div><div class="title_t mt_10"><a href="艺术资讯.html" class="more"></a><i class="i3"></i><span class="t">艺术资讯</span></div><ul class="ul2 plr_10"><li><a href="#">艺术资讯"讲堂讲述"作什么"</a></li><li><a href="#">"艺术资讯---艺术资讯研究生教学展"…</a></li><li><a href="#">"艺术资讯"艺术资讯教学展在桂林美术馆开幕</a></li></ul><div class="title_t mt_10"><a href="社会活动.html" class="more"></a><i class="i4"></i><span class="t">社会活动</span></div><ul class="ul2 plr_10"><li><a href="#">艺术资讯"格物致知"讲堂讲述"作什么"</a></li><li><a href="#">"艺术资讯----艺术资讯研究生教学展"…</a></li><li><a href="#">"艺术资讯"艺术资讯教学展在桂林美术馆开幕</a></li></ul><div class="title_t mt_10"><a href="联系我们.html" class="more"></a><i class="i5"></i><span class="t">联系我们</span></div><div class="contact_txt plr_10"><p>电话:010-455454</p><p>邮箱:000000@00.com</p><p>个人官网:</p><p>地址:xxxxxxxxxxxxxxxx</p><p>xxxxxxxxxxxxxxxxxxxxxxxxxxx</p></div></div><div class="clear"></div><div class="anecdote_box mt_10"><a href="名人轶事.html" class="more"></a><ul class="ul3"><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li><li><a href="#"><img src="temp/cs8.jpg" /><p>名人轶事</p></a></li></ul></div><div class="portrait_box mt_10"><div class="title_t"><a href="影相集珍.html" class="more"></a><i class="i6"></i><span class="t">影相集珍</span></div><span class="pic tl"></span><span class="pic tr"></span><span class="pic bl"></span><span class="pic br"></span><ul class="ul4"><li><a href="#"><img src="temp/cs9.jpg" /></a></li><li><a href="#"><img src="temp/cs9.jpg" /></a></li><li><a href="#"><img src="temp/cs9.jpg" /></a></li><li><a href="#"><img src="temp/cs9.jpg" /></a></li><li><a href="#"><img src="temp/cs9.jpg" /></a></li></ul></div></div>
</div>
<div id="footer"><div class="layout"><p class="a"><a href="画家简介.html">画家简介</a>|<a href="作品欣赏.html">作品欣赏</a>|<a href="出版专著.html">出版专著</a>|<a href="收藏捐赠.html">收藏捐赠</a>|<a href="社会活动.html">社会活动</a>|<a href="艺术资讯.html">艺术资讯</a>|<a href="影相集珍.html">影相集珍</a>|<a href="名人轶事.html">名人轶事</a>|<a href="网评留言.html">网评留言</a>|<a href="联系我们.html">联系我们</a></p><p>Copyright Reserved 2000-2015 某某艺术网 版权所有</p></div>
</div>
</body>
</html>
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
五、源码获取
❉ ~ 关注我,点赞博文~ 每天带你涨知识!
❉1.看到这里了就 [点赞+好评+收藏] 三连
支持下吧,你的「点赞,好评,收藏」是我创作的动力。
❉ 2.关注我
~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号
获取更多源码 !
六、更多HTML期末大作业(成品下载)
>>>戳我>>>点击进入200例期末大作业作品
web课程设计网页规划与设计:文化网站设计——中国水墨风书画艺术网站(12个页面)相关推荐
- web课程设计网页规划与设计:文化网站设计——中国水墨风书画艺术网站(12个页面)...
web课程设计网页规划与设计:文化网站设计--中国水墨风书画艺术网站(12个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多 ...
- web网页设计实例作业 ——中国水墨风书画艺术网站(12页)HTML DⅣV+ CSSJS
web网页设计实例作业 --中国水墨风书画艺术网站(12页)HTML DⅣV+ CSSJS 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店 ...
- HTML期末大作业 web网页设计实例作业 ——中国水墨风书画艺术网站(12页)HTML DⅣV+ CSSJS
web网页设计实例作业 --中国水墨风书画艺术网站(12页)HTML DⅣV+ CSSJS 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店 ...
- HTML5期末大作业:体育运动网站设计——体育文化(6页) HTML+CSS+JavaScript 体育运动网页设计 dw大学生体育文化网页设计 web课程设计网页规划与设计
HTML5期末大作业:体育运动网站设计--体育文化(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材 ...
- HTML5期末大作业:校园网站设计——云南艺术学院文化学院(3页) HTML+CSS+JavaScript web前端开发技术 web课程设计 网页规划与设计
HTML5期末大作业:校园网站设计--云南艺术学院文化学院(3页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计 ...
- HTML+CSS期末大作业——中华传统文化题材学生网页设计成品(6页面) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
- HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计
HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计
HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结 ...
最新文章
- Exchange 2010 移动邮箱时提示超过了目标配额
- 图像算法可以稳定处理视频了!港科大开源通用算法,解决视频处理时域不稳定问题|NeurIPS 2020...
- 【Python】刚刚,Python 3.10 正式发布了!我发现了一个可怕的功能...
- github删除文件_github 仓库中删除历史大文件
- rabbitmq 拉取消息太慢_面试官:消息队列这些我都要问
- VFP下利用API调用帮助
- 【项目合作】海隆石油工业集团诚邀巡检识别工程合作伙伴
- php 上传图片 预览 多张,uploadify插件实现多个图片上传并预览
- 商业价值:中国互联网的产品经理时代
- iOS最全学习资源汇总
- WinCE下3G模块的调试
- vue中加载maptalks图标(markers)以及点击事件
- 【替罪羊树及其应用】替罪羊树总结
- RV1126RV1109 buildroot 增加QT程序
- 短期趋势自用经传捕捞季节 通达信指标公式副图 源码 贴图
- 内网穿透 natApp
- Dom 中 children 与childNodes 的区别
- 关于手机开发的一些比较基础的知识
- Revi开发 - 碰撞检测
- 图像处理中对双三次插值(立方卷积插值)的理解