JavaWeb(html+css+js+jsp)

JavaWeb程序的开发与部署

建立JavaWeb项目，编写代码
部署（将myeclipse下的项目文件夹移动到服务器TomCat的webapps目录下）
启动TomCat服务器
若需要部署到其他服务器还要生成并发布war文件

Web应用的目录结构

WEB-INF目录

WEB-INF目录是一个专用区域，该目录下的文件只供容器使用，Web容器要求在应用程序中必须有WEB-INF目录。

WEB-INF中包含：
WEB-INF/web.xml文件：配置信息文件。
一个classes目录：WEB-INF/classes目录，编译后的Java类文件。
一个lib目录：WEB-INF/lib目录，Java类库文件（*.jar）。

src：java源文件。

公开目录（WebRoot）：公开目录存放所有可被的访问的资源： .html、.jsp、.gif、.jpg、.css、.js等。

Tomcat目录结构

/bin 启动和关闭tomcat的命令文件

/lib web应用及tomcat都可以访问的Jar文件

/conf 配置文件

/logs 日志文件

/temp 临时文件

/webapps web应用都放在该目录下

/work Tomcat将JSP生成的Servlet源文件和字节码文件自动存放在这个目录下

导出，file-》export-》…

导入file-》import-》General-》existing projects-》copy into workspace

可以将打包后的web工程部署到另外一台计算机的Tomcat服务器下，放在Tomcat下的webapps目录下，在浏览器地址栏访问war工程，服务器会自动解压

HTML、CSS、JS重点

HTML标签

单标签


双标签

结构标签

注释标签

列表标签

有序列表 
 
无序列表 
  

属性type指定列表项前的项目符号的样式，disc：实心圆点（默认），circle（空心圆点），square（实心方块） 若要不显示可设置type=none

超链接

链接资源：本web应用使用相对路径跳转，其他web应用带协议跳转

资源定位：在网页顶部先定义一个位置：

在网页底部回到这个位置 回到顶部

target：设置链接打开方式，默认在当前页打开。
_blank:在一个新窗口打开
_self:在当前页打开

图片标记 （重点）

其中：
属性src：指定图像源的URL路径
height：图片的高度；
width：图片的宽度；
alt：替代文本（鼠标移动到图片上显示的内容，当图片出错或路径不对，会直接显示一个×和alt中的内容

表格标签：

  标准单元格，包含数据
     
  表头单元格，包含表头信息，（会自动加粗居中）

 
  
表单标签
 
  


 
  
input标记
 
  
表示输入域，是个单标记，必须嵌套在表单中使用



type主要的name属性和type属性必选 
 
  
下拉列表框
 
  

	
	

 
  
多行文本框标签
 
  
	

    textarea  wrap=
    	wrap设置是否自动换行（
    	off：不自动换行； 
    	virtual： 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，文本只在用户按下 Enter 键的地方进行换行，其他地方没有换行的效果；
    	physical： 将实现文本区内的自动换行，并以这种形式传送给服务器，所见即所得。）

 
  
定时刷新
 
  
meta：设置页面的一些相关内容
1s刷新一次：
 
  
CSS样式
 
  
行内式 

内嵌式