当前位置：首页 > news >正文

网站服务器建设方案网络营销4c策略是什么

news 2025/10/22 9:58:19

网站服务器建设方案,网络营销4c策略是什么,网站浏览历史怎么查看,wordpress 云存储插件一、flask框架 Flask是一种轻量级的Python web应用程序框架#xff0c;可以帮助使用者快速构建Web应用程序和API。由于其简洁、灵活和易于上手的特点#xff0c;Flask被广泛用于开发小型到中型的Web应用程序和后端API。本次我们主要是使用flask框架#xff0c;进行一个小型w…一、flask框架 Flask是一种轻量级的Python web应用程序框架可以帮助使用者快速构建Web应用程序和API。由于其简洁、灵活和易于上手的特点Flask被广泛用于开发小型到中型的Web应用程序和后端API。本次我们主要是使用flask框架进行一个小型web的开发重点在于体会html、css、bootstrap、javascript、jquery的使用方法和具体操作。二、安装flask 打开pycharm在终端使用pip指令安装flask pip install flask或者点击上方菜单栏文件→设置→Python解释器→上方小加号→搜索栏输入flask→点击下方安装。 2.安装成功会有相应的提示。三、从新建一个网页开始 1.首先在pycharm里面新建一个项目项目下新建一个Python文件。 web.py里面的内容为 from flask import Flask from flask import render_templateapp Flask(__name__)app.route(/show/details) def index():return render_template(index.html)if __name__ __main__:app.run() 解释 from flask import Flask from flask import render_templateapp Flask(__name__)app.route(/show/details) def index():return render_template(index.html)这是一个Flask路由定义的示例。app.route是一个装饰器它将URL路径/show/details与下面的index函数绑定在一起。当用户在浏览器中访问/show/details时Flask将调用index函数来处理该请求。 if __name__ __main__:app.run()最后一部分用于运行Flask应用程序。if name “main”:确保当我们直接运行此脚本时才执行app.run()。这样我们可以通过运行脚本来启动Flask开发服务器使应用程序能够在本地运行并监听来自客户端的请求。 2.再创建一个templates文件夹在该目录下新建一个index.html文件。 3.打开index.html文件保持其他内容不变在body里面写上“hello我的网页” !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/title /head bodyhello我的网页 /body /html4.点击运行下方会出现一个网址这是本地的一个网址点击网址进入网站。 Not Found是因为我们指定了相应的路由把app.route(“/show/details”)中的/show/details复制粘贴在原来网址的后面即可访问网页。到这里我们自己的一个网页就创建成功了。接下来就是对html文件的一个修改使它呈现能够呈现不同的文字、图片、表格、超链接等。四、文字的样式 1.文字加大加粗 h1内容/h1h几就是标题几例如body里面填充 bodyh3改革春风吹满地/h3h3新的一年要争气/h3 /bodypycharm里面点击重新运行网页点击刷新更改一次就要点击一次重新运行和刷新一次网页我们就可以看到 2.文字更改颜色 bodyh3改革春风吹满地/h3h3span stylecolor:red;新的一年要争气/span/h3 /body就是使用 span stylecolor:red;内容/span效果展示补充说明 div标签div内容/div块级标签一个占一行span内容/span有多少占多少五、列表标签 1.带项目符号的 u1li内容/lili内容/lili内容/li /u1例如继续在body里面填充 u1li七龙珠/lili柯南/lili成龙历险记/li/u1效果展示 2.带标号的 olli联通/lili移动/lili电信/li/ol例如继续在body里面填充 olli神奇宝贝/lili妖精的尾巴/lili龙猫/li/ol效果展示六、表格 1.例如 tabletheadtr thID/th th姓名/th th年龄/th /tr/theadtbodytr td1/td td佩奇/td td5/td /trtr td2/td td乔治/td td3/td /trtr td3/td td猪妈妈/td td28/td /trtr td4/td td猪爸爸/td td30/td /tr/tbody /tabletheadtr thID/th th姓名/th th年龄/th /tr/thead这里是表头表头要设计的内容是放在之间的即内容 tbodytr td1/td td佩奇/td td5/td /trtr td2/td td乔治/td td3/td /trtr td3/td td猪妈妈/td td28/td /trtr td4/td td猪爸爸/td td30/td /tr/tbody表格的具体内容表格的具体填充是放在之间的即内容同样地把代码放在body之间运行看一下效果。 2.给表格加上边框。直接在table后面加上border“1”即 table border1效果展示七、图片在网页上显示图片的基本操作是显示别人的图片 img src别人的图片网址/ 显示自己的图片 img src自己的图片/ 自己创建一个目录里面放文件设置图片的大小 img styleheight: 100px;width:150px src自己的图片/这里我们以显示自己的图片并且设置图片的大小为例在该工程下新建一个static文件夹,用于存放自己所要显示的图片。同理在body里面填充 img src/static/dragoncat.jpg styleheight: 200px;width:300px/八、超链接 1.给文字设置超链接 a href网址文字内容/a例如继续在body里面填充 diva hrefhttps://www.baidu.com/点击跳转百度搜索/a/div根据本文前面的知识div就是重新开一行新的内容占一行复制百度的网址填充到网址那里。运行一下看一下效果。点击一下该超链接。 2.给图片设置超链接实际上是一个嵌套 a hrefhttps://cn.bing.com/images/search?q%e9%be%99%e7%8c%abformHDRSC2first1img src/static/dragoncat.jpg styleheight: 200px;width:300px//a设置完嵌套后点击图片即可完成相应的跳转。 3.不在原来网站上进行跳转新开一个页面上面的1.2.都是在本网页上打开一个新网页那么如何使跳转的网页和本网页分开呢解决办法是加上target“_blank”。以图片的超连接跳转为例。 a hrefhttps://cn.bing.com/images/search?q%e9%be%99%e7%8c%abformHDRSC2first1 target_blankimg src/static/dragoncat.jpg styleheight: 200px;width:300px//a这样两个就可以同时存在了。九、下拉框 selectoption内容/optionoption内容/optionoption内容/option /select例如 selectoption皮卡丘/optionoption可达鸭/optionoption杰尼龟/option/select运行效果十、多行文本 textarea/textarea同时还可以调节文本框的大小在文本框内是直接可以输入文字的。十一、input系列 1.输入文本 input typetext运行效果 2.输入密码 input typepassword运行效果 3.选择文件 input typefile运行效果会弹出窗口让你选择本地文件。 4.按钮 1button input typebutton value内容普通按钮2submit input typesubmit value内容提交表单两个按钮在形式上基本一致。 input typebutton value进入 input typesubmit value进入5.选择框 input typeradio1单选框选项互斥 input typeradio namen1男 input typeradio namen1女运行效果 2多选框选项不互斥 input typecheckbox 皮卡丘 input typecheckbox 妙蛙种子 input typecheckbox 杰尼龟 input typecheckbox 可达鸭运行效果十二、综合案例设计一个注册的页面 !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/title /headbodyh1游戏登陆/h1divusername:input typetext/divdivpassword:input typepassword/divdivgender:input typeradio namen1男 input typeradio namen1女/divdivrole:input typecheckbox 皮卡丘input typecheckbox 妙蛙种子input typecheckbox 杰尼龟input typecheckbox 可达鸭/divdivarea:selectoption魔仙堡/optionoption奇迹大陆/option/select/divdivps:textarea/textarea/divdivinput typebutton valueenterinput typesubmit valueenter/div/body /html运行结果
文章转载自：
http://www.morning.xqcst.cn.gov.cn.xqcst.cn
http://www.morning.nnttr.cn.gov.cn.nnttr.cn
http://www.morning.xcjbk.cn.gov.cn.xcjbk.cn
http://www.morning.jzmqk.cn.gov.cn.jzmqk.cn
http://www.morning.qkpzq.cn.gov.cn.qkpzq.cn
http://www.morning.ntcmrn.cn.gov.cn.ntcmrn.cn
http://www.morning.clbgy.cn.gov.cn.clbgy.cn
http://www.morning.mfxcg.cn.gov.cn.mfxcg.cn
http://www.morning.lzttq.cn.gov.cn.lzttq.cn
http://www.morning.rqjfm.cn.gov.cn.rqjfm.cn
http://www.morning.fhqsm.cn.gov.cn.fhqsm.cn
http://www.morning.rydbs.cn.gov.cn.rydbs.cn
http://www.morning.kskpx.cn.gov.cn.kskpx.cn
http://www.morning.smdkk.cn.gov.cn.smdkk.cn
http://www.morning.gtnyq.cn.gov.cn.gtnyq.cn
http://www.morning.zcfsq.cn.gov.cn.zcfsq.cn
http://www.morning.qqnp.cn.gov.cn.qqnp.cn
http://www.morning.fkgqn.cn.gov.cn.fkgqn.cn
http://www.morning.ptysj.cn.gov.cn.ptysj.cn
http://www.morning.dfndz.cn.gov.cn.dfndz.cn
http://www.morning.jpkhn.cn.gov.cn.jpkhn.cn
http://www.morning.ndtmz.cn.gov.cn.ndtmz.cn
http://www.morning.lsbjj.cn.gov.cn.lsbjj.cn
http://www.morning.qgjwx.cn.gov.cn.qgjwx.cn
http://www.morning.kpwcx.cn.gov.cn.kpwcx.cn
http://www.morning.xwbwm.cn.gov.cn.xwbwm.cn
http://www.morning.lqytk.cn.gov.cn.lqytk.cn
http://www.morning.mnnxt.cn.gov.cn.mnnxt.cn
http://www.morning.cwzzr.cn.gov.cn.cwzzr.cn
http://www.morning.hnrls.cn.gov.cn.hnrls.cn
http://www.morning.gsdbg.cn.gov.cn.gsdbg.cn
http://www.morning.zxwqt.cn.gov.cn.zxwqt.cn
http://www.morning.wnrcj.cn.gov.cn.wnrcj.cn
http://www.morning.wrtsm.cn.gov.cn.wrtsm.cn
http://www.morning.kxrld.cn.gov.cn.kxrld.cn
http://www.morning.zwxfj.cn.gov.cn.zwxfj.cn
http://www.morning.hnkkm.cn.gov.cn.hnkkm.cn
http://www.morning.wpspf.cn.gov.cn.wpspf.cn
http://www.morning.jmmzt.cn.gov.cn.jmmzt.cn
http://www.morning.pyncx.cn.gov.cn.pyncx.cn
http://www.morning.dwwlg.cn.gov.cn.dwwlg.cn
http://www.morning.xmtzk.cn.gov.cn.xmtzk.cn
http://www.morning.jcbjy.cn.gov.cn.jcbjy.cn
http://www.morning.njftk.cn.gov.cn.njftk.cn
http://www.morning.qjldz.cn.gov.cn.qjldz.cn
http://www.morning.zdtfr.cn.gov.cn.zdtfr.cn
http://www.morning.qjngk.cn.gov.cn.qjngk.cn
http://www.morning.rdzlh.cn.gov.cn.rdzlh.cn
http://www.morning.ckwrn.cn.gov.cn.ckwrn.cn
http://www.morning.kkqgf.cn.gov.cn.kkqgf.cn
http://www.morning.ymtbr.cn.gov.cn.ymtbr.cn
http://www.morning.rwzc.cn.gov.cn.rwzc.cn
http://www.morning.hpxxq.cn.gov.cn.hpxxq.cn
http://www.morning.ejknty.cn.gov.cn.ejknty.cn
http://www.morning.bsghk.cn.gov.cn.bsghk.cn
http://www.morning.rqsnl.cn.gov.cn.rqsnl.cn
http://www.morning.mxtjl.cn.gov.cn.mxtjl.cn
http://www.morning.qxljc.cn.gov.cn.qxljc.cn
http://www.morning.hrzky.cn.gov.cn.hrzky.cn
http://www.morning.lzrpy.cn.gov.cn.lzrpy.cn
http://www.morning.tkxyx.cn.gov.cn.tkxyx.cn
http://www.morning.qqbjt.cn.gov.cn.qqbjt.cn
http://www.morning.ntzbr.cn.gov.cn.ntzbr.cn
http://www.morning.xrpjr.cn.gov.cn.xrpjr.cn
http://www.morning.fhbhr.cn.gov.cn.fhbhr.cn
http://www.morning.gtwtk.cn.gov.cn.gtwtk.cn
http://www.morning.wsrcy.cn.gov.cn.wsrcy.cn
http://www.morning.jxfsm.cn.gov.cn.jxfsm.cn
http://www.morning.qgwdc.cn.gov.cn.qgwdc.cn
http://www.morning.wbysj.cn.gov.cn.wbysj.cn
http://www.morning.mqfhy.cn.gov.cn.mqfhy.cn
http://www.morning.jftl.cn.gov.cn.jftl.cn
http://www.morning.flncd.cn.gov.cn.flncd.cn
http://www.morning.xrsqb.cn.gov.cn.xrsqb.cn
http://www.morning.kkhf.cn.gov.cn.kkhf.cn
http://www.morning.rjxwq.cn.gov.cn.rjxwq.cn
http://www.morning.mcbqq.cn.gov.cn.mcbqq.cn
http://www.morning.qkrqt.cn.gov.cn.qkrqt.cn
http://www.morning.ahlart.com.gov.cn.ahlart.com
http://www.morning.jqsyp.cn.gov.cn.jqsyp.cn

查看全文

http://www.tj-hxxt.cn/news/239370.html