chjian 发表于 2023-10-22 05:52:46

搭建一个网站到底需要什么技术?

想搭建一个个人网站,但是网上很多技术,讲真,有点混乱,大神告诉我怎么选择技术来支持我这个想法。该选择哪些?前端html、css、js等,后端(我只是指与数据库互动)php、Python或者其他?
这些技术哪些比较适合上手?只想开发网站,不想就业的,网上有模板,但是使用模板不怎么舒服,试过WordPress、dokuwiki等平台,但是有些平台太臃肿,有很多用不上的,有些平台呢,有太简单,功能单一。
这就是我要自己搭建网站的初衷,麻烦大神给个回答。
想做一个知识管理与平台

edison1007 发表于 2023-10-22 05:53:26

搭建一个网站到底需要什么技术?

搭建开发一个网站,就好比做一道美食,网站的代码语言是“食材”,而网站的界面设计就是“调味剂”。这里我们先来聊聊“食材”需要准备哪些吧!
>>0技术门槛建站工具:
>>使用方法详情见下方视频教程:
• HTML
超文本标记语言,定义网站页面的逻辑结构。
• CSS
层叠样式表,定义网站页面的样式规格。
• JavaScript
函数编程语言,定义网站页面的交互功能。
• PHP
服务器端脚本语言,定义网站页面的数据库。
……

http://picx.zhimg.com/v2-bc3f7ab892c83027b09855dbb8fd9f62_r.jpg?source=1940ef5c
在网站开发中,不同的网站类型还可能会有到更多其他不同的编程语言。

怎么搭建一个网站?网站开发怎么做?


当然“食材”不一定非得我们自己制作,还可以找现成的再自己“烹饪”和“调味”。换句话说,网站开发其实不一定要学懂代码语言,我们也可以找现成的网站开发模板来编辑修改,加入自己想要的元素即可。
接下来通过一个真实的案例,带大家感受网站开发的方法!
>>网站开发模板库: @凡科建站
>>案例行业:互联网
>>网站开发流程:

1、选用模板
在上方网站开发模板库中,搜索“互联网”等相关关键词,快速筛选出符合要求的网站模板,一键创建复制到自己的站点。

http://picx.zhimg.com/v2-5156e49632edb6fdc8f84f7fc614d586_r.jpg?source=1940ef5c
2、添加界面特效
• 悬停视差特效鼠标悬停后,网页中背景与模块随鼠标移动呈现不同的位移距离与速度,能够营造出动态又独特的视觉体验与网站设计效果。

http://pica.zhimg.com/v2-cfc6e3c2f929b8399eaec1e3550193e6_r.jpg?source=1940ef5c
• 手风琴下拉到指定区域,模块内容自动以“手风琴”样式展开,增强了页面的互动性,让用户更有参与感,提高用户体验~

http://picx.zhimg.com/v2-8f74329ea6521b141d0e38a0e79c577c_r.jpg?source=1940ef5c
3、修改页面模块
• 服务介绍添加服务列表模块,以交错布局的方式设计公司服务项目的简介,让网页界面清晰有条理;图片链接详情页,方便用户点击了解。

http://picx.zhimg.com/v2-a26db73dbaadee665e227d2e2723238b_r.jpg?source=1940ef5c
• 新闻资讯设置文章系统,定期上传公司新闻或行业相关资讯,方便客户了解品牌信息、交流互动的同时,也能促进网站的收录。

http://picx.zhimg.com/v2-29e253a0ffd312c8900a2a6fb554c3c2_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-e33732e03176c98ceaa73b949d03ee50_r.jpg?source=1940ef5c
• 联系加盟新增加盟表单功能,吸引更多感兴趣的合作伙伴了解公司加盟。

http://picx.zhimg.com/v2-c5717865c1ddfe02778efaa8a52ff2b6_r.jpg?source=1940ef5c
• 关于我们修改公司的地址电话、更换和上传照片和logo信息,提高品牌的知名度。

