2024年最全网页知识基础(新手搭建个人网站)_个人网页新手(3),揭秘

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取


所以其实通过上面我们可以看出,如果只是要搭建一个静态网页,那么其实相比动态网页会简单很多,我们只需要掌握基础的html,css,JavaScript就可以做出一个功能稍微多一点的网页啦。

这里我以一个大佬做的网页文件,放进我服务器里去看看会怎样。

该博客地址:HTML+CSS+JavaScript实现旅游网站官网

项目仓库:travel-website

下载文件之后,可以看到

image-20210706205459928

项目文件结构非常简单,包括一个index.html,一个js和一个css文件,当然还包括一些图片。在这里插入图片描述

因为网站是静态的,所以不需要PHP,不需要数据库,因此静态网页非常适合用来搭建个人的网站。


服务器上的Apache默认运行的目录是 /var/www/html

我们把上面下载的文件放到这个目录下:
https://raw.githubusercontent.com/xkyvvv/blogpic/main/pic1/image-20210706205810672.png
然后再浏览器上输入我们公网ip,就可以访问该项目的网页了,如下图所示

https://raw.githubusercontent.com/xkyvvv/blogpic/main/pic1/image-20210706205921292.png

后面我们就可以模仿着搭建属于自己风格的网站啦,不过具体的形式我们可以慢慢试。

当然嫌麻烦的也可以用别人做好的网站框架,我们只需要往里面填充我们的内容就行了。


下面我来找几个静态网页框架来试试看怎么样。

这几篇文章是总结了静态网站生成的工具:10 大静态网站生成工具 | Linux 中国推荐3个超级好用的静态网站生成器:静态是一种新的动态

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以戳这里获取

路线、讲解视频,并且后续会持续更新**

如果你需要这些资料,可以戳这里获取

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值