课程说明

JavaWeb开发，动态网页

前置

1.html,css,javascript 静态网页
2.java 语言基础
嵌入式：汽车系统，智能家居
网站后端—JavaWeb
手机：Android
时间：12周，48节

课程方式

讲+练习

建群

趣味问答

班级姓名.doc
eg：201小哥哥.doc

布局练习

Web开发概述

场景：1.网站 b/s：jd.com,baidu.com
2.基于web技术的 c/s 结构应用：QQ,微信电脑版
3.APP,小程序
技术：

前端：界面，呈现在用户面前的一切（html,css,js）
后端：前端的数据来源，业务的处理(登陆要判断用户名，密码)，发短信验证码
JavaWeb * 正在进行时
php
asp .net
node.js
Python Web

项目开发流程：

产品-》UI->前端-》后端(java,php,node.js)->测试-》运维/运营

回顾html\css基础

1.梳理知识点
2.扩展（2个）

A:html
结构

  1. <!DOCTYPE html>
  2. <html>
  3.     <!--1.头：给浏览器用的，告诉浏览器的编码，标题
  4.         还可以放需要用的css,js文件等资源
  5.     -->
  6.     <head>
  7.         <!--网页编码-->
  8.         <meta charset="utf-8" />
  9.         <title>我自己设置的网页标题</title>
  10.         <!---->
  11.         <!--<style type="text/css">
  12.             //css 代码
  13.         </style>-->
  14.         <!--<script type="text/javascript">
  15.             //javascript ->简称 js
  16.             //js 代码
  17.         </script>-->
  18.     </head>
  19.     <body>
  20.         <!--
  21.         2.身体：浏览器上显示的信息
  22.         -->        
  23.         这里显示信息
  25.         <!--
  26.             ctrl+/ 生成注释
  27.             ctrl+shift+/ 多行注释
  28.         -->
  29.     </body>
  30. </html>

常用标签

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>常用标签</title>
  6.     </head>
  7.     <body>
  8.         <!--
  9.             标签:结构，内容
  10.             A:双标签，成对出现，可以互相嵌套
  11.             <标签名>。。。</标签名>
  12.             eg：<div>。。。</div>
  14.             div 一个块
  15.             p 一段文字
  16.             h1-h6 标题
  17.             span 一个小块
  18.             列表：菜单，新闻列表
  19.                 ul li 
  20.                 ol li
  21.                 dl dt dd
  22.             table
  23.             form
  25.               select
  26.               text-area
  27.             格式化文本
  28.               b,strong,em,i,u,del,pub,sub
  29.             a 超链接
  32.             B:单标签
  33.             img 图片
  34.             input (表单中的元素)
  36.             hr
  37.             br
  39.             <标签名 /> 或  <标签名>
  40.             eg：<hr />。。。<hr>
  42.             快捷键：标签名+tab 
  43.             div+tab
  44.         -->
  46.         <div id="">
  47.             一个块
  48.         </div>
  50.         <img src="img/kanhao.jpg" width="200"/>
  52.         <hr />
  53.         <div id="">
  54.             <img src="img/arr.gif"/>
  55.         </div>
  57.         <div >
  58.             <a href="1-html结构.html">
  59.                 <img src="img/panda.gif"/>
  60.             </a>
  61.         </div>
  62.         <!--双标签，成对出现，可以互相嵌套-->
  66.     </body>
  67. </html>

B:Css基础

  • 语法

  • 常用选择器 ```html <!DOCTYPE html>

    001
    002
    003

    我是p

    01-web基础 - 图1
    right

```

作业

1.课堂练习 目录(选做)
2.作业目录
3.扩展练习目录(选做)
4.day01是课堂演示代码，可以自己也打一遍
5.下次课之前做好了的同学截图发群里，代码也可以发我邮箱：hj6862@yeah.net