4、上线网站
网站开发模板的内容修改好之后,我们就可以绑定自己的网站域名,一键发布上线啦~
<a data-draft-node="block" data-draft-type="ad-link-card" data-ad-id="commercialVip_73106c16c227eeba7906e4e9fce38479">

t608 发表于 2023-10-22 05:53:50

从大学开始搭建网站到现在,折腾过的有wordpress、typecho、hexo、hugo、vuepress、docz、gitbook、discourse....太多太多。
几乎都是开源的项目,跟着保姆级教程搭建。折腾完这些后,我前端或后端的技术,一点都没有增长。最大的体会是对各种部署技术有一定了解。
真正想成为Web开发人员,得脚踏实地,一步一步来。下面这份Web开发学习线路图,开源界扛把子。该项目拥有214K星,30.7K的叉子,几乎是开源社区最受欢迎的项目。
开发者路线图如果国内的大学生,能在大学阶段接触到github,并善于利用它的话,我相信实践水平有另一质的提升。毕竟这是一个可以与世界最顶尖开源工程师沟通的地方。
<hr/>考虑到地域性的网络限制无法访问,我把前后端的线路图放上来。
前端开发人员 -- 逐步成为现代前端开发人员的指南

http://picx.zhimg.com/v2-d908b912d8f2cca2bbe7bf7292acd098_r.jpg?source=1940ef5c

后端开发人员 -- 逐步成为现代后端开发人员的指南

http://picx.zhimg.com/v2-510b5919431be3900ba7945237b398ce_r.jpg?source=1940ef5c
感谢你的问题和阅读

sifeng 发表于 2023-10-22 05:54:12

现代网络发展很快的,搭建网站不一定得会代码呀(会一点更好)。
WordPress会是一个不错的选择,我录制了一个简单的视频,希望能帮助到你。
wordpress教程 - 两小时极速搭建WordPress个人博客 - Npcink文档类的主题,可以看看这个

Wordbook - Npcink

小草与叶子 发表于 2023-10-22 05:54:22

必须掌握的,HTML,CSS,JS,PHP,mysql数据库
html,或者叫html5,标签语言,一个网站最最基础的编程语言,甚至简单到有人不觉得这算编程语言,你必须掌握。
css,或者叫css3,这个是html配套的样式,比如段落间隔多宽,什么颜色等等,几乎所有基本变化都在css里面,你必须掌握。
js,JavaScript,浏览器脚本语言,如果你需要高级的复杂的变化,你必须要用到js,比如,大图轮播,放大缩小等等。
PHP,php7,网站后台数据管理的编程语言,为什么是php,因为他可以简单的使用到高级变化,属于入门比较简单的后台语言。
mysql,数据库,配套php使用,数据调用之后通过php处理,遍历,到前台显示。
知识管理你还需要富文本编辑器,就是网页上的文本编辑,类似word的。研究透他并二次开发到可以使用也是需要时间的。百度的ue用的人挺多。
首先是服务器环境搭建,然后是各种语言的基本学习,各种工具的基本学习,然后网站的框架,数据各自的联系,如何使用工具实现你的网站,然后是优化,然后是安全问题。
我建议你花钱解决,然后找个大佬,因为实在太多要学的了
域名买一个,自己用可以随便来,那个域名便宜买哪个。
空间,去阿里云买个虚拟主机,一年几百块。
或者只是自己用的话,直接本地运行就好了,还省钱,前期肯定是本地开发就好了,域名不考虑。服务器,随便一台window10也就行了,就不必费精力去学习linux的命令行和虚拟机配置。

tylz2008 发表于 2023-10-22 05:54:27

我在文章DIY还是外包中列举了所需知识,WordPress选择好一个合适的主题即可。知识管理可以考虑下博客类型,documentation,learnpress或者helpdesk类型的。

http://pic1.zhimg.com/v2-e262b6f91ae08c9287c21256cabc2ff1_r.jpg?source=1940ef5c
DIY建站 VS 外包建站公司
页: [1]
查看完整版本: 搭建一个网站到底需要什么技术?