第一站:探索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的精彩世界了吗?让我们继续探索吧!

相关推荐
weifont5 小时前
聊一聊Electron中Chromium多进程架构
javascript·架构·electron
大得3695 小时前
electron结合vue,直接访问静态文件如何跳转访问路径
javascript·vue.js·electron
it_remember7 小时前
新建一个reactnative 0.72.0的项目
javascript·react native·react.js
敲代码的小吉米8 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
da-peng-song8 小时前
ArcGIS Desktop使用入门(二)常用工具条——数据框工具(旋转视图)
开发语言·javascript·arcgis
低代码布道师10 小时前
第五部分:第一节 - Node.js 简介与环境:让 JavaScript 走进厨房
开发语言·javascript·node.js
满怀101510 小时前
【Vue 3全栈实战】从响应式原理到企业级架构设计
前端·javascript·vue.js·vue
伟笑11 小时前
elementUI 循环出来的表单,怎么做表单校验?
前端·javascript·elementui
确实菜,真的爱11 小时前
electron进程通信
前端·javascript·electron
魔术师ID13 小时前
vue 指令
前端·javascript·vue.js