‘壹’ 手机web开发,如何实现表格在滑动的时候表头和第一列固定
单独做一个浮动模块,内容中放置表头。
<html>
<head><title>this is a web title</title>
</head>
<table>
<tr>
<td>tdd</td>
</tr>
</table>
</html>
‘贰’ html表格制作教程
使用webstorm制作网页文件的时候,难免会遇到制作举芹卜表格的情况,而且关键的布局方式一般都是使用表格完成的。
工具/原料
电脑webstorm方法/步骤正穗
1、制作表格我们需要使用标签table在html中输入table标签,然后设置行和列,,tr代表行,td代表列,然后在行和列中输入相关的内容。
2、预览网页我们发现,网页显示格式看起来不像是表格,因为没有框线,这时候我们需要给table标签设置边框,border,如图所示,在table标签中,定义border的值,这样再预览网页我们就可以看到表格样式。
3、图中的表格表头和文本内容显示格式一致,我们可以使用th标签代替td标签作为表格的表头,系统自动将表头内部的文本内容加粗居中显示,这样表头格式就被着重定义出来。
4、可以使用caption标签给表格添加标题,caption是table标签的子标签需要首芹写在table标签内部,将需要定义的标题文本输入到caption中。
5、两行数值一样的话可以设置为rowspan值,如图所示,两行数据一致,直接设置rowspan值为2,下一行的这个数值就不必单独定义了,如果是三行数值一致,那么可以直接设置为3。
6、将多列相同数据一起显示可以使用colspan来进行设置,如图所示,第三列所有的内容都全部显示一致,我们可以设置像表格中的合并效果然后一起显示,这样就不必每一列都输入内容。
‘叁’ 怎样在web实现漂亮的动态图表,比如正态分布图
一、.获取正态分布概念密度
正态分布概率密度正态分布函数“NORMDIST”获取。
在这里是以分组边界值为“X”来计算:
Mean=AVERAGE(A:A)(数据算术平均)。
Standard_dev=STDEV(A:A)(数据的标准方差)。
Cumulative=0(概率密度函数)。
二、向下填充。
三、在直方图中增加正态分布曲线图。
1、在直方图内右键→选择数据→添加→。
2、系列名称:选中H1单元格。
3、系列值:选中H2:H21。
4、确定、确定。
四、修整图形
1、在图表区柱形较下方选中正态分布曲线数据,(正态分布密度值和频率数值相比太小了,实在看不清,多试几次,选中后如图,同时正态分布曲线那数数据处于选中状态)。
2、右键→设置数据列格式→系列绘制在→次坐标轴;
关闭,如图。
更改系列图表类型。
1、选中正态分布柱形图→右键→更改系列图表类型。
2、选中“拆线图”。
3、确定。
五、平滑正态分布图
选中正态分布曲线→右键→设置数据列格式→线型→勾选“平滑线”→关闭。
‘肆’ Web表单设计—点石成金的艺术(一)
最近在读《 Web表单设计—点石成金的艺术 》一书,颇受启发。而且该书目前已经买不到了,好像二手书也买不到,特意找了pdf扫描版来读,读书过程中的一些感悟跟大家分享。
一、表单的设计
大多数人都不喜欢填写表单,这也就说明了应该关注优秀表单设计。
而很多的特定数据来源都提供了衡量表单设计影响的方式:
(1) 可用性测试 (观察人们与表单如何交互)
(2) 实地测试 (从人种学角度观察人们在家中或办公室中与表单互动的情况;)
(3) 客户支持 (了解客户填写表单时遇到的问题)
(4) 网站追踪
(5) 眼动跟踪 (记录人们如何理解表单的表现形式)
(6) Web惯例 (即查看该问题的通用解决模式,可理解为分析竞争对手的解决方案)
二、表单的组织
类似标签后面是否要防止冒号的问题,用户真的不关心。用户关心的是问题内容和所问的原因。
有些字段需要告诉用户填写的原因( 为什么问这些问题,能为用户带来的好处 ),如果不能回答,就要考虑是否真的需要这个字段。
表单所提的问题即 标签要尽量的简洁清晰 。
如果简洁的标签容易引起用户的误会,应该 尝试使用自然语言的方式 。
表单较长或较复杂时应 考虑对表单内容进行分组 ,有助于浏览和快速完成填写。
有些时候很多问题需要按顺序回答,否则回答就没有意义。这时候人们需要看到所有问题,一个较长的网页是好的解决方案。通常这些问题会和一个主题相关。
有些 可选问题在表单填写完成后再问比较好 ,如“您如何知道我们”或者“您想进一步了解我们吗”。这样会比初始表单就提问能获得更多的答案。
可以通过Web惯例调查, 比较相似网站的设计方案 ,引导发现网上已经形成的常见表单组织结构,但是也要结合自身情况不要只停留在简单复制竞争对手。
对表单进行分组时, 每个内容组都从视觉上区别于表单的其余部分 ,但是对比太多也可能造成视觉污染,阻碍人们浏览表单。
信息设计专家爱德华,托佛特认为,信息由产生作用的差异构成,任何无助于布局的页面元素都会损坏布局。 采用最好的必要视觉信息来区分内容组 。
英文网站, 标签首字母应当大写 ,使内容组更容易浏览。
最后,祝大家六一儿童节快乐!永葆童心~
‘伍’ word中怎么插入web形的表格
1.首先我们需要打开word软件,新建一个直接拉进一个文件
2.然后在word文档上方的更多功能中,点击插入
3.选择表格点击打开。
4.使用鼠标在表格上面滑动,选择表格详细的行列,选择完成之后地点击击确定。
5.然后在word文档中就可以看到我们所插入的表格了。
‘陆’ 怎样学习Web开发,用CSS实现的固定表头的HTML表格
要设置也不是不行,要修改table的display属性为block,设置高度 并设置滚动。。
然后设置thead的position为absolute;
结果可能表格就不是表格了 不能只适应宽度了。。
可以设置每一列的宽度。。
如果不行的话,就单独写一个表头固定住。。
table{
height:500px;
overflow-y:scroll;
display:block;
width:500px;
position:relative;
}
tablethead{
position:absulote;
background-color:wheat;
}
‘柒’ Python 如何开发高效漂亮的轻量级 Web 应用
痛点
从我开始折腾数据分析工具的那一天,就没有想明白一件事儿 —— 我打算把数据分析的成果做成一个 Web 应用,为什么这么难?
我需要的核心功能,无非是在网页上接收用户输入,然后做分析处理,把分析结果反馈给用户,完事儿。
可是这谈何容易?
很多人都会微笑着告诉你,想做 Web 应用?这得学前端编程, HTML + Javascript 了解一下吧!
什么?你还需要在后台做数据分析?那你就得学 Web 框架了。
你说喜欢 Python ?那就学个 Django 或者 Flask 好了。
我也不是没有看过 Django 和 Flask 的教程,还曾经付费学习过。光是 Django 配置环境,就够写一章出来。
作为学习的中间成果,我还写了这篇《如何用 Python 做 Web 开发?——Django 环境配置》分享给你。
真正让我痛苦的,不是 Web 框架的操作有多么琐碎,而是教程里的案例,为什么都那么奇怪?
几乎所有的教程,都指向一个目标:
来,我教你做一个 blog 出来!
我用你教?!
我要是想用 blog ,可以直接注册一个免费的啊!为什么我要自己开发个 blog 出来?
为什么你就不能告诉我,该怎么把我目前的数据分析结果,迅速挪到 Web 页面上,跟用户实时交互?
虽然二者的结果,都是做一个 Web 应用出来。但是,它们关注的焦点,需要的功能,能一样吗?
但是人家写书和做教程的人,就是不疾不徐,坚持一定要教会你,如何做一个 blog 出来……
你不学,又能怎么办呢?你难道想只凭 Python 脚本,就做一个 Web 应用出来?
还真别说,最近,这个事儿从幻想,变成了现实。
样例
这不,我就用纯 Python 脚本写了个 Web 应用。
我编写的代码里,没有一丝半毫的 Web 框架,Javascript,甚至是 HTML 。
这玩意儿能用吗?
你自己来试试看。
请你打开浏览器,输入以下链接:https://helloworld-streamlit.herokuapp.com/
你会看到下面的初始化界面。
初始化完毕之后,页面会分成左右两栏。左面是两个下拉候选框,分别让你指定需要分析的数据范围。
上面一个,是事件类型;
下面一个,是事件发生归属地。
如果你看过我的文章《如何用 Python 和循环神经网络预测严重交通拥堵?》,应该对这个数据集很熟悉。
只不过,当时我们更注重的,是用循环神经网络搭建了一个严重拥堵事件预测模型。
而今天,我们是要进行探索性数据分析,也就是根据我们感兴趣的目标,对数据进行整理操作,然后可视化显示。
选定之后,你会看到右侧提示两个信息:
你筛选之后,数据框包含行数
在层叠地图上的可视化结果。
怎么样?
麻雀虽小,五脏俱全。
虽然咱们这个 Web 应用很简单,不过交互分析该有的功能和流程,基本上都涵盖了。
你可能会问:
王老师,编这么一个应用出来,不简单吧?
让我带你到幕后,看看是不是很复杂。
幕后
我把这个应用的全部源代码,都为你存储到了 Github 上。请你访问这个网址获取:https://github.com/wshuyi/demo-helloworld-streamlit
可以看到,一共包含了 4 个文件。
有意思的是,其中 3 个,包括:
Procfile
setup.sh
requirements.txt
都只是部署到远程服务器时,需要用到的配置文件而已。
也就是说,只有最后一个helloworld.py是主角,它包含了实现咱们全部交互式数据分析功能的 Python 脚本文件。
这代码,少说也得有几百行吧?
别担心,打开来看看:
上面这张截图,就已经包含了实现交互数据分析功能的全部代码。
神奇吧?
解读
这么短的代码,为什么能有如此强大的功能?
这是因为它背后使用的一个软件包,叫做streamlit。
它是干什么用的?
一言以蔽之,给你赋能,让你能够不去操心什么前端后端。只写 Python ,只关注功能,你就能写出一个交互式 Web 应用出来。
当然,既然最后是 Web 应用,那么实际上前后端的功能都是齐备的。
只不过,这些交由 Streamlit 来帮你费心操办。你根本不用管。
爆发
为什么会有人做了这么一款神器出来?
原因很简单,咱们前面提到的痛点,是大伙儿都有的。
咱们这些麻瓜(Muggle),遇到痛点只能忍着。
但是真正的魔法师(优秀程序员),是忍不了的。
在这段来自 PyData LA 2019 的视频里,Streamlit 的 CEO Adrien Treuille 谈及了他在数据智能企业中,长期遭遇的痛点。
最大的痛点,就是数据科学家训练好机器学习模型后,需要验证效果,和用户反馈沟通。
但是,做机器学习的工程师本身,并不掌握这一整套的工具栈。
所以,就得在把全部的数据分析和模型训练工作完成后,把这东西移交给一个工具制作团队。
人家做完以后,就告诉数据科学团队说,做好了。但是注意,现在处于需求冻结阶段。这个应用你们可以随便用,只是别乱改。改坏了我们管不了。因为最近两个月,我们还得给其他若干数据分析团队做 app 。大概几个月以后,我们又能回来帮助你们了……
Adrien Treuille 很敏锐地捕捉到了这个长期痛点,于是在 2018 年, 创立了 streamlit 。
目标很简单,给数据科学团队提供简单的工具,让他们使用已经掌握的 Python 编程技能,就能直接做 Web 应用。
什么 “等上两三个月不许改”?!你们自己慢慢儿玩儿去吧,我们想怎么改,就怎么改!
至于做出来的东西嘛,可以是这样的:
资源
看到这里,是不是心动了?也打算学习一下 Streamlit ?
没问题,我前面给你提供的样例,就在 github 上,你可以直接查看源码。
如果你希望重现这个小应用,并且一步步学习掌握 Streamlit 的基础知识和技能,我也已经为你写好了一份手把手的教程。地址在这里https://sspai.com/post/58474。
它不仅教你如何设置环境,安装工具,写作代码,甚至连如何免费部署到 heroku 平台,让用户使用,都毫无保留地教给了你。
那篇文章,我用于参加少数派年度征文活动,所以就不能全文展示在这里了。
读完以后,如果你觉得有收获,欢迎在少数派平台上帮我点个赞。谢谢支持!
思考
尝试过之后,你应该不难发现,Streamlit 给你带来了什么。
如果你学过 Javascript 和 Flask, Django 等 Web 应用开发技术,Streamlit 可以加快你的 Web 应用开发与测试进程。
如果你还没有学过上述技术, Streamlit 可以给你赋能,让你一下子有了把数据分析结果变成产品的能力。
给你讲点儿更激进的。
有人已经希望能用它替代掉 Flask 用于产品发布了。
还有人说,将来写技术文档,也应该充分使用 Streamlit 。
甚至,还把它比作了数据科学界的 iPhone 。
这里,它是借喻 iPhone 开启智能手机时代,说明 Streamlit 的划时代性。
我不希望你也变得如此激进。
因为这里提到的每一种功用,现在还都有非常专业的工具做的更好,而且新的工具也在不断涌现。
例如说,我们在多个教程中一直使用 Jupyter Notebook 。
现在凭借 Voila 扩展的加持,你也可以很轻松地把 Jupyter Notebook 变成 Web app ,而且可以免费运行在 mybinder 上面。
但是,你可以看到,一个新的工具,以一种简单,而不是更繁复的办法,解决一个功能痛点,是一件多么令人欣喜的事儿。
看了这篇文章,可能会给你一种误解,似乎 JavaScript 为代表的前端编程技术,再也不需要学了。
其实不是这样的。
可以想象,开发门槛降低以后,将来会有更多的人使用 Python 来做 Web 应用。
用 Streamlit 这样的方法,他们只是开发出了一个原型。
要是想打造精品,就必须精细调控很多细节。
这时候, 如果你精通 Javascript ,那你潜在的合作对象一下子就多了起来,你掌握的这门技术,也就有了更大的价值。
还记得吗?我不止一次给你强调过,比起一个工具自身的能力来,协作网络更重要。忘了的话,记得复习《学 Python ,能提升你的竞争力吗?》。
这就好像印刷术的发明,不是让会写字这件事儿变得失去价值,而是全社会都增大了对好作品的渴求。深刻的思考,加上有效的文字表达,会让你生存得更好。
当然,如果你不希望精通写作技艺,只是想做一个抄书匠糊口。那么印刷术就可能会替代你的工作,结果就不那么美妙了。
小结
这篇文章,我为你介绍了 Streamlit 这款有趣的工具。希望你读过之后,掌握了以下知识点:
借助 Streamlit ,你可以用纯 Python 编制 Web 应用;
学 Web 设计依然很有前途,因为你的潜在合作群体正在迅速扩大;
不要惹魔法师(优秀程序员)。他们的痛点需求会转化成无尽的战斗力,兴许会直接替掉你的日常工作。
更多Python知识,请关注:Python自学网!!
‘捌’ 希望大家推荐几种好用的web打印控件,能实现分页打印,表格分页打印时可带表头。我希望是自己的真实推荐。
用vs2008连接oracle9i的库,连接字符串用的是<add key="ConnectionString" value="server=127.0.0.1;Data Source=kysspos;uid=kysspos;pwd=kysspos"/>,能正常使用。
用asp:
dim conn
dim ConnStr
set conn=server.createobject("adodb.connection")
Connstr ="Driver={microsoft odbc for oracle};server=kysspos;uid=kysspos;pwd=kysspos; "
conn.open Connstr