django云端开发基础：html,css,javascript
2021-10-01 本文已影响0人
Cache_wood
@[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 URL的理解：
URL是通过HTTP协议存取资源的Internet路径，一个URL对应一个数据资源。
通过URL和命令管理资源，操作独立无状态，网络通道及服务器成为了黑盒子
Web服务器
- Web服务器（Web Server）是软件工具
- Web服务器用于提供HTTP/HTTPS访问服务
- Web服务器很成熟，只需要配置，不需要开发
- 常用的Web服务器软件：Apache、Nginx、IIS、BEA Weblogic、Tomcat、Node.js
