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. n个数进栈后输出的可能序列数
  3. VTK:几何对象之QuadraticTetra
  4. Android 高级Drawable资源---复合Drawable----层Drawable
  5. spring mvc 与 jasper Report集成
  6. excel 表格导入 - java 实现
  7. 5月23 注册审核
  8. [BZOJ]1071 组队(SCOI2007)
  9. 在linux下用tomcat部署java web项目的过程与注意事项(转)
  10. 计算机口令管理,农村信用社联合社计算机账户与口令管理办法
  11. Hexo报错Usage: hexo command处理及图片显示问题
  12. FIFO调度算法和LRU算法
  13. c语言合数的分解编程,C语言 · 分解质因数
  14. 定义幂函数C语言,【知识点】幂函数定义与性质
  15. Keras入门(2)——麻雀虽小,五脏俱全
  16. 第1章 Redis查阅官网和基本配置
  17. python读取gif图片并显示_Python爬虫实现获取动态gif格式搞笑图片的方法示例
  18. 万年历-农历-干支纪年法
  19. 【web前端】移动端控制台插件,手机端页面查看相关页面控制台信息
  20. 20款非常实用的Web工具和资源列表

热门文章

  1. 二叉树前序遍历--递归
  2. 使用tkinter实现一个类似手表的电子时钟软件,该电子时钟可进行计时、日历等功能
  3. 服务器端口怎么调出虚拟键盘,Win8小技巧之如何设置触控虚拟键盘
  4. Echart佛山五区地图-动态地图-江西地图
  5. uniapp微信小程序实现按住说话功能
  6. 存储那些事儿(三):OpenStack的块存储Cinder与商业存储的融合
  7. 嵌入式计算机的生活应用,嵌入式系统在生活中有哪些应用
  8. 关于基本三角函数反函数的图像问题+正切,余切
  9. 计算机视觉、模式识别、机器学习牛人主页
  10. 风影ASP.NET基础教学 6用户控件