第一站:探索JavaWeb的神秘世界

欢迎来到《JavaWeb的奇妙冒险》教学系列!在这里,我们将探索Web开发的奥秘,让你在学习的过程中不仅轻松愉快,还能掌握高质量的知识。\

《JavaWeb的奇妙冒险》

  • 第一站:探索JavaWeb的神秘世界
    • [1. 什么是JavaWeb?](#1. 什么是JavaWeb? "#1_JavaWeb_3")
    • [2. 为什么学习Web开发?](#2. 为什么学习Web开发? "#2_Web_7")
    • [3. 开启你的JavaWeb之旅!](#3. 开启你的JavaWeb之旅! "#3_JavaWeb_11")
    • [4. JavaWeb世界的入门秘籍](#4. JavaWeb世界的入门秘籍 "#4_JavaWeb_50")
    • [5. 探索HTML和CSS的魅力](#5. 探索HTML和CSS的魅力 "#5_HTMLCSS_87")
    • [6. 探索HTML和CSS的学习安排](#6. 探索HTML和CSS的学习安排 "#6_HTMLCSS_94")
    • [7. 进一步了解HTML和CSS](#7. 进一步了解HTML和CSS "#7_HTMLCSS_102")
    • [8. 了解HTML和CSS的重点](#8. 了解HTML和CSS的重点 "#8_HTMLCSS_108")
  • HTML标签的特点

第一站:探索JavaWeb的神秘世界

1. 什么是JavaWeb?

让我们来揭开JavaWeb的神秘面纱。"Web"代表全球广域网,也就是我们常说的万维网(www)。它是一种能够通过浏览器访问的网站。

2. 为什么学习Web开发?

学习JavaWeb,你可以用Java这门神奇的语言来开发强大的网站,这正是目前企业级应用最主流的方式。比如,淘宝、京东、唯品会这些电商系统,还有CRM、OA、ERP等企业内部管理系统,都是使用Java开发的。

3. 开启你的JavaWeb之旅!

让我们具体了解一下该学习哪些内容:

① 环游JavaWeb的工作流程

在JavaWeb的世界里,有两种工作模式:前后端分离和前后端混合开发。嘿,听说前后端分离比例是7:3哦,这是经过市场调研的结果!

前后端分离开发:

前端程序和后端程序开发和部署是分离的。就像一个小分队,分工合作!

前后端混合开发:

前端程序和后端程序开发和部署混合在一起。就像一家合作愉快的餐馆,共同烹饪美味!

② 探险JavaWeb开发课程安排

让我们看看JavaWeb的课程安排是怎样的:

前端探险(简单易懂,会修改即可),别看它只是PC端,其实还可以玩转Android端、iOS端、移动端、小程序端等等!

  • HTML、CSS、javaScript
  • Vue、Element、Nginx

后端大冒险(重点探险)

  • Maven
  • Spring
  • MySQL
  • SpringBoot Mybatis
  • SpringBoot web基础篇
  • SpringWeb进阶篇

4. JavaWeb世界的入门秘籍

准备好了吗?我们要开始制作你的第一个网页程序了!

  1. 用记事本新建一个文本文件,并将后缀名改为html,像这样:
  1. 编写HTML结构标签,让网页焕发生机
html 复制代码
<html>
	<head>
	</head>
	<body>
	</body>
</html>
  1. 使用浏览器打开这个扩展名为html的文件,让它在浏览器中焕发光彩:
html 复制代码
<html>
	<head>
<h1>HTML快速入门</h1>
	</head>
	<body>
<title>Hello HTML</title>
<img src = "微信图片_20220827222118.jpg"/>
	</body>
</html>

5. 探索HTML和CSS的魅力

你知道网页的背后到底是什么吗?没错,它是程序员编写的前端代码!

  • HTML(超文本标记语言):超越了普通文本的限制,可以定义文字、图片、音频、视频等内容。
  • CSS(层叠样式表):控制页面的样式和表现,包括外观、位置等页面样式。

6. 探索HTML和CSS的学习安排

在我们的JavaWeb冒险中,我们还要学习一些HTML和CSS的技巧,来完善我们的网页。

  • HTML、CSS
  • javaScript、Vue
  • Ajax、Axios、Element、Nginx

7. 进一步了解HTML和CSS

  • HTML(超文本标记语言):让我们一起揭开它的神秘面纱!它是一种由标签构成的语言,预定义好了许多标签,比如用<a>来展示超链接、<img>来展示图片、<video>来展示视频。HTML代码直接在浏览器中运行,由浏览器解析。
  • CSS(层叠样式表):层叠样式表控制页面的外观和表现。让我们一起了解一下这个神奇的语言吧!

8. 了解HTML和CSS的重点

  • 学习HTML,主要掌握预定义的标签,浏览器会解析这些标签。
  • 学习CSS,主要掌握预定义的常见样式。你可以打开W3 School官方文档来查看HTML和CSS的详细内容。

这就是我们的探险路线图,准备好开始JavaWeb的奇妙冒险了吗?

HTML标签的特点

  1. HTML标签不严格区分大小写。
  2. HTML标签的属性可以使用单引号或双引号。
  3. HTML语法相对宽松。

现在你已经具备了HTML和CSS的基础知识,准备好进入JavaWeb的精彩世界了吗?让我们继续探索吧!

相关推荐
黄瓜沾糖吃1 小时前
大佬们指点一下倒计时有什么问题吗?
前端·javascript
温轻舟1 小时前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
浩龙不eMo1 小时前
✅ Lodash 常用函数精选(按用途分类)
前端·javascript
爱分享的程序员1 小时前
前端面试专栏-算法篇:17. 排序算法
前端·javascript·node.js
pe7er2 小时前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
pe7er2 小时前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
islandzzzz2 小时前
(第二篇)HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
喝拿铁写前端2 小时前
前端实战优化:在中后台系统中用语义化映射替代 if-else,告别魔法数字的心智负担
前端·javascript·架构
超人不会飛3 小时前
就着HTTP聊聊SSE的前世今生
前端·javascript·http
蓝胖子的多啦A梦3 小时前
Vue+element 日期时间组件选择器精确到分钟,禁止选秒的配置
前端·javascript·vue.js·elementui·时间选选择器·样式修改