用织梦实现一个从零到可以正常访问的网站--第一章

简介: 用织梦实现一个从零到可以正常访问的网站--第一章

首先准备写这个教程的时候纠结了一下,因为知道这将会是一个比较麻烦的过程,建站和发布上线本身就是一个比较繁琐的过程, 但是既然决定要写,就准备好好写一个完整版的教程,这样就不用东查西查的来做了,要明白,做网站是一件很繁琐的事情,也是一件很浪费时间的事情,我写的是在每天下班以后写一点,如果没有绝对的时间,不要做这件事,ok,废话不说了,我决定用两篇文章来实现整个过程,之前我是准备用一篇文章全部写好的,但是,实在是很多,您也不喜欢看,就分开写吧!

没写之前,简单的做个例子,有助于你们的理解,做网站需要的是下面几个东西,源码、域名、空间、建站、那么你还需要的是一些工具,xampp(wordpress)、ftp、hb(写代码的工具)

当然这些是什么呢?我们举个别人给我举得例子:空间就像是月球,源码就是你,你要上月球怎么办,需要太空舱宇宙飞船和宇航服是不是。

建站就是太空舱,ftp就是宇航服,这样您是不是就明白了这些东西各自扮演的角色了!希望可以明白吧,不明白也没办法了!

PS:我不是专业的建站的,只是个人爱好,我是一个前端工程师,如果下面哪里写的不好,见谅,哪里写的不对,不全的,欢迎一起交流,交流的方式在左边,可以QQ联系我,或者下方留言,或者看我别的博客里面有关于我的名片的,可以随时联系我!

ok,言归正传,我们开始做第一步:

第一步:

做网站,需要的技术是H5+Js+css3

做好以后如果是很规范的话,那么会有这样的几个文件夹:css+js+images+html

文件的文件目录结构是这样的:

那么如果您是一个小的网站的话,是不需要的,应该仅仅是这样的:

Ok,简单的开个玩笑而已,其实就是您不是这样的目录只要您的html文件可以调到不同的css和js文件也是可以的,最好是用cnd托管您的js这样可以做到很好的优化效果。这也是做优化很重要的一种!

这一步是最难的,因为要知道怎么实现一个好的网站不是那么简单的一件事情。

第二步:购买空间和域名

这一步是花钱的,虽然花的不会太多,既然做好了网站肯定是要让别人来访问的,那么我们一般访问一个网站都是直接打开一个浏览器,输入Url就可以直接访问了,那么这些网站的Url为什么可以做到呢?很简单,他们是将网址解析的地址指向了他们需要让你看到的页面了,我们简单的说一下怎么购买空间和域名,可以购买阿里云的也可以是腾讯云的,这个不做分析哪个好那个不好,个人需要吧!

我们拿阿里云的举例子,毕竟我的网站是挂在上面的!

https://www.aliyun.com/

这是阿里云的地址

进去以后要做的是注册一个账号,然后怎么购买呢?进入以后直接搜索域名或者是直接百度购买域名也是可以的,这个不难,自己想办法吧!

我也不知道具体怎么描述了,买东西应该不会很难!

如果确实不会的,很简单,直接找淘宝,买好空间和域名,他会帮你搞定一切!

最后你只需要拿到他给你的链接就行了!

第三步:

解析空间和域名

这个时候有的人就晕了,我不是买好了域名了吗?为什么不可以访问呢?第一,还没有信息可以给用户看。第二,还没有解析

可以看出域名解析是有多么的重要,说的通俗一点,就是您买好了域名,那么这个时候您只是对这个域名有了拥有权,但是这个域名是没有实质性的作用的,也就是说不可以发挥正常的作用,举个例子就是买一把刀,不开刃是不可以砍人的,(这个例子太暴力了),所以域名解析是必不可少的一步。域名解析是域名向ip地址转换的一个过程,域名的解析是DNS服务器完成的。

流程是域名-DNS-网站空间

这里我需要解释一点,就是我们的万维网是通过ip来查找我们的计算机位置的,这个我们是都知道的,也就是说给一个ip的话,理论上是可以直接找打ip地址位置的,但是奈何ip地址难于记忆,所以我们就用域名来代替IP地址,这样可以便于记忆,那么万维网不认识域名怎么办呢?通过域名解析牵线就行了,明白了吧!

过程是:

管理中心-我的菜单-管理平台-域名管理-我的域名中查询需要解析的域名

页面会转到解析的页面,我们直接点击添加记录就行了,我的是解析好的,这里直接看截图就行了

这里是可以直接解析的!

第四步:安装ftp

这个是做什么的呢?我们不是将网站做好了吗?那么我们的代码不能一直在现在运行啊,是不是,那么这个时候就需要将我们的代码什么的上传到空间,这个时候有两种办法实现,我如果您不想麻烦的话看,直接花钱买阿里云的虚拟云主机就行了,如果不嫌麻烦的话,就自己买空间,自己设置,

我们分别说:

买阿里云的云虚拟主机,怎么进去呢?直接看我的主页上面有一个控制台,点开,就可以看到下面的这张图:

这个就是阿里云的云虚拟主机,我们点击管理

这样的,那么这个就是管理页面了,您可以关闭自己的站点,服务器就停了!也可以重启,也可以看多少人浏览了您的网站!

注意,这里有FTP的登录用户名等一些信息,这个时候就可以使用您下载的FTP登录了,那么一般的话,这个登录的密码是忘记的,如果您不忘记是最好的,忘记了是可以直接重置的,然后打开您下载好的Ftp,用哪一个都可以的,我用的是FileZilla,当然您喜欢用什么都是一样的,Xftp什么的都是免费的,我们登录进去进行了,给个截图吧:

