建设教育网站,大型网站制作方案,资阳网页设计怎么做版式,一级建造师报考条件2022考试时间前言
本片博文主要面向于还没接触过web开发的萌新#xff0c;以及想知道整体流程并且完成建站的萌新#xff1b;如果你是个大佬#xff0c;就没必要看下去了。
本篇博文没有难啃的骨头#xff0c;请各位萌新放心食用。 本篇博文采用通俗易懂的方式讲解#xff0c;轻松并…前言
本片博文主要面向于还没接触过web开发的萌新以及想知道整体流程并且完成建站的萌新如果你是个大佬就没必要看下去了。
本篇博文没有难啃的骨头请各位萌新放心食用。 本篇博文采用通俗易懂的方式讲解轻松并且比较接地气 本篇博文涉及的专业名词将会讲解说明。
浏览一个网页的基本流程方式 萌新可理解
在学习一门技术的时候往往是了解整体体系架构才能更好的学习不然在学习的过程中会出现不知道为什么这样做做出这一部分是该整体部分的哪个区域只会跟着做但是并不了解这是在干啥。可能一些萌新体会颇深就照着打老师教怎么写我就怎么写反正做出来了。
本篇博文就来用最接地气的方式对基本的web开发做一个整体的讲解带各个萌新过一遍web开发的流程好让各位萌新知道学习的时候学习了什么知识点这个知识点能够干哈。
最开始我们就以个人浏览网站的方式给大家说一下这一个过程是如何运作的。
我们访问网站一般先打开浏览器不要杠输入一个网址随后浏览器打开一个网页。在你在请求这一个网址数据的时候已经发生了一系列的操作。
啥是IP地址
假设你输入的是“csdn.net”浏览器想要去访问你这个网站首先需要的是获得你这个网站的IP地址。可能就有萌新问了**“什么是IP地址”。IP地址就是“指互联网协议地址或者说网际协议地址”。又有萌新说了“你这么说我怎么懂”**好了现在容我慢慢道来。
IP地址就是在网络中定位你这台电脑或者说是设备的一个标记这个标记是人们指定好的标准协议而产生的协议就是你和我说好了一件事拉钩了以后要这样做。就像你家的门牌号例如叫做“CSDN市CSDN区CSDN街道的CSDN小区第CSDN栋的第CSDN号”…这是由有关机构制定的一套规范名称不允许随意更改我们换个例子例如你家是“深圳市南山区深南大道某某小区第八栋808”你写快递的收件地址肯定是写这个难道你写“宇宙第一星球第一市第一栋第一号”地址是由专门组织规范且制定的一套定位规范遵循这个规范可以使遵循该规范的设备或者人之间相互通信这个通信指可以传达交互能够定位、找到。综上所述IP地址就不要纠结为什么要这样写只要知道这个IP地址是你要用的就行。
DNS
现在IP地址知道是什么了那么怎么获得IP地址这个时候就需要用到DNS了啥是DNS
DNS的英文全称是 Domain Name System翻译过来就是域名系统。好了这个时候问题又来了。
域名
啥是域名域名就是用来标识IP地址的一个标记或者说是昵称。“为什么不直接用IP地址”这个问题问得好如果我们人不用名称就用身份证号我叫你的时候就会叫“450333333333333333…”。。。我觉得这样不是很好。。。当人们觉得使用IP地址不方便记忆后就产生了域名地址就像CSDN我们就知道是CSDN就好了难道还要去记她的IP地址吗例如CSDN的地址是192.168.1.1难不难受…以后可能你记网站名称就在记数字了又不方便又崩溃。好了回归正题我们输入了网址后按下Enter键后浏览器将会去DNS请求这个域名对应的IP是什么如果找到了就返回一个IP地址。可能又有萌新问了“浏览器会自动去找DNS”会是会但是我们也会给它一个目标在我们的网络连接里面本地连接右键属性里面有个IPV4双击进去就可以查看自己配置的DNS了一般别乱改不然很难过的有时候浏览器打不开网址就是这个原因。 记住网络IP冲突可能会导致上不了网这种情况在学校的机房里很常见只要改成自动获取IP就ok了会自动分配闲置的IP地址。
数据请求 当找到了IP地址这个时候就会向该IP地址的设备去请求数据请求数据的意思就是这个设备或者说服务器就像一个大型的分发机构就是送情报的一个部门一共有65535个窗口每个窗口送不同的情报例如我们需要请求网站之类的数据就通过第80个窗口请求这个时候浏览器派来的小弟来到这个80号窗口可能会排一下队拿到数据后回到浏览器浏览器把拿到的数据显示给你看。
“ 渲染” 其实在这个时候浏览器显示的数据会根据一些标记进行排版这些标记就称是HTMLHTML是 Hyper Text Markup Language 的缩写中文名是超级文本标记语言其实说那么深奥还不方便理解简单来说就是通过特定的标签把一段文本信息标记起来表示这段文本信息要怎么样去进行显示或者是这个文本信息是啥东西例如 titleCSDN-专业IT技术社区/title是CSDN官网首页的标题用了title这个标签把文本信息标记标记好后浏览器就知道这个文本要显示在哪里要怎么进行显示最终浏览器把这一段信息显示在了浏览器标题头位置 我们再看看另外的一个例子 这一段HTML语言所标记了一个博客的文本整个标记的情况为了清晰的看清楚我在这里列出a href//blog.csdn.net/ classtoolbar_to_feed title博客博客/a标记语言HTML那一些标记并不会进行显示只显示了博客这个这个文本在网页上 那是因为浏览器是通过标记语言的内容去进行显示标记语言的作用就是告诉浏览器这里你要怎么显示这个内容或者说这个内容有什么功能。这里是博客的一个跳转使用的是a标签a标签是什么a标签就是a这里是要显示的文本/a在a标签里面可以添加一些固定的操作例如a标签的作用是跳转到指定的页面那么这个页面肯定是有一个链接的那么这个链接需要什么来指定呢
答案就很简单了使用href来指定这个href呢就需要把要跳转到的页面的地址给加上在我们查看到的HTML代码中是href//blog.csdn.net/这就表示会跳转到blog.csdn.net这个地址有人点击就会跳转到博客了。
那 classtoolbar_to_feed 是什么东西在这里我们可以把它当做给定了一个样式给定了一个style要怎么样显示你要显示的样子是什么可能红色的底绿色的字俗话说红配绿。。。这个样式的名称就叫做 toolbar_to_feed 。在这里并不会深入的讲解这个样式要让博客这个文本显示成啥样大家只要通过例子知道这个html是用来告诉浏览器怎么样显示这个文本或者这个文本有什么用就ok了。其实还有些动态的数据但是在这里并不会讲解基本的理解这样就没问题了。专业点的说法就是构件编排用户界面。
前端 通过以上描述就很清楚的知道如果我们做web开发的话做html相关的就是给页面制作布局怎么样好看甚至可以做特效让页面显示多姿多彩一般我们称做HTML这种是为了数据的显示的排版工作或者说是为了包装数据工作的这类职位叫做前端不过前端是个相对概念在web上可以这样理解是没问题的不过现在的前端如果不去大厂基本上要做的不止是包装数据的排版那么简单可能还会做得更多。如果我们去做前端工作的话还要掌握跟服务器交互的一些操作打个比方用户点击了一个按钮这个按钮的功能是获取到你们的用户人数这个时候你需要编写一个逻辑去服务器获取到这个用户想要的数据。不过这点只是作为一个提醒当真正接触前端的话会了解的。
后端 有很多小问号的朋友可能会记得刚刚说的前端可能要向服务器请求数据那么这个数据是不是就是传说中的后端做的听没听过后端某问题反正就是后端
后端可以理解为一些业务逻辑的代码编写实现就是需要后端什么是业务逻辑简单的举个例子就像你淘宝买东西你点了这个物品下单了我要在代码上怎么实现这个下单这个背后的操作因为下单后你还需要交易交易要收钱收钱你还要把这个记录记载到你存放数据的地方我们可以叫做数据库存进去后用户查看自己的下单记录你还需要把这个记录取出来用代码实现这个取出来这个过程给用户看到不然没有记录那就很尴尬了只收钱不卖货流批所以一般是指的是数据库因为要存储数据例如你网站的用户数据肯定要用东西来存储这个东西就是数据库进行交互以处理相应的业务逻辑。虽然后端要考虑很多东西但是一般来说这样举例子就比较方便理解就不过多的谈论其它东西了。
现在整个逻辑基本上就通了简单的理解后端就是实现一些数据操作业务逻辑的实现其实可能会运维前端呢就是负责用户的页面数据的展示排版嗯大体这样理解问题不大。
建站 既然理解通了我们就来说说一个网站搭建的流程是什么吧 首先我们需要租一个服务器嗯…这个萌新不理解那我们降一个档次那就是我们在我们自己的本地电脑进行试验这样就问题不大了方便快捷。
搭建一个简单企业门户网站其实贼简单不吹不黑几年前的时候做这个还是挺得钱的接接外包舒舒服服现在就不行了毕竟技术在更新过时的技术也变得更加廉价了但是依旧是基本。
以下我使用一个静态网站作为例子演示一个网站的搭建“啥是静态网站”。静态网站就是没有后端好吧简单来说就是这样由于后端需要一些其它语言本篇博文针对于普遍人群为了方便理解就不用后端了直接静态网站作为演示列出html的代码到时候萌新们可以直接复制代码拿去自己试验舒舒服服美滋滋。
集成环境 首先我们下载一个集成环境。“啥是集成环境”。
集成环境打个比方就像你做菜、需要火源、锅、锅铲这种就是环境我做网站也要一个环境这个环境有人给你做好了你直接拿过来用就好就不需要自己搭建有些初学者就喜欢自己搭建然后发现一堆问题搞着搞着发现太难就不学了简直嘤嘤嘤初学者我个人建议先别增加自己的难度先学不然没搞懂就上会一脸懵圈的。现在我们下载一个叫做phpstudy的软件下载点这里 去官网。然后进行傻瓜式安装。 安装完后打开服务 Apache可能会有人问是什么Apache是服务器软件它就是你做菜需要的必要工具之一开启了就对了可能你只开启Apache只能做汤那也没事毕竟我现在演示的是静态网站。
首先我们把我们的资源文件带到网站根目录下 根目录不会找没关系我们打开网站点击管理找到根目录就ok 找到后把资源文件放到根目录下删除以前的根目录下的内容即可。 然后在浏览器输入http://127.0.0.1/ 或者输入 http://localhost/ 就可以访问我们本地电脑上的网站了 这个模版资源是我从网上下载的网上很多资源各位都可以看一下。本博文使用的资源文件审核中将会及时更新。 资源已更新地址在csdn下载不需要积分点这里
这样你的个人网站就完成了如果有服务器的小伙伴就直接可以下载精美的例子完成你的个人网站美滋滋
建议 一下分享几个简单搭建网站的技巧
前端模板也就是HTML怎么样才好看感觉自己做不了那么好看网上有很多模板搜索即可直接套用下来满足你的精美欲望无限可能
我后端学了但是感觉自己写好难
没关系使用开发框架什么是开发框架问题不大这个东西是帮你开发的我在刚毕业的时候教了同级一位同学我们专业当时不学这个我就直接教他每天2小时然后学了半个月就就业去了至今五年多了还在做这一行。所以开发框架很简单的就是方便你开发舒舒服服。
感觉自己的网站不安全动不动就被了**
个人推荐使用框架开启全局过滤然后服务器尽量用大厂的例如阿里云直接开启白名单这是最简单的防护方式了。
我是前端怎么做后端
可以直接学习后端语言想开发效率快当然是“天下第一语言PHP“哈哈哈不要喷我PHP的开发效率是不错的如果你是前端你也可以学学nodejs也可以的当然还有其它都可以。
最最萌新的话如果要租服务器建议租用Windows的服务器操作比较方便不然命令行操作你可能吃不消。
其它建议
如果单纯想联系数据库没必要单独装一个直接使用集成环境例如phpstudy它集成了mysql直接安装就可以用了舒舒服服躺着下载安装几分钟自己单独装死磕还不一定弄好。
如有错误欢迎指出有问题可以私信我哟可以关注收藏一键三连完美 有问题都可以问我包括是否想学php、python、c/c等这段时间在筹划在CSDN学院上传教程欢迎支持
