经验分享:做网站避免“盲目行动”(2024更新)
Tillreetree 2022-9-24

以下文字部分借鉴了MDN的教程

其实你应该直接看完MDN的教程。

你说“你想做一个网站”?不错不错。那,然后呢?


第一步:计划

光是“想要”做一个网站是不够的。你还应该知道你“要做”什么样的网站。请考虑以下问题:

  1. 网站的主题是什么? 可以是:介绍自己、展示自己的作品、分享自己的经验和见解、创建一个和他人交流的平台等等。
    • 网站的定位一定要清晰。
    • 我建议你的网站主题为做你擅长的,或者正在深度学习的内容
      • 有不少人在上学的时候(初中、高中、大学)就通过自己学到的内容建立了自己的网站,且能通过建站的过程更好的学习与实践自己所学到的知识。
  2. 基于所选主题要展示哪些信息? 比如你在上一步中选择了“介绍自己”,则网站里应该要写“你好,我是某某某,我擅长做某些事,这是我的一部分作品,如果你想与我联系,请使用以下联系方式……”这样的文字。
    • 在这之中又有几个分支(比如“技能”、“作品”等)。
  3. 网站采用怎样的外观? 简单、复杂,正式、轻松,深邃、明亮,彩色、单色……用几个词来概括你想要的外观。
    • 不同的外观能给人不一样的感觉,
      • 比如“简单、正式、明亮”可以给人专业的感觉,
      • 或者“简单、轻松、彩色”给人随性的感觉,等等。
    • “简单、复杂”则是取决于网站的内容量而定的,
      • 比如你想把关于自己的大多数事情都放上去,则肯定会较为复杂,
      • 相反,如果只是想介绍自己并附上简历链接,则是简单的。

游客/用户(真正看网站的人)其实不喜欢“过度装饰”的设计风格,不仅扰乱阅读体验,还会让网站在体验上"不流畅"或"不跟手"。

  • 避免“透明度较高的正文背景+复杂的背景图片”,正文背景的透明度建议在80%到90%左右。如果浏览器支持的话,建议让正文背景拥有模糊效果。
  • 字体应选择清晰易读的(黑体、宋体等),“手写体”不建议大面积使用。
  • 如果打算在页面中添加Live2D挂件,则该挂件必须可以关闭,否则在手机上会占据不小空间,且会让人注意力不集中。
  • 动画效果应简单、快速。
  • 网页配色不宜超过三种(不含黑白)。

第二步:学习

更多的前提条件:

  • 至少小学学历
  • 会使用计算机(手机和平板电脑不是生产力工具)
  • 有信息检索能力(也就是“会用搜索引擎”)(不需要很强)
    • 2024更新:你还需要知道如何与人工智能打交道
  • 保持求知欲

如果你想让自己的网站“更加可控”,那么你就应该学习HTML、CSS、JS和一门后端语言(PHP、Java、Go、Node.js等)。

这样你在使用建站程序时遇到问题可以快速地解决,还可以自己写网页,让自己掌控一切。

后端语言的选择取决于你的个人喜好和项目需求。

  • PHP是一种流行的服务器端脚本语言,适用于快速开发Web应用程序;
  • Java则以其强大的性能和跨平台能力而著称;
  • Go语言以其简洁和高效而受欢迎;
  • 而Node.js则允许你使用JavaScript在服务器端编写代码。

在学习过程中,你还可以借助各种在线资源和教程,如W3CSchool、MDN文档和Coursera、Skillshare等课程。这些资源提供了丰富的教程和实例,帮助你理解Web开发的各种概念和技术。

...

当然你也可以选择雇佣有经验的人帮你解决一切,就省了这一步。代价是“你永远搞不懂Web是如何工作的”,甚至在某些特殊情况中,损失金钱。

更具体点说,你需要学习这些:

  • HTML:这是构建网页的基础,学习如何创建基本的HTML结构,包括标题、段落、链接、图片等元素。
  • CSS:掌握如何使用CSS来设置网页的样式,包括颜色、字体、布局等。了解常见的CSS选择器、盒模型、定位等概念。
  • JavaScript:学习如何使用JavaScript为网页添加动态效果和交互功能。了解常见的JavaScript语法、DOM操作、事件处理等知识。
  • 后端编程:选择一门后端编程语言,学习如何处理用户请求、存储数据、与数据库交互等。
  • 数据库管理:学习如何使用数据库来存储和管理网站数据。了解常见的数据库系统,如MySQL、MongoDB等,并学习如何进行数据查询、插入、更新和删除操作。
    • 数据库设计:学习如何合理地设计一张表,明确这张表要存储什么类型的数据,这些数据之间有什么关联,以及这张表将如何被查询和使用。
  • 响应式设计:了解如何使你的网站在不同设备和屏幕尺寸上都能良好地显示。学习如何使用CSS媒体查询和其他技术来实现响应式设计。
    • 比如了解不同尺寸屏幕的特点及适合显示哪些内容。
    • 比如利用现有的前端框架(如Bootstrap等)实现响应式设计。
  • 网站安全:了解常见的网站安全问题和防御措施,如SQL注入、跨站脚本攻击(XSS)等。学习如何保护你的网站免受这些攻击。
    • 毕竟总会有脚本小子以“挑软柿子捏”为乐,而你不会希望自己的网站是那颗软柿子。
  • SEO优化:了解搜索引擎优化(SEO)的基本原理和技巧,以提高你的网站在搜索引擎中的排名。学习如何优化网页内容、关键词选择、网站结构等。
  • Web性能优化:学习如何优化你的网站性能,提高加载速度和用户体验。了解常见的优化技巧,如压缩图片、使用CDN、减少HTTP请求等。

第三步:实施

3.0. 购买域名和服务器

网上有大量相关教程,我就不再赘述了。