我们的文件都是放在htdoc这个文件夹里面的,所以我们上传的时候不要错位置。还是说一下分别放什么的吧。操碎了心

文件夹分别代表的意思是:ftplog是日志,mufolder是我的文件,什么都没有

Wwwlog也是日志,都是生成的,不用操心,我们只需要关心文件是不是正确的上传到了htdoc里面了。别的不用想了,大家都挺累的。

第五步:建站

这一步说实话是我最不想写的,因为太繁琐了,不过既然写教程了,不谢肯定是不行的,耐心看吧,毕竟写都写了

首先建站是有好多种办法的,我们今天说的是dede建站,也是比较常用的一种,那么软件去哪里下载呢?当然去我的csdn下载了….

下载以后解压打开,就是这样的:

安装xampp


那么我们安装xampp,安装的过程我们就不说了吧。安装完以后是这样的:

这是我启动了的,那么默认的是不启动的,我们启动就行了如果启动遇到了错误,请看我的之前关于问题解决的博客,相信就解决了,

这个时候我们已经安装好了,下一步就是将我们自己的源代码怎么部署到线上可以使用呢?

下一步:首先我们要明白我们的代码的编码格式,是JBK的还是UTF的,如果是UTF的我们打开之前解压的文件,里面有一个文件夹的名字是utf的,打开以后是这样的:

我们打开uploads:

然后将这些文件全选,copy

然后我们打开您的安装xampp的路径下,如果您没有改变安装路径的话,应该是在C盘的xampp,那么我们打开下面的htdocs,我前面说过这个文件夹,记性不好的可以翻上去看看,打开以后将里面的所有内容全部删除,是的就是清空,然后将刚才copy的粘贴到这里,这样的:

这个时候就行了,我们下一步

打开这个里面的templets的文件夹,将您自己的源码的文件夹放进去,这样的:

这里的compvss-4就是我的源码,

再打开看一下是不是您自己的源码:

Ok,到这里就可以了,我们进行下一步,全部关闭吧。

下一步,我们再次打开xampp的主页,也就是这个:

点击启动以后,点击apach的admin这里,会跳转到这样的一个页面,

按照下面的截图进行就行了。

安装结束了。这个时候我们点击登录网站后台

账号是admin,密码是admin如果您没有更改过的话。

登录进去以后是这样的:

这个是我们需要的是将需要更改的信息改好:

进入dede的系统菜单

点击系统基本参数

将参数按照要求改好

点击生成菜单

点击更新主页

选择主页模板

更改为你自己的主页

生成静态

更新主页的html

Ok,这个时候就可以浏览自己的网页了。如果您浏览的网页是乱码的,没关系,因为路径是错的,下一篇文章我会写怎么更改可以调用的路径。

PS:以上的步骤分为几大步,那么这几个大的步骤是不是需要按照我的来呢?当然不是的,只要将需要的这几个东西完全做完就是可以的,没有规定说必须要先做哪一个。还有就是如果中间哪一步错了,没有关系,慢慢的调试,问题都是比较容易解决的,问题来了不可怕,静下心来看一看报错的信息就明白了。

我们只需要明白第一篇文章是做准备工作,需要的是买好的域名和空间,并且解析和绑定好,然后安装好FTP上传文件工具,最后是将xampp安装好就可以了

下一篇文章我会写怎么将路径改为建站里面可以是别的路径,也就是dede可以是别的路径,不识别的话是不可以出样式的,我还会写怎么将里面的链接改为页面可以引用的链接,最后我会写怎么用ftp将代码上传到服务器上面,别人就可以访问了。

相关文章
|
3月前
|
移动开发 前端开发 JavaScript
用织梦实现一个从零到可以正常访问的网站--第二章
用织梦实现一个从零到可以正常访问的网站--第二章
53 0
|
3月前
用织梦实现一个从零到可以正常访问的网站--第三章
用织梦实现一个从零到可以正常访问的网站--第三章
15 0
|
3月前
|
前端开发 数据库
用织梦实现一个从零到可以正常访问的网站--终结篇
用织梦实现一个从零到可以正常访问的网站--终结篇
41 0
|
1月前
|
安全 测试技术 数据库
如何搭建 DVWA 靶场保姆级教程(附链接)
如何搭建 DVWA 靶场保姆级教程(附链接)
226 0
|
4月前
|
负载均衡 网络协议 应用服务中间件
当当网266买来的1399页Nginx笔记,原来我入门都不算
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。
当当网266买来的1399页Nginx笔记,原来我入门都不算
|
6月前
|
JavaScript
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能1
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
6月前
|
程序员
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能2
🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能
|
10月前
|
资源调度 JavaScript
十分钟教会你如何使用VitePress搭建及部署个人博客站点
十分钟教会你如何使用VitePress搭建及部署个人博客站点
598 0
|
存储 数据库
Axure实战24:创建一个掘金Lottery幸运抽奖工具
Axure实战24:创建一个掘金Lottery幸运抽奖工具
241 0
Axure实战24:创建一个掘金Lottery幸运抽奖工具
|
关系型数据库 MySQL PHP
开发人员,怎能没有个人博客!前人所创经典ZBlog
开发人员,怎能没有个人博客!前人所创经典ZBlog
201 0
开发人员,怎能没有个人博客!前人所创经典ZBlog