web开发基础-第一讲

web开发基础-第一讲

---

学习网站

• 前端包含：
  
  • H5 CSS5 JavaScript JQuery Ajax等等

工具 作用 H5 网页内容。内容与仰视的绝对分离。HTML5 API(面广、功能强大)：Canvas WebSockets Communication Geolocation等。 CSS3 网页样式。（选择器，元素定位，CSS动画等。 JavaScript 常用来为网页添加各式各样的动态功能。1.对浏览器事件作出响应。2.读写HTML元素。3.在数据被提交到服务器之前验证数据。4.检测访客的浏览器信息。5.基于Node.js技术进行服务器端编程等等。 jQuery 快速、简洁的JavaScript库。写更少的代码，做更多的事情。封装JavaScript常用的功能代码。 Ajax 在不重新加载整个网页的情况下，对某部分进行更新。

- 扩展：页面性能
- 页面加载时间
- 例如：如何减少HTTP请求
- 浏览器性能
- 浏览器提供的便利功能：JS引擎、CSS动画处理等方面的性能优化和加速。
- 网络性能
- 如何有效节省带宽
- 开发效率
- 代码重用，例如响应式设计：让网页在不同的是设备上适应，例如手机、平板电脑。

sublime安装插件：Emmet
html>head+body 点击Tab键
“> ”：子元素符号，表示嵌套的元素
“+ ”：同级标签符号
“* ”：定义多个元素 例如ul>li*3
连续输入元素名称和ID，Emmet会自动补全
例如 P#abc
ctrl+/ 注释
ctrl+alt+h|c|j 新建页面
Fn+ctrl

• 浏览器安装
• Firefox
• Opera
• Chrome
• Safari
• IE
• 2345浏览器 搜狗浏览器 QQ浏览器。。。
• 内核，浏览器解析效果
• 渲染出的效果不同，浏览器的兼容性

---

网站开发分为：
- 客户端开发，又称为静态网页开发
- 服务器端开发，又称为动态网页开发

静态网页与动态网页
- 静态网页的共同特点是网页内的代码是在客户端的浏览器执行。一般以.htm或.html为扩展名
- 动态网页的共同特点是网页内的代码在服务器上执行，完成数据库操作后，生成的HTML/XHTML等代码页面发送给客户端的浏览器执行。一般以aspx、php 、jsp等等为扩展名

常识补充
- HTTP请求：浏览器地址栏或者超链接
- 应用程序映射列表。确定与文件相关的应用程序（例如.aspx），将请求传递到特定的应用程序。
- 浏览器：页面渲染 、交互。
- 其他 B/S C/S
- URL：统一资源标识符
- http协议：超文本传输协议，一组在web上交换文件的规则。B/S
- www：web服务器计算机名
- baidu.com：域名
- http：//210.44.176.11

- 域名到IP地址，IP到域名的解析，DNS

---

• http://210.44.176.11：8080
  netstat -a -o
  127.0.0.1:回送地址，指本地机，一般用来测试使用
  搭建Web服务器
  

---

A