网页设计动态代码 第1篇
PythonWeb服务器网关接口(Python Web Server Gateway Interface,缩写为WSGI)是Python应用程序或框架和Web服务器之间的一种接口,
WSGI接口定义非常简单,它只要求Web开发者实现一个函数,就可以响应HTTP请求。
上面的application()
函数就是符合WSGI标准的一个HTTP处理函数,它接收两个参数:
在application()
函数中,调用:
网页设计动态代码 第2篇
首先,将所有元素的外边距(margin)和内边距(padding)都设置为0,以确保页面的元素不会受到默认的(浏览器)外边距和内边距的影响。
设置body元素的高度为100vh,使其占据整个视口的高度。
使用flex布局,使其内容垂直和水平居中。设置了一个线性渐变的背景色,从左下角到右上角,颜色从#e3c5eb(浅粉)到#a9c1ed(浅蓝)。
最后,将overflow属性设置为hidden,以防止页面出现滚动条。
定义一个名为.container的类,用于包含页面的主要内容。
设置了相对定位,z-index为1,背景色为白色,圆角为15px,使用flex布局,垂直和水平居中,宽度为350px,高度为500px,添加了一个阴影效果。
定义了一个名为.tit的类,用于设置标题的样式。
设置了字体大小为26px,上下外边距为65px和70px,左右外边距为auto,使其水平居中。
定义一个名为input的类,用于设置输入框的样式。
设置了宽度为280px,高度为30px,文本缩进为8px,去掉了边框,只保留了底部的1px实线边框,去掉了轮廓线,上下外边距为12px,左右外边距为auto,使其水平居中。
定义一个名为button的类,用于设置按钮的样式。
设置了宽度为280px,高度为40px,上外边距为35px,下外边距为40px,左右外边距为auto,使其水平居中。
去掉边框,使用一个线性渐变的背景色,从右上角到左下角,颜色从#fac0e7(浅粉)到#aac2ee(浅蓝)。
设置了字体颜色为白色,字体加粗,字母间距为8px,圆角为10px,鼠标指针为手型,添加了一个的过渡效果。
定义了当鼠标悬停在按钮上时的样式。
使用了一个线性渐变的背景色,从左下角到右上角,颜色从#aac2ee(浅蓝)到#fac0e7(浅粉)。
将背景图像的位置设置为-280px,使其向左移动,以产生动画效果。
设置字体大小为14px。
定义一个a类,用于设置链接的样式。
设置了字体颜色为plum,去掉了下划线。
定义一个名为li的类,用于设置图案的样式。
设置了绝对定位,边框为1px实线白色,背景色为白色,宽度和高度都为30px,去掉了列表样式,透明度为0,使其不可见。
定义一个名为square的类,用于设置方形图案的样式。
设置了相对定位,初始位置为40vh和60vw,即垂直方向上在视口的40%处,水平方向上在视口的60%处。
使用一个名为square的动画,持续时间为10s,线性运动,无限循环。
第二个方形图案设置了初始位置为80vh和10vw,即垂直方向上在视口的80%处,水平方向上在视口的10%处。
使用了一个2s的延迟,使其比第一个图案晚2s开始动画。
第三个方形图案设置了初始位置为80vh和85vw,即垂直方向上在视口的80%处,水平方向上在视口的85%处。
使用了一个4s的延迟,使其比第一个图案晚4s开始动画。
第四个方形图案设置了初始位置为10vh和70vw,即垂直方向上在视口的10%处,水平方向上在视口的70%处。
使用了一个6s的延迟,使其比第一个图案晚6s开始动画。
第五个方形图案设置了初始位置为10vh和10vw,即垂直方向上在视口的10%处,水平方向上在视口的10%处。
使用了一个8s的延迟,使其比第一个图案晚8s开始动画。
第一个圆形图案设置了初始位置为底部和15vw,即水平方向上在视口的15%处。
使用了一个名为circle的动画,持续时间为10s,线性运动,无限循环。
第二个圆形图案设置了初始位置为35vw,即水平方向上在视口的35%处。
使用了一个2s的延迟,使其比第一个图案晚2s开始动画。
第三个圆形图案设置了初始位置为55vw,即水平方向上在视口的55%处。
使用了一个6s的延迟,使其比第一个图案晚6s开始动画。
第四个圆形图案设置了初始位置为75vw,即水平方向上在视口的75%处。
使用了一个4s的延迟,使其比第一个图案晚4s开始动画。
第五个圆形图案设置了初始位置为90vw,即水平方向上在视口的90%处。
使用了一个8s的延迟,使其比第一个图案晚8s开始动画。
定义square的动画用于控制方形图案的运动。
在0%时,将图案的缩放比例设置为0,旋转角度为0度,透明度为1。
在100%时,将图案的缩放比例设置为5,旋转角度为1000度,透明度为0。
定义了一个名为circle的动画,用于控制圆形图案的运动。
在0%时,将图案的缩放比例设置为0,旋转角度为0度,透明度为1,底部位置为0,边框半径为0。
在100%时,将图案的缩放比例设置为5,旋转角度为1000度,透明度为0,底部位置90vh,边框半径为50%。
网页设计动态代码 第3篇
1、 Python内置了一个WSGI服务器,这个模块叫wsgiref,首先我们先实现一个文件,实现Web应用程序的WSGI处理函数
2、然后,再编写一个,负责启动WSGI服务器,加载
application()
函数:
3、确保以上两个文件在同一个目录下,然后使用命令行输入python
来启动WSGI服务器:
4、 按Ctrl+C
终止服务器。如果你觉得这个Web应用太简单了,可以稍微改造一下,从environ
里读取PATH_INFO
,这样可以显示更加动态的内容:
5、你可以在地址栏输入用户名作为URL的一部分,将返回Hello, xxx