【学生网页设计作品 】关于HTML公益主题网页设计——关爱空巢老人 5页 带表单
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业
HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为
文章目录
- 前端学习路线
- 网页基本结构
- 网页演示
- HTML结构代码
- 学的反而越迷茫
- 学习更多
前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
网页演示
HTML结构代码
<!DOCTYPE htmlPUBLIC "-//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 type="text/css" rel="stylesheet" href="css/style1.css" /></head><body><!-- 头部 --><div id="head"><div class="shou"><img src="data:images/123.png" /><div class="biao"><table><tr class="mima"><td>账号:</td><td><input type="text"></td></tr><tr><td>密码:</td><td><input type="text"></td></tr></table><tr><td><button style="width:60px; height:25px; margin-left:40px; ">登录</button></td><td><button style="width:60px; height:25px; margin-left:30px;">注册</button></td></tr></div></div><hr size="4" color="#FFFFFF" /><div class="dao"><a href="index.html">网站首页</a><a href="news.html">新闻政策</a><a href="healthy.html">健康资讯</a><a href="demand.html">需求大厅</a><a href="square.html">老年广场</a></div><hr size="13" color="#FFFFCC" /></div><!-- 内容 --><div id="zhon"><img class="ban" src="data:images/tu3.png" /><div id="banner"><div class="xin"><div class="dao2"><h2>实时政策</h2></div><div><p class="one">国家公布6大养老新政，晚年生活老有所依...2020-06-08<br />国家公布6大养老新政，晚年生活老有所依...2020-06-08<br />国家公布6大养老新政，晚年生活老有所依...2020-06-08<br />国家公布6大养老新政，晚年生活老有所依...2020-06-08<br />国家公布6大养老新政，晚年生活老有所依...2020-06-08<br />国家公布6大养老新政，晚年生活老有所依...2020-06-08<br /></p><img class="img1" src="data:images/img2.png" /></div></div><div class="he1"><div class="dao3"><h2>最新报道</h2></div><img class="two" src="data:images/tupian.png" /><p class="there"><a href="#">凄惨老人因疫情失去收入，谁料一夜之...2020-06-08</a><br /><a href="#">四名子女不赡养七旬老母，还当庭动手...2020-06-07</a><br /><a href="#">七旬老人正在家中刷碗，脚下地面突然...2020-06-06</a><br /><a href="#">普宁一老人遭到实时跟踪，他到底干了...2020-06-05</a><br /><a href="#"> 张家口一名孤寡老人报警称，半年前埋...2020-06-04</a><br /><a href="#">六旬老人寻短见，民警跳入江河中英勇...2020-06-03</a><br /></p></div><div class="he2"><div class="dao4"><h2>今日热点</h2></div><img class="img2" src="data:images/xwzc1.png" /><h5 class="five">全国共有近4000家医养结合机构</h5><p class="four">面向老年人普及膳食营养、体育锻炼、定期体检、健康管理、心理健康以及合理用药等知识。指导各地落国家基本公共卫生服务老年人健康管理项目，免费为65岁以上老年人进行健康体检、健康指导和慢病综合干预。将老年人作为家庭医生签约服务的重点人群，为高龄、失能等老年人提供上门巡诊、家庭病床等服务...</p></div></div><div id="guan"><table><tr><td><input type="text" style=" width:250px; height:40px;"><td /><td><button style="width:60px; height:40px;">搜索</button></td></tr></table><img src="data:images/tu1.png" width="320" /><p style="font-size:14px; text-indent:2em; line-height:20px; padding-top:15px;">我们政府关爱老人，社会关爱老人，家庭成员关爱老人，是绝对正确的，应该的。关爱老人，就要敬重老人，尊重老人的思维方式和自主选择，就要提供更多的便利使老人感受到关爱，就要自立自强为老人创造更好的颐养天年的环境，就要对老人放手，使他们有高兴的生活方式，就要创造条件使他们树立自己新的社会价值自信和家庭价值自信。</p></div></div></div></div><!-- 页脚 --><div id="yejiao"><hr size="2" color="#FF9933" /><p class="ba"><a href="index.html">网站首页</a> | <a href="news.html">新闻政策</a> | <a href="healthy.html">健康资讯</a> | <a href="demand.html">新闻资讯</a> | <a href="demand.html">需求大厅</a> | <a href="square.html">老年广场</a><hr /></p></div><!-- 底部 --><div id="footer">Copyright © 2022 xxx All rights reserved.</div>
</body>
</html>学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习，可关注↓公Z号
【学生网页设计作品 】关于HTML公益主题网页设计——关爱空巢老人 5页 带表单相关推荐
- 静态HTML网页设计作品 HTML5+CSS大作业——明星个人-赵丽颖(7页)带表单带音乐表格布局
HTML5+CSS大作业--明星个人-赵丽颖(7页)带表单带音乐表格布局 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. ...
- 学生个人网页模板 简单个人主页--贝聿铭人物介绍 6页带表单 带报告3800字
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客 ...
- 学生HTML个人网页作业作品下载 动漫主题网页设计制作 大学生个人网站作业模板 dreamweaver简单个人网页制作
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
- HTML5期末大作业：商城网站设计——仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe
HTML5期末大作业:商城网站设计--仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe ...
- Div+CSS、鼠标滑过特效、导航栏效果——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...
- TML5期末大作业：动漫网站设计——神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码
HTML5期末大作业:动漫网站设计--神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 个人. 美食. 公司 ...
- HTML5+CSS期末大作业：篮球明星个人网站设计——篮球明星介绍(6页) 简单的学生DW网页设计作业成品 web课程设计网页规划与设计 简单个人网页设计作业 静态HTML旅行主题网页作业 DW
HTML5+CSS期末大作业:篮球明星个人网站设计--篮球明星介绍(6页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 ...
- HTML5期末大作业：电影影视网站设计——电影介绍(11页) 学生HTML个人网页作业作品下载 个人电影影视网页设计制作 大学生个人电影影视网站作业模板 简单个人电影影视
HTML5期末大作业:电影影视网站设计--电影介绍(11页) 学生HTML个人网页作业作品下载 个人电影影视网页设计制作 大学生个人电影影视网站作业模板 简单个人电影影视 常见网页设计作业题材有 个人 ...
- HTML5期末大作业：生活服务网站设计——生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:生活服务网站设计--生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...
最新文章
- 把服务器文件备份到文件服务器,服务器之间文件备份方案、如何把服务器文件自动备份到另外一台服务器?...
- 阿里云服务器（Ubuntu16.04 64位）远程连接
- 掌握测试驱动开发的3个关键因素（译）
- C++中多态性学习（上）
- unity, 删除animationEvent
- java大马后门_一款免杀php大马的解密与去后门
- AXURE RP 原型图绘制手册
- 液压系统管路流速推荐表_液压系统中油管尺寸的选择
- 大学生破译周鸿祎手机号 李开复放 橄榄枝
- 【基本算法】穷举算法
- 如何断开mongodb数据库连接_如何创建mongodb数据库连接
- 纽扣电池常识——以CR2450为例
- 区分定理(Theorem)、引理(Lemma)、推论(Corollary)等概念
- 敖丙大神的非科班Java学习路线
- 零输入响应，零状态响应和完全响应
- ElasticSearch入门
- 09-微服务版的单点登陆系统设计及实现(2105~2106)
- 三菱FX2NPLC 顺序控制与顺序功能图
- 【持续更新】[2017-4-26]红米NOTE3双网全网-信号居左-时间居中-IOS状态栏-集合贴
- As3.0使用小技巧一