JavaWeb day01总结

day01

JavaWeb的课程安排

前段阶段

• html+css+js+jquery+bootstrap

  • 6天

数据库阶段

• mysql+mysql进阶+jdbc+连接池+bdutls

  • 4天

javaWeb核心技术

• tomcat+http+servlet+jsp+request+resonpse+jstl+el+过滤器+监听+ajax

  • 9天

小米商城

• 6天

  • 答辩

Java三大体系结构

JavaSE

• JavaSE是JavaEE的标准基础，开发桌面应用

JavaEE

• 服务器的开发技术，主要是做一些类似于淘宝、京东

JavaME

• 移动端，嵌入式。主要是做一些手游

CS&BS架构

CS

• 客户端与服务端

• 例如：影响联盟、穿越火线、派出所、卫生院、银行办公系统

• 优点

  • 1、界面非常酷炫，支持丰富的自定义界面
  • 2、客户端与服务端同时校验，安全程度大大提高
  • 3、客户端承载了一部分的数据交互，只不过会把核心数据传回到服务器。大大减轻了服务器的压力

• 缺点

  • 1、机器的硬件条件
  • 2、安装客户端繁琐，必须在有网的条件下进行
  • 3、不利于扩展和维护

BS

• 浏览器与服务器

• 例如：七雄争霸、淘宝、京东

• 优点

  • 1、只需要一个浏览器、只要有网，在随时随地都可以进行操作
  • 2、升级和扩展非常方便
  • 3、对机器硬件要求不高，安装和部署比较简单

• 缺点

  • 1、个性化支持不太好
  • 2、安全性设计和开发成本比较高
  • 3、涉及到跨浏览器的时候，可能会出现浏览器兼容性问题

html

html简介

• html概述

  • 超文本标记语言

    • 超文本

      • 指的是一个范畴，它里面既可以有普通文本属性和行为，还可以描述一些图片、超链接、等等

    • 标记

      • 内容嵌套在标签内

• html作用

  • 做网页最基本的语言

• 入门案例

• HTML特点

  • 1、HTML语言不区分大小写
  • 2、HTML标签大部分是成对出现，还要一种是自己关闭，称为自闭合标签
  • 3、HTML页面的后缀可以是.html也可以是htm
  • 4、HTML根标签下有2部分组成 一个是头标签， 描述记录一些页面信息 另外一个是主体标签 页面内容，也就是以后咱们用html标签所构建任何页面效果都是在这个标签体中去完成

• 开发工具

  • 新建-web项目-项目名-点击完成

• html操作思想

  • 通过标签把页面中向描述的信息包裹起来，这个标签其实就相当于一个容器，通过修改容器的属性值，来达到对容器内 内容的效果的控制

课程内容

• 基本标签

  • 标题标签

    • h1-h6（字体大小逐级变小，h1最大）

  • 段落标签

    • p标签

  • 字体标签

    • font标签

      • size

        • 1-7

      • color

        • 英文单词
        • 十六进制
        • RGB

  • 水平线标签

    • hr标签

  • 格式化标签

    • i em（斜体，后者有强调作用）
    • b strong（加粗，后者有强调作用）
    • sub sup （上下标）

• 图片标签

•   	src:
    	    相对路径：相对当前项目而言
    	    绝对路径：凡是绝对路径都带盘符  D:\webWorkSpace\day01\img
    	 
    	    绝对地址：图片用绝对地址是不被允许访问的。需要把这个图片部署到服务器上才可以进行正常访问
  

  • img

    • width

    • height

    • alt

      • 图标未加载显示

• 超链接标签

  • a

    • target打开方式

      • _blank

        • 在新窗口打开链接地址

      • _self

        • 在当前窗口打开链接地址

      • _top

        • 回顶部

• 列表标签

  • 无序列表

    • ul

      • type

        • 空心圆
        • 实心圆
        • 方块

  • 有序列表

    • ol

      • type

        • 1
        • a
        • A
        • i
        • I

  • 自定义列表

    • dl

      • dt

        • 定义标题或者叫范围

      • dd

        • 具体的子项内容

• 表格标签

  • table

    • tr

      • 行

    • td

      • 列

    • th

      • 表头默认样式 加粗居中

    • cellpadding

      • 内容距离单元格边框的距离

    • cellspacing

      • 单元格边框距离表格边框的距离

    • align

      • 表格对齐方式

        • 居中
        • 左对齐
        • 右对齐

    • width

      • 表格的宽

    • height

      • 表格的高

  • 单元格合并

    • rowspan

      • 行合并

    • colspan

      • 列合并

• 框架标签**（不能和body一起使用）**

  • frameset

    • rows

      • 行分隔

    • cols

      • 列分隔

  • frame

    • 定义具体的页面

    • src

      • 具体页面的路径地址

    • name

      • 起标示作用

XMind: ZEN - Trial Version