django云端开发基础：html,css,javascript,http

@[toc]

HTML技术理念及发展简介

HTML：Hyber Text Markup Language 超文本标记语言
包括文本、声音、图像、视频
HTML是WWW（World Wide Web）的信息组织方式

信息标记

通过预定义的<>…</>标签形式组织不同类型的信息

对HTML的理解

HTML本身是一段文本，由标签组成
浏览器负责解析HTML，并展示成Web页面内容
HTML所使用的标签是预定义的，浏览器可解析
HTML符合XML规范，是XML的一种实例
HTML是组织不同类型数据的最好形式

HTML框架标签

<!DOCTYPE html>
<html lang="en">
<head>
……
</head>
<body>
……
</body>
</html>

HTML框架实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li>python网络爬虫</li>
        <li>python云端系统开发</li>
        <li>python全栈能力</li>
    <ul>
</body>
</html>

CSS技术理念简介

CSS：Cascading Style Sheets 层叠样式表

HTML负责数据组织，CSS负责样式表达

对CSS的理解

HTML和不同CSS的组合，可以展示不同风格
CSS和不同HTML的组合，可以展示不同风格
CSS对HTML中某一“类”内容定义风格
CSS可以单独存储成文件，或书写在HTML中

CSS的三种写法

行内模式：在标签的style属性中书写
页内模式：在HTML网页中使用独立的<style>标签
外部模式：单独在CSS文件中书写

行内模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li style="color:red">python网络爬虫</li>
        <li style="color:red">python云端系统开发</li>
        <li>python全栈能力</li>
    <ul>
</body>
</html>

外部模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>
    <link rel = "stylesheet" href="demo.css">
</head>
<body>
    <ul>
        <li>python网络爬虫</li>
        <li>python云端系统开发</li>
        <li>python全栈能力</li>
    <ul>
</body>
</html>

demo.css

li {
    color:red
}

JavaScript技术理念简介

JavaScript（简称JS，和Java没任何关系）

一种轻量级的脚本型编程语言
为Web增加了交互、动态效果和行为功能
JS由浏览器执行，访问时会被下载到本地
JS可以写在HTML文件中，也可以单独为.js文件

JavaScript库

脚本性使得JS更容易开放开源
大量的JS库可以使用
希望什么效果，找个第三方库使用
echarts.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset = "UTF-8">
    <title>Title</title>
    <script>
        function displayDate(){
            document.getElementById("time").innerHTML=Date();
        }
    </script>
</head>
<body>
    <p id='time'>这里将显示时间
    </p>
    <ul>
        <li>python网络爬虫</li>
        <li>python云端系统开发</li>
        <li>python全栈能力</li>
    <ul>
    <button type = "button" onclick="displayDate()">显示日期</button>
</body>
</html>

HTTP与Web服务器简介

HTTP协议

HTTP，Hypertext Transfer Protocol，超文本传输协议。 HTTP是一个基于"请求与响应"模式的、无状态的应用层协议。HTTP协议采用URL作为定位网络资源的标识，URL格式如下∶
http://host[:port][path]
host∶ 合法的Internet主机域名或IP地址 port∶ 端口号，缺省端口为80
path∶ 请求资源的路径

HTTP URL实例：

http://www.bit.edu.cn
http://220.181.111.188/duty

HTTP URL的理解：
URL是通过HTTP协议存取资源的Internet路径，一个URL对应一个数据资源。
通过URL和命令管理资源，操作独立无状态，网络通道及服务器成为了黑盒子

Web服务器

Web服务器（Web Server）是软件工具
Web服务器用于提供HTTP/HTTPS访问服务
Web服务器很成熟，只需要配置，不需要开发
常用的Web服务器软件：Apache、Nginx、IIS、BEA Weblogic、Tomcat、Node.js