Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. 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>&nbsp;|&nbsp;<a href="news.html">新闻政策</a>&nbsp;|&nbsp;<a href="healthy.html">健康资讯</a>&nbsp;|&nbsp;<a href="demand.html">新闻资讯</a>&nbsp;|&nbsp;<a href="demand.html">需求大厅</a>&nbsp;|&nbsp;<a href="square.html">老年广场</a><hr /></p></div><!-- 底部 --><div id="footer">Copyright © 2022 xxx All rights reserved.</div>
</body>
</html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光
—————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习,可关注↓公Z号


【学生网页设计作品 】关于HTML公益主题网页设计——关爱空巢老人 5页 带表单相关推荐

  1. 静态HTML网页设计作品 HTML5+CSS大作业——明星个人-赵丽颖(7页)带表单带音乐表格布局

    HTML5+CSS大作业--明星个人-赵丽颖(7页)带表单带音乐表格布局 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. ...

  2. 学生个人网页模板 简单个人主页--贝聿铭人物介绍 6页带表单 带报告3800字

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | ‍个人博客网站 | ‍个人主页介绍 | 个人简介 | 个人博客 ...

  3. 学生HTML个人网页作业作品下载 动漫主题网页设计制作 大学生个人网站作业模板 dreamweaver简单个人网页制作

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  4. HTML5期末大作业:商城网站设计——仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe

    HTML5期末大作业:商城网站设计--仿团购商城(1页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页Dreamwe ...

  5. Div+CSS、鼠标滑过特效、导航栏效果——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作

    HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...

  6. TML5期末大作业:动漫网站设计——神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码

    HTML5期末大作业:动漫网站设计--神偷奶爸(10页) HT简单个人网页设计作业 静态动漫主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 个人. 美食. 公司 ...

  7. HTML5+CSS期末大作业:篮球明星个人网站设计——篮球明星介绍(6页) 简单的学生DW网页设计作业成品 web课程设计网页规划与设计 简单个人网页设计作业 静态HTML旅行主题网页作业 DW

    HTML5+CSS期末大作业:篮球明星个人网站设计--篮球明星介绍(6页) 简单个人网页设计作业 静态HTML旅行主题网页作业 DW个人网站模板下载 大学生简单个人网页作品代码 常见网页设计作业题材有 ...

  8. HTML5期末大作业:电影影视网站设计——电影介绍(11页) 学生HTML个人网页作业作品下载 个人电影影视网页设计制作 大学生个人电影影视网站作业模板 简单个人电影影视

    HTML5期末大作业:电影影视网站设计--电影介绍(11页) 学生HTML个人网页作业作品下载 个人电影影视网页设计制作 大学生个人电影影视网站作业模板 简单个人电影影视 常见网页设计作业题材有 个人 ...

  9. HTML5期末大作业:生活服务网站设计——生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:生活服务网站设计--生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...

最新文章

  1. 把服务器文件备份到文件服务器,服务器之间文件备份方案、如何把服务器文件自动备份到另外一台服务器?...
  2. 阿里云服务器(Ubuntu16.04 64位)远程连接
  3. 掌握测试驱动开发的3个关键因素(译)
  4. C++中多态性学习(上)
  5. unity, 删除animationEvent
  6. java大马后门_一款免杀php大马的解密与去后门
  7. AXURE RP 原型图绘制手册
  8. 液压系统管路流速推荐表_液压系统中油管尺寸的选择
  9. 大学生破译周鸿祎手机号 李开复放 橄榄枝
  10. 【基本算法】穷举算法
  11. 如何断开mongodb数据库连接_如何创建mongodb数据库连接
  12. 纽扣电池常识——以CR2450为例
  13. 区分定理(Theorem)、引理(Lemma)、推论(Corollary)等概念
  14. 敖丙大神的非科班Java学习路线
  15. 零输入响应,零状态响应和完全响应
  16. ElasticSearch入门
  17. 09-微服务版的单点登陆系统设计及实现(2105~2106)
  18. 三菱FX2NPLC 顺序控制与顺序功能图
  19. 【持续更新】[2017-4-26]红米NOTE3双网全网-信号居左-时间居中-IOS状态栏-集合贴
  20. As3.0使用小技巧一

热门文章

  1. 银行信用卡办卡申请进度查询API接口地址
  2. curl 错误:unable to verify the first certificate 解决办法
  3. vba九九乘法表代码_用五种方法利用EXCEL制作九九乘法表
  4. 优雅编程之这样使用枚举和注解,你就“正常”了(二十九)
  5. 嵌入式Linux 系统的优化策略和方法
  6. 一位清华差生9年的北京生活,请你一字一句看完
  7. android里面的Activity体系结构(3)_ActivityRecord和Activity状态变化分析说明
  8. 关于android 电池的一些实用性探讨
  9. Android性能优化系列之电量优化
  10. Android电量统计