基于CS（客户端、服务器模式）的WEB访问，实现的具体流程如下：

　　开启socket服务器——》客户端请求访问url——》建立连接——》服务器反馈web信息给客户端　　

　　客户端接收到含有WEB信息的字节流，将通过浏览器进行显示。   

import socket

def clientHandler(conn):
    response = conn.recv(1024)

    conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n",encoding='utf-8'))
    f = open('abc')   # web 文件
    data = f.read()
    f.close()
    conn.sendall(bytes(data,encoding='utf-8'))


def main():
    s = socket.socket(socket.AF_INET,socket.SOCK_STREAM)
    s.bind(("192.168.1.103",8088,))
    s.listen(5)

    while True:
        conn,address = s.accept()
        clientHandler(conn)
        conn.close()

# how to use

if __name__ == '__main__':
    main()
View Code

　　目前，在web端，主要有三大部分：HTML、CSS、JavaScript，每部分内容的侧重点不同：

　　HTML：创建标签，即按钮、文本框等元素。

　　CSS：对已有标签进行美化，如：颜色、对齐方式等。

　　JS：添加各种动画效果，如广告、图片滚动等。

 

　　web的响应式布局，指根据屏幕尺寸的不同，进行不同的样式渲染，呈现不同的web效果，使用@media实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>media</title>
    <style>
        body{
            font-size:20px;
            color:white;
        }
        @media(min-width:400px){
            .me{
                height:50px;
                background:red;
            }
        }
        @media(min-width:800px){
            .me{
                height:50px;
                background:blue;
            }
        }

    </style>
</head>
<body>
    <div class="me">响应式布局实现，@media,注意书写顺序，小尺度的必须写在前面，</div>
</body>
</html>
View Code