怎么让php打印居中，怎么学会建设网站？
任何人对“网站”都不陌生。我们每天都访问各种网站。那么，如何搭建自己的网站呢？很多人不知道代码，不知道技术，觉得自己建网站是不可能的。实际上，建立一个网站并不困难。哪怕代码完全不能理解，即使没有建站经验，也很容易拥有自己的网站。首先来看看搭建一个网站需要什么准备工作。
一：服务器
首先，搭建网站最关键的当然是要有一台服务器，它的作用就是提供网站运行所需要的硬件环境。但这并不意味着我们真的要去买一台物理机来当服务器，因为现在国内有很多云平台都可以购买云服务器，而且价格还很便宜。
二：服务器管理软件
服务器管理软件的作用就是能够让我们很方便地，在服务器上安装软件或者是管理文件。因为服务器上的操作系统一般都是没有界面的Linux系统，如果全靠命令行来操作Linux的话，对小白来说难度就太大了。
三：域名
域名是我们访问网站时输入的地址，由于网站是搭建在服务器上的，按理说我们应该通过服务器的ip地址来访问网站才对。可全世界的网站那么多，如果通过记住这些冷冰冰的数字来访问网站，那岂不是太难了，所以域名就应运而生。当我们在地址栏输入域名时，会有DNS服务器帮我们找到，站服务器的IP地址并返回给浏览器，然后浏览器再通过ip地址访问网站。
四：网站程序
搭建网站的最后一个步骤是一份网站程序源码，它的作用就是提供一个可供访问的界面，并实现网站的所有功能。按道理来说，开发网站程序本来是含代码量最高难度也最大的一个步骤，但是在这里介绍一个无代码开发平台——Zion。通过可视化和组件化模块就能实现制作小程序、网站。
下面就详细介绍一下搭建一个属于自己的导航网站，点击左侧侧边栏的分类，右边显示不同的数据根据侧边栏内容过滤，任意点击会跳转到对于的网站，这是我做的效果，如图所示：
1.1 制作方法
想要实现这种效果的方法有很多，如下：
选择视图+条件式容器内套列表，在列表过滤字段，然后条件式容器和选择视图匹配。选择视图+列表，然后列表过滤字段与选择视图名称匹配（☆推荐）谈谈这两种方法：这两种方法实现的效果是一样的，但在制作的过程中方法1绝对比方法2要慢很多而且容易出错。因为方法1需要对每个条件式容器设置条件及内套的列表也要一个个过滤会很麻烦，而且效率也低，制作容易出错卡顿；方法2直接用选择视图和列表，列表过滤字段直接和选择视图名称匹配。
1.2 页面布局
在页面拖入【选择视图】和【列表】及【文字】组件，如图所示：选择视图样式中将多行打开，X【0】，Y【70】，W【135】，H【650】，如图所示：双击进入【选择视图】中，在【正常视图】和【选中视图】拖入【按钮组件】（选择视图按钮样式自拟），X【0】，Y【0】，W【135】，H【50】，如图所示：在【正常视图】中会有个【悬停效果】，选择【正常视图的按钮】点击进入悬停编辑模式，修过悬停后的文字颜色即可，如图所示：【文字】组件就不多说了，X【144】，Y【70】，W【234】，H【25】，文字颜色自拟，将悬浮勾上，如图所示：【列表】具体参数，X【144】，Y【102】，W【1122】，H【619】，将悬浮勾上，布局模式改为【充满父组件】，如图所示：【列表】样式，纵列数量：4，横向空白和纵向空白都为：10，如图所示：双击【列表】，点击【容器视图】，将高度改为80，如图所示：在【容器视图】中拖入一个【视图】，X【0】，Y【0】，W【276】，H【80】并给【视图】添加边框效果，后面要做悬停效果的。如图所示：在【视图】中拖入图片和两个文字组件，具体参数如下：进入【悬停编辑模式】分别给【视图】与【文字】添加悬停效果分别修改下颜色即可，如图所示：1.3 数据表
因为不用建立关系，直接参考以下图片就行了，如图所示：大学生的电脑有哪些必装软件？
说到实用的电脑软件，由于用的是Windows，这里就推荐一些作为互联网办公日常生活用到的软件。
安全工具：火绒：
优点：
火绒是一个有洁癖的杀毒软件。他们固执地相信杀毒软件只杀毒，其余的事情不能，也不应该做。这和以免费杀毒吸引用户进而用广告把钱赚回来的360形成了鲜明的对比，进而成为了理想对抗现实的一种力量。火绒的理想国不一定会实现。但有他们的世界，比没有他们的世界更好。
链接：https://www.huorong.cn/
下载个人版就好。
播放器PotPlayer
PotPlayer有独特的高级功能！
第一，支持单帧播放（F键前进一帧，D键倒退一帧，空格键正常播放）第二，支持变速播放（X键降速10%，C键提速10%，Z键重置）第三，支持5.1声道和7.1声道，可以搭建环绕声家庭影院第四，支持画声同步调节（<键画面提前50ms，>键画面延后50ms，？键重置）第五，按Tab键就能显示视频文件的详细信息第六，支持硬解码，支持软解码（软解码画质更佳）第七，支持画面宽高比自定义
链接：https://potplayer.en.softonic.com/?ex=CORE-117.3
压缩软件bandzip：
Bandizip 是一款压缩软件，它支持WinZip、7-Zip 和 WinRAR 以及其它压缩格式。它拥有非常快速的压缩和解压缩的算法，适用于多核心压缩、快速拖放、高速压缩等功能。软件授权： 免费软件（家庭和办公室 100% 免费）.
可能会在软件页面内出现广告，如下图，不过影响不大，毕竟主要是使用这个功能嘛。
链接：https://www.bandisoft.com/
看图爱奇艺看图
如果仅仅是简单的看看图片，没有什么专业需求。这款爱奇艺看图可以说非常适合。
关于图片的图片编辑功能，爱奇艺看图也所具备基础的水平/垂直翻转，裁剪，马赛克，添加文字，添加标注等等功能。
修改尺寸和格式转换，在一款看图软件中能加入这样的功能而且不卡顿，修改后的图片快速保存，可以说很实用了。
而且还支持压缩。
截图：Snipaste：
主要功能
截图（普通截图、自定义截图，支持复制）贴图（钉到桌面）标注（矩圆型、折线、箭头、画笔、马赛克等等，贴图还可透明、镜像、旋转等等）取色对于一边忙于实验过程，一边截图运行过程，结果，然后写报告的工作者来说，较为不错。
支持复制图片，不需要下载图片，可以直接进行图片的粘贴以悬浮（桌面上），可以一边看图片，一边工作。
浏览器对于浏览器没有什么过多描述的，推荐Chrome，FireFox，以及新版Edge。
这个是最新的浏览器市场份额：
来源：百度流量研究院
办公软件除了微软自带的office系列，推荐WPS，
WPS不是盗版软件，是一款完全自主知识产权的国产软件，这里的自主知识产权是真正意义上的自主，也是国产软件的骄傲之一。
一般格式都支持，word，pdf，ppt，Excel..而且商城内还有很多模板。
而且WPS还可以进行云空间备份，办公有保障
在线云文档下面说一说我习惯用的吧，几款在线云文档吧，只需浏览器就可以，无需下载。
保存在云空间。
首先
有道云笔记：
有道云笔记，采用空间计费，最早的是2G，现在已经升为3G免费空间，这储存空间，已经比很多免费云盘的空间都要大了，针对于个人记笔记是绝对够用的，而付费成为会员后，直接50G。
当然，无需付费，也可以免费领取空间，只需要每天签到就可以了，签到领空间，连续签到一段后，每天大概能领取到10M左右空间，对于一般的小任务来说，足够了。
金山文档：
支持的文档类型多。支持：文档、表格、演示、流程图、思维导图、便签、表单……
会员拥有100 G云空间。与WPS完美对接。而且通过微信小程序，更加方便操作。
腾讯文档：
腾讯文档方面，编辑界面较为齐全，能够很好满足日常办公需求，同时文档在编辑过程中，支持实时保存，所有修改都会自动保存云端，不用担心因断网、断电导致正在编辑的内容丢失，重新联网后文档内容自动恢复。
支持微信，QQ操作，比较方便。
这次就分享这些了，我参考参考别的，不断更新。
Windows下有什么软件能够极大地提高工作效率？
1.最快的文件夹切换软件，使用场景最多的效率软件：q-dir
2.足够美观的文件夹切换软件：clover3.批量办公文件管理：word批量管理大师4.批量修改文件名：total commander（包含文件管理）5.批量修改文件名：菲菲更名6.excel插件：方方格子7.办公软件标签化，实现快速切换：更多内容见下面的思维导图：
以上软件都是经过反复比较，精挑细选，不断更新。因为软件、网站层出不穷，永远只有更好没有最后。而真正有用的是高效解决实际问题，适合的就是最好的。
拉轰读书持续分享感动人心，博采众长的软件。
特别感谢提供信息和推荐的伙伴，是你们帮我找到好的软件分享，在此一并感谢。
提高效率其实可以很简单。这玩意有谁开发过实战项目吗？
响应WEB概念在移动互联网兴起的初期，的确很火，它主要解决原PC网站样式向移动端过渡的问题，以一套前端代码适配PC、手机和其他显示设备，以较小的代价实现网站产品的多维呈现。
我个人作为勉强的全栈，曾经选用过最热的Bootstrap前端框架，开发过一些web应用。虽然后来，随着移动端越来越成为重点实现方向，感到响应式网站设计，并不能为移动网站带来优良的体验和高开发效率，至少在我近几年的项目中，面向移动端，已经完全放弃了响应式开发方法，采用了更纯粹的移动前端框架，以适应不仅是web，还有APP、小程序的前端需求。
但是，并不能说响应式web设计落伍了，没用了。根据项目特点，人员技术力量，选用最适合的方法，做最优秀的实现，是开发的实践准则。
下面，围绕实战开发响应web的大致方法、流行的框架工具介绍、响应式的优缺点，展开一些叙述和讨论。
什么是响应式网站设计？响应式网页设计 Responsive Web Design，从开发角度上讲，就是使网页能通过识别屏幕宽度、做出相应调整的网页设计，它面向的设备是超宽屏幕、pc显示器、平板电脑、手机。这里面大家很容易忽视超宽屏幕的设计，因为很多开发者为了简化设计，往往在针对超宽屏幕只做居中处理。
实现原理
通过css样式语言，有时候也会结合一些javascript，考量屏幕宽度，自动调整网页显示和布局，以适应不同尺寸屏幕的浏览优化体验。
实现目标
最好的响应式设计，就是设计者开发出一套全端网页，为电脑、手机、平板等不同终端的用户提供更加舒适的界面和更好的交互体验，比如手机端的触摸和PC端鼠标操作效果。而且随着目前大屏幕移动设备的普及，响应式开发方法还是有自己独特的优势。
响应式网站开发方法布局
在构建响应式网站或改造旧网站成为响应式结构时，首先要考虑的就是布局。
主要是两部分页面元素：
延展全屏宽的元素，比如我们在PC贯穿全屏宽的元素，css: width:100%；
主内容块的最大宽度定义，以下定义了4种常见分辨率的容器最大宽度；
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container { max-width: 1140px; }
}
媒体元素宽度定义
下面的CSS代码将确保图片永远不会比其父容器大：
img { max-width: 100%; height: auto; }
或者根据设备的分辨率不同，需要显示不同size的图片:
<img src=" image.jpg" alt="" data-src-600px=" image-600px.jpg" data-src-800px =" image-800px.jpg" />
这种弹性显示媒体的方式，需要借助CSS或JS的方式实现。
版式（Typography）定义
这是响应式设计中最重要的部分，有很多响应式设计的排版方式需要注意，比如：
CSS3规范中包含了一个定义尺寸的元素rem。它的工作原理与em几乎相同，但是rem的大小相对于html元素而言，这使得rem比em更容易使用。
html { font-size:100%; }
通过以下CSS代码可以定义不同分辨率下的相对字体大小。
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }
最流行的响应式框架使用前端框架可以提高前端开发的效率。通常框架已经为开发者搭好了脚手架，只需要在上面累加我们的特殊需求就可以了，这帮助码农减少编码工作量，并节省了宝贵的时间。
当前有各种各样的响应框架可用，并且新仍在不停的进化更新。在众多选择中，选择适合的框架是很困难的。下面列举了几个最流行的响应框架。
Bootstrap
Bootstrap是国内最流行、最快速、最友好的框架。这个框架是2011年由Twitter的开发者创建的。目前，整个网络上有数百万的网站都在运行这个神奇的框架。在GitHub他的追捧数量已经超过了100多K。
Bootstrap包括了HTML、CSS和JavaScript。你可以轻松地开发各种规模和复杂度的响应式网站。
Foundation
Foundation是一个企业级的前端框架。FaceBook、eBay、Mozilla、Adobe、HP、思科、迪士尼等都在他们的网站上使用这个框架。
它相当复杂，不适合新手使用。Foundation具有可读性、灵活性、语义性和完全可定制性。Foundation自带GPU加速功能，可实现闪电般的快速和流畅的动画效果。它提供了Fastclick.js，可在移动设备上快速渲染。
Pure
非常轻的一个框架。该框架包含响应式CSS模块，是为迎合移动市场而开发的。开发人员可以使用各种样式、CSS模块以及组件和可定制的工具来开发网站。
Semantic UI
SemanticUI是相对较新的框架，但它在很多方面都很突出。它已经成为非常流行的前端框架之一。它使用的是自然语言。
Semantic的性能记录功能让你可以追踪到代码的瓶颈，而无需深挖堆栈痕迹。使用Semantic，直观的底层之上可以配备一个高级主题变量，让您有充分的设计自由度。
Semantic UI集成了大量的第三方库。因此整个开发过程会更容易一些。
响应设计的优点响应式方式可以在台式机，平板电脑或智能手机上构建流畅运行的web样式设计 。它的实质是一种适配性的编码设计，它具备很多优点：
开发维护一套前端响应式代码，可以适配多种显示设备。只需要拥有一个入口网址，无须通过脚本，判断浏览设备而重定向访问，更不需要配置二级域名。简化SEO（搜索引擎优化），响应式设计，无需为移动版本创建特定的内容，这对SEO友好的。搜索引擎收录的只是内容，而对网页语言代码毫无兴趣。因此，谷歌百度在一段时期还建议优先考虑响应式设计。有可能会节约开发成本？这一点我自己也很有疑惑，我个人认为如果是仅仅适配显示的话，响应式设计的确可以节约成本，但精致的移动端交互设计，还是纯移动框架最受用。简化网站推广数据分析，无论来自什么入口，都一网打尽所有访问数据。响应设计的缺点尽管响应式设计有很多优点，那么缺点应该被忽略吗？事实并非如此。响应式网页设计有一些需要注意的缺点。为了在一套体系框架下，去做各分辨率下的大小显示适配、内容取舍，那种煎熬你体验过吗？
某些响应式网站的加载时间会更长。因为将加载一些不必要的HTML / CSS。例如，很多响应站点上的图像只是在视觉上按比例缩小，而没有采用媒体内容的弹性加载策略。
耗时的开发。对于响应式网站而言，这是一项耗时的任务。如果您打算将现有网站转换为响应式网站，则可能需要更多时间。
响应式Web设计的流体布局，使设计人员难以很好地控制设计风格。设计人员正在尝试分别针对移动和桌面布局显示线框和设计原型。只有改进了这两种布局，才能真正实现响应式Web设计策略。
UX（用户体验）不佳。通过响应设计，您想要同时满足台式机和移动用户的需求。但是，移动设备和台式机毕竟是完全不同的用户体验。因此，有很大风险可能同时失去两类用户。需要承受内容的取舍。排版的需要、推广策略的不同、体验的差异，造成移动版本的内容很可能与桌面版本的内容不一致。因此，采用响应式设计不可能使您的内容适应这些设备中的每一个，那么在一个页面里用技术实现这种取舍，是很痛苦的。写在最后选择了开发，终会有学不动的那天，对于前端、后端、运维、全栈，都是一样。某项技术熟练了，我们总希望它的生命周期长一点。如果有一天，对新技术的那种兴奋感不再有的时候，做一个方向的了解者规划者也是不错的。
希望所有Coder身体健康，永远快乐。