源码获取 文末联系

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 html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" /></head>
<body>
<div class="main" ><div  class="content12">
<div class="guanggaotupian"><div class="img">
<img src="data:images/1.jpg"></div></div>
</div>
<div class="cle

大一学生WEB前端静态网页——环保网页设计与实现相关推荐

  1. 大一学生WEB前端静态网页——旅游网页设计与实现(厦门旅游)

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制 ...

  2. 大一学生WEB前端静态网页——唯品会1页 包含hover效果

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商 ...

  3. 大一学生WEB前端静态网页——旅游网页设计与实现-张家口 6页

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制 ...

  4. 大一学生WEB前端静态网页——旅游网页设计与实现(15页面)

  5. 大学生WEB前端静态网页——旅游介绍35页 响应式,

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制 ...

  6. 大一学生Web课程设计 红酒美食主题网页制作(HTML+CSS+JavaScript)

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

  7. 大一学生Web课程设计 美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页

    源码获取 文末联系 Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 精彩专栏推荐 美食网页介绍 | 甜品蛋糕 | 地方美食小吃文化 | 餐 ...

  8. Web前端开发入门之网页制作三要素!

    Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...

  9. 个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)

    个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...

  10. Web 前端学习之制作网页音频

    Web 前端学习之制作网页音频 1. 新建目录(image) 2. 完整代码如下所示 结束语 1. 新建目录(image) 用来存放音频文件 2. 完整代码如下所示 <!DOCTYPE html ...

最新文章

  1. python中两个矩阵之间的点乘_Python基础--数据分析库--Numpy
  2. Spark _28_窗口函数
  3. How is Component.js loaded - backend processing
  4. 【Java】数据结构—— 单链表和双链表
  5. 一步步yum安装LNMP,脱坑笔记!!!
  6. 【Redis】redis-3.0.0安装以及集群的搭建
  7. 华为ax3怎么接光纤sc接口_光纤收发器接口类型、连接、指示灯说明及故障症断...
  8. 算法,PHP取数据库中百万条数据中随机20条记录
  9. Android驱动开发过程中常用的adb指令
  10. 用GridView做国际象棋
  11. HTML 拖放功能 - DragDrop
  12. 用一台笔记本跑ROVIO
  13. FEEDSKY获得风险投资
  14. 知乎与百度知道竞品分析-用户五要素
  15. 家里网络连不上outlook_家里OUTLOOK上不了如何处理--
  16. 【干货】如何写微信公众号文章:文章流畅耐读的奥秘
  17. 重磅福利!ICCV 2019全部论文合集共1075篇!会议信息全收录!
  18. 成绩管理系统管理学生属于计算机,学生成绩管理系统属于计算机哪方面的应用?...
  19. 如何在cad中导入谷歌地图_如何在Google地图中设置出发和到达时间
  20. PDFJS跨域显示PDF文件的两种方法

热门文章

  1. 网站制作建设Web前端设计排版技巧
  2. G1D31-关于typoraPLM
  3. 华为鸿蒙供应商,为何友商不用鸿蒙?3个原因让厂商顾虑重重 华为另辟蹊径要建生态...
  4. 答案解析——接上篇文章(程序员过不去的一道坎--时间复杂度)
  5. Golang的编译安装
  6. 不是吧 不是吧 还有比B+Tree更快的一种查询结构
  7. 算法模板(3):搜索(6):做题积累
  8. python自动化之自主开发鼠标流程化工具(主要为pythonautogui+tkinter)
  9. 2019UMS培训day6解题报告
  10. java中如何锁定这个方法_如何在JAVA中使用Synchronized