3.1. 选择合适的程序

如果你完全没有建站经验,请选择WordPress或ClassicPress。如果你追求极致的稳定性,请选择ClassicPress,它和WordPress完全一样,但更稳定。

Xiuno BBS不是给跳过本文第二步(学习)的人准备的。

3.2. “梦想成真”

从这里开始,就是“条条大路通罗马”的阶段。

在装好建站程序后,请逛一逛后台的各个部分,熟悉后台的使用方法,并阅读程序附带的使用说明文档。

如果你遇到了问题,请在正确的地方大胆地向他人提问,获得知识。

建议熟读《提问的智慧》,在提问前,请先搜索你的问题,也许你遇到的问题已经有了答案。如果没找到答案,提出更准确的问题有助于更快的解决问题。

哪里是“正确的地方”?

  • 建站程序的官 方或非官 方论坛
  • 知乎
  • Stack Overflow
  • 等等……

哪里不是“正确的地方”?

  • CSDN(曾经是合格的,现在“一落千丈”)
  • 内容农场(其中的内容为互联网上的各种内容的大杂烩(有人类写就的内容、有机器翻译的内容、还有人工智能写就的内容,未经训练的人类无法分辨区别),不保证内容的正确性,也不保证时效性;例子太多,无法列举)

不同的建站程序,实现你心目中的网站的方式不同。有一些程序是“万金油”级别的,又有一些程序专注于某些特定领域,需要根据自己的需求选择。

  • WordPress适合做任何网站(博客、电商、论坛等等)
  • WordPress、ZBlog、Typecho、Bludit等适合做博客
  • PHPBB、Discuz、Xiuno BBS、Flarum等适合做论坛
  • 我就不一一列举了,网上有更多“建议的建站程序”的列表……

而更具体的实现方式,网上有很多教程,可以去看一看。

3.2.1. 数据备份的重要性

第四步:运营

无论是什么样的网站,内容应该要保持更新,否则你的网站会被“淘汰”。

4.1. 企业类

网站里的“产品中心”应同步贵公司实际的产品线;如果产品下线,应及时撤掉;如果产品参数变化,应及时更新。

网站里的“新闻中心”应更新有关贵公司的相关信息(如参加活动、获得奖项等)。

4.2. 博客类

请把你的网站当作你的“电子日记”,可以每天写一篇,也可以每周写一篇,甚至每个月写一篇都行。

坚持下来后,你会有所收获。

4.3. 论坛类

扩展阅读:版主在 BuddyPress 网络社区中的重要性

你(和版主)应该要做到这些:

  • 维持论坛秩序
    • 日常巡视论坛,监管论坛内容,发现不符合“规范”的内容应及时删除
    • 处理用户的举报
    • 在发生争执时,可以进行介入,来平息争执
    • 等等……
  • 鼓励讨论
    • 在适当的时候举办活动,调动坛内用户的积极性
    • 定期发布一些具有讨论性的帖子(比如干货分享等)
    • 等等……

一个没有版主的社区将无法实现任何目的,并且将会有没有组织的讨论,从长远来看也没有任何价值。

第五步:收益化

在第四步进行到一定程度后,你的网站应该小有人气,这一步就可以开始考虑如何让这个网站养得起自己了。

第一步是让网站赚到足够的钱来维持网站自身的运作,第二步是让网站转到足够的钱来维持你自己的生活。

在2024年,人们已经愿意为内容付费了(当然得是质量高的内容)。

而关于怎么做,我只能说:高质量的内容、独创的内容最能让人愿意为之付费获得。

而具体实施方式,只能自己摸索着来,因为每一个网站的成功都是不可复制的。不过可以先开通个“爱发电”网站帐号,来让你的网站支持者有更好的方式支持你的网站。

结语

求人不如求己。

最后

在这个帖子里,忘掉回帖框附近的下拉框吧。我不希望这个帖子的评论区太灌水。

本文上一次更新时间为2022年10月,最新更新时间为2024年2月。

最后于 3月前 被Tillreetree编辑 ,原因:
最新回复 (22)
全部楼主
  • Tillreetree 版主 楼主
    2022-9-24 2
    1

    我理解小白用户的“懵懂无知”,毕竟我在数年前也是个小白。但我个人在这里建议小白,先上网搜索你的问题,如果找不到答案的话再提问。

    比如Xiuno BBS的伪静态问题,在本站有6个帖子,在本站Q群中问了无数次。如果他们先自行寻找方法的话,可以节省双方(提问者和回答者)很多时间。

    学无止境,勤则可达

  • kkapi
    2022-9-26 3
    0
    祝xiunobbs论坛越办越好!!!
  • xiaocui
    2022-9-27 4
    0
    祝xiunobbs论坛越办越好!!!
  • able324
    2022-9-28 5
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • 小白白888
    2022-10-13 6
    0
    祝xiunobbs论坛越办越好!!!
  • 浅唱 站长
    2022-10-19 7
    0
    不错的帖子!
  • fine7
    2022-10-29 8
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • 命运mm
    2023-1-29 9
    0
    每天坚持运营啊
  • A9450600
    2023-3-1 10
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • 7528441
    2023-3-4 11
    0
    不错的帖子!
  • 修罗学院 版主
    2023-3-19 12
    0
    我需要这篇文章转走
  • xuyuguo
    2023-4-9 13
    0
    顶一下
  • villain
    2023-5-12 14
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • xiaobai
    11月前 15
    0
    不错的帖子!
  • zhiyuan
    10月前 16
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • rainyun111111
    9月前 17
    0
    不错的帖子!
  • 5553621
    9月前 18
    0
    你就是我心中的那首忐忑,总是让我惊心动魄。 
  • zaylei
    9月前 19
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • china0396
    5月前 20
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
返回