PageAdmin CMS仿站教程,自己建网站其实很简单

简介: 作为一个建站新手,经常看见别人的网站就觉得高大上,但是用网上下载的PageAdmin CMS模板,但是没有前端基础,所以又改不出我喜欢的样子,那怎么办呢?今天我们就来说说如何把你喜欢的网站仿制出来! 1、安装PageAdmin CMS 首先到PageAdmin CMS官方网站下载PageAdmin程序,下载后参考官方帮助中心的安装配置教程,先在自己电脑上配置好运行环境,然后安装,官方教程还是很给力的,需要的软件直接提供下载地址。

作为一个建站新手,经常看见别人的网站就觉得高大上,但是用网上下载的PageAdmin CMS模板,但是没有前端基础,所以又改不出我喜欢的样子,那怎么办呢?今天我们就来说说如何把你喜欢的网站仿制出来!

1、安装PageAdmin CMS

首先到PageAdmin CMS官方网站下载PageAdmin程序,下载后参考官方帮助中心的安装配置教程,先在自己电脑上配置好运行环境,然后安装,官方教程还是很给力的,需要的软件直接提供下载地址。

2、选定自己喜欢的网站

这步就是要选择你想要仿制的网站,并且要防止的页面地址!对大家来说,这一步是最简单的!

3、准备仿站需要的工具

这里要用到的工具有四样:IE浏览器、DW、仿站工具、缓存图片查看器

4、保存网页

用浏览器(这个浏览器可以不用IE,没有限制)打开网页,我用的是360,所以按照360的名称来说明,点击右上角的文件,保存网页,在保存类型上选择全部,这样在桌面上就下载下来一个html文件和一个文件夹。

在根目录新建一个模板文件夹,在模板文件夹下新建一个名字为style的文件夹,把下载的文件夹中的CSS/JS类的文件统统剪切到style文件夹中。

至此,刚才下载的html文件和文件夹就可以放入回收站了!

5、下载网页图片

下载图片要用到的工具就是上面说到的缓存图片查看器,这就需要大家用有IE内核的浏览器打开被选中网站的首页,为了避免出现问题,我直接选用了IE浏览器,浏览器的要设置成兼容模式。

打开缓存图片查看器,刷新首页,把首页的网址复制到缓存图片查看器,点击列出图片,再点击全部图片,然后存盘即可,记住保存的路径!

在模板文件夹下再新建文件夹,命名为images,把缓存下来的图片都放入这个文件夹中,这一步就算是完成了!

6、制作页面

在页面右击鼠标,查看网页源代码,打开DW,新建一个.html文件,把网页源代码全部复制进来,这里要注意的是代码的类型是UTF8还是GBK,如果不相符,要通过页面设置进行修改,建议都保存为utf8格式!

7、修改调用

因为我们用的是PageAdmin CMS的后台,所以很多后台内容(如新闻,产品,留言等等)都是直接用cms自带的标签调出来的,这个就需要参考一下官方的模板制作教程,都是固定语法,没有什么难度,主要就是熟悉模板制作的一些规则。

并且一些文件的路径不对,会导致页面的错乱,所以我们要用仿站工具,把其中的内容进行调用,包括CSS文件,也是需要修改的。

到这里一个网站页面的初步仿制就基本完成了,希望对大家有帮助!

相关文章
|
人工智能 数据安全/隐私保护
利用D-ID让你的照片能说话,制作口播视频
利用D-ID让你的照片能说话,制作口播视频
1120 0
利用D-ID让你的照片能说话,制作口播视频
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
1233 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
8月前
|
存储 文件存储 Android开发
仿第八区APP分发下载打包封装系统源码
该系统为仿第八区APP分发下载打包封装系统源码,支持安卓、iOS及EXE程序分发,自动判断并稳定安装。智能提取应用信息,自动生成PLIST文件和图标,提供合理的点数扣除机制。支持企业签名在线提交、专属下载页面生成、云端存储(阿里云、七牛云),并优化签名流程,支持中文包及合并分发,确保高效稳定的下载体验。 [点击查看源码](https://download.csdn.net/download/huayula/90463452)
519 22
|
5月前
|
NoSQL Java Redis
推荐一款好用的开源免费Java CMS内容管理站群系统
Java开源内容管理系统(JProcms),基于SpringCloud、SpringBoot、MyBatisPlus、Vue3等技术构建,采用Apache-2.0协议,支持免费商用。系统具备自定义字段存储与可视化设计、API制作网站群页面等功能,强调简单灵活的设计理念,降低二次开发成本。支持多种数据库、消息队列和认证方式,提供SaaS多租户、动态权限菜单、工作流配置等强大功能,同时集成阿里云、腾讯云服务,适用于高效建站与内容管理。
997 4
|
开发框架 前端开发 JavaScript
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
2011 120
|
安全 数据安全/隐私保护 C++
C++一分钟之-成员访问控制:public, private, protected
【6月更文挑战第20天】C++的成员访问控制涉及`public`、`private`和`protected`,影响类成员的可见性和可访问性。`public`成员对外公开,用于接口;`private`成员仅限类内部,保护数据安全;`protected`成员在派生类中可访问。常见问题包括不恰当的访问级别选择、继承中的访问权限误解及过度使用友元。通过示例展示了如何在派生类中访问`protected`成员。正确使用访问修饰符能确保代码的封装性、安全性和可维护性。
643 4
|
JavaScript
webpack学习三:webpack初始化整合配置vue,一步一步的抽离代码块整合vue。
这篇文章是关于如何在webpack环境中配置Vue.js,包括安装Vue.js、解决报错、理解el与template的区别、使用SPA模式、抽离模板为对象、封装为单独的js文件、安装vue-loader时遇到的问题及解决方案,以及整个过程的总结。
299 2
webpack学习三:webpack初始化整合配置vue,一步一步的抽离代码块整合vue。
|
Ubuntu Linux 数据库
在Linux中,如何进行软件包升级?
在Linux中,如何进行软件包升级?
|
Linux 开发者
Linux的诞生:Linus Torvalds的“惊天一敲”与Linux内核的“首秀”
在科技界璀璨星辰中,Linus Torvalds以一次“惊天一敲”悄然点燃了革命之火——Linux就此诞生。1991年,不满现状的Linus决定创造更好的操作系统,这一敲不仅开启了个人传奇,更奏响了技术革新的序章。他将Linux内核低调发布网络,随即吸引了全球开发者的目光与贡献,使之迅速成长为开源世界的巨星。Linus的故事告诉我们:伟大创举常源于微小想法,也许下一个改变世界的“一敲”就出自你手。
547 1
|
存储 算法 Serverless
数据校验的艺术:从奇偶校验到CRC校验与海明校验
数据校验的艺术:从奇偶校验到CRC校验与海明校验
2283 0