一个大学生活网页设计作品

最新推荐文章于 2022-11-14 20:37:24 发布
最新推荐文章于 2022-11-14 20:37:24 发布
阅读量9.4k 收藏 3
点赞数 12
文章标签： css html jquery 大学生活网页设计 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Damon__Salvatore/article/details/53671613
版权
基本页面效果如下：


是第一个做的比较久的作业作品，因此也发第一条博客以表纪念大笑

                        
Damon__Salvatore
关注
  • 12
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
我的大学生活个人主页网站模板,我的大学生活网页制作模板,HTML源码.zip
10-14
我的大学生活个人主页网站模板,我的大学生活网页制作模板,HTML源码.zip
我的大学生活个人主页网站模板,我的大学生活网页制作模板,HTML
09-10
我的大学生活个人主页网站模板个人网站欢迎下载使用
HTML作业-我的大学生活
学生期末作业
06-15 4352
HTML期末大作业-我的大学生活，共6个网页（HTML+CSS+JavaScript） 部分网页截图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,m...
HTML期末作业-我的大学生活网页
学生期末作业
06-17 2万+
html网页制作期末大作业-美食点餐网页html+css+javascript 9个页面适用学生作业课程设计我的大学生活网页、期末作业我的大学生活网页、毕业设计我的大学生活网页 网页截图 网页源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
HTML+CSS+JS网页设计期末课程大作业 京剧文化水墨风书画
而风不止
11-14 1万+
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
大二学生web期末大作业 在线电影网站 HTML+CSS+JS
HTML网页设计 专注大学生网页设计
09-18 5万+
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
web大学生个人网站大作业模板 ——大学生活记录个人网站模板(6个页面) HTML+CSS+JavaScript...
qq_365392777
09-09 6238
web大学生个人网站作业模板 ：个人网站设计——大学生活记录个人网站模板(6个页面) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？...
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
热门推荐
HTML网页设计
10-03 21万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
大学生网页设计大作业-5个网页设计制作作品自己任选
12-23
大学生网页设计大作业-以下5个网页设计制作作品自己任选： 1.网页制作基础大二dw作业 2.web网页大作业 3.大学生期末网页大作业-6页面的网页设计，是个人主页类型。包含了6个页面，包含视频、脚本等元素。水平不高，但交选修作业就足够了。 4.免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作品 5.Dreamweaver网页设计与制作100例
大学生静态网页设计期末作业.zip
06-18
大学生静态网页设计期末作业，HTML三个项目合集全部是95分以上高分项目，期末作业项目，全部代码都有注释。代码注释详细。三个项目合集，总有一个适合你 网页设计期末作业，静态网页，HTML， 大学生静态网页设计期末作业，HTML三个项目合集95分高分项目，项目，全部代码都有注释。代码注释详细。三个项目合集 网页设计期末作业，静态网页，HTML， 大学生静态网页设计期末作业，HTML95分高分项目，项目，全部代码都有注释。代码注释详细。三个项目合集 网页设计期末作业，静态网页，HTML， 大学生静态网页设计期末作业，HTML95分高分项目，项目，全部代码都有注释。代码注释详细。三个项目合集 网页设计期末作业，静态网页，HTML， 大学生静态网页设计期末作业，HTML95分高分项目，全部代码都有注释。代码注释详细。三个项目合集 网页设计期末作业，静态网页，HTML， 大学生静态网页设计期末作业，HTML95分高分项目，项目，全部代码都有注释。代码注释详细。三个项目合集 网页设计期末作业，静态网页，HTML，
大学生网页综合设计
12-15
大学生的网页综合设计，个人网页设计，可以当成是课程设计参考，来这里下载吧
大学生网页设计作业
05-31
这是我用DW做的简单的网站，是网页课老师要求的作业，需要的可以去下载，还行很，用来当网页课作业还是可以的。
0cup：2020年武汉大学零杯网页设计大赛0组优胜奖作品
02-21
整个网页就是一个水墨画的画布，基于这一点，本网页设计中都遵循的理念要素：无滚动条，既然整个网页就是一个画布，就不应该有滚动条，因此网页大部分元素采用相对定位，以确保所有内容能在一个页面呈现。...
一个个人网站的设计论文
06-17
这篇论文是关于我的一个个人网站的设计，首先我先从网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个完整的网站制作过程。本论文详细的介绍了整个网站设计的全...
网页设计大赛.doc
02-27
一、活动名称：网页设计大赛策划书 二、活动主题： 原则上不设主题，各参赛选手可以自由发挥，但主题必须健康，积极。以下提供 几个主题，仅供参考： （1） 校园青春群落，如校园音乐、摄影、旅游等。 （2） 校园...
网页设计大赛-新闻稿.doc
02-27
玩转网页设计 ——记软件学院网页制作大赛复赛 为丰富同学们的课余生活，增强我院的学习风气，开发同学们的创意思维，我院低 举办网页制作大赛。今天下午两点，在软件楼307进行了本届网页制作大赛第二轮的角逐 。 ...
网页设计大赛活动方案.doc
02-27
与此同时为大家提 供一个艺术想象的空间、情操陶冶的园地和学习互助的场所，信息工程系学生会网络部 特开展"大学生网页设计大赛"。 一、活动简介 1、活动名称：大学生网页设计大赛 2、参赛主题：原则上不设主题，各...
帮我写一个大学城网页设计
最新发布
06-07
好的，下面是一个简单的大学城网页设计： HTML代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>大学城网</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>大学城网</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻资讯</a></li> <li><a href="#">校园生活</a></li> <li><a href="#">校园招聘</a></li> <li><a href="#">关于我们</a></li> </ul> </nav> </header> <div class="banner"> <img src="banner.jpg" alt="Banner"> </div> <section class="news"> <h2>新闻资讯</h2> <ul> <li> <img src="news1.jpg" alt="News 1"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是新闻内容，可以写一些新闻摘要。</p> </li> <li> <img src="news2.jpg" alt="News 2"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是新闻内容，可以写一些新闻摘要。</p> </li> <li> <img src="news3.jpg" alt="News 3"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是新闻内容，可以写一些新闻摘要。</p> </li> </ul> </section> <section class="life"> <h2>校园生活</h2> <ul> <li> <img src="life1.jpg" alt="Life 1"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园生活内容，可以写一些校园生活摘要。</p> </li> <li> <img src="life2.jpg" alt="Life 2"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园生活内容，可以写一些校园生活摘要。</p> </li> <li> <img src="life3.jpg" alt="Life 3"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园生活内容，可以写一些校园生活摘要。</p> </li> </ul> </section> <section class="job"> <h2>校园招聘</h2> <ul> <li> <img src="job1.jpg" alt="Job 1"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园招聘内容，可以写一些校园招聘摘要。</p> </li> <li> <img src="job2.jpg" alt="Job 2"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园招聘内容，可以写一些校园招聘摘要。</p> </li> <li> <img src="job3.jpg" alt="Job 3"> <h3><a href="#">标题标题标题标题标题标题标题标题</a></h3> <p>这里是校园招聘内容，可以写一些校园招聘摘要。</p> </li> </ul> </section> <footer> <p>版权所有 © 2021 大学城网</p> </footer> </body> </html> ``` CSS代码： ```css * { box-sizing: border-box; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; display: flex; justify-content: space-between; align-items: center; } header h1 { font-size: 36px; } nav ul { display: flex; list-style: none; } nav li { margin-left: 20px; } nav a { color: #fff; text-decoration: none; font-size: 20px; } .banner { height: 400px; overflow: hidden; } .banner img { width: 100%; height: 100%; object-fit: cover; } .news, .life, .job { background-color: #f5f5f5; padding: 50px; text-align: center; } h2 { font-size: 36px; margin-bottom: 20px; } ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; } li { width: 300px; margin: 20px; } li img { width: 100%; height: 200px; object-fit: cover; } li h3 { font-size: 24px; margin: 20px 0; } li p { font-size: 18px; line-height: 1.5; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } ``` 这个网页设计包括了一个简单的导航栏、一个轮播图、以及三个板块：新闻资讯、校园生活和校园招聘。每个板块包含多个文章，每个文章包含一张图片和标题、内容摘要。同时，网页底部包含了版权信息。这个设计可以根据实际需求进行修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值