You dont have javascript enabled! Please enable it!

关于作者和网站

翁德沃彭:

  • 关于作者
  • 关于网站
  • 一切是如何开始的:HTML 和 Frontpage
  • WordPress 幕后花絮
  • 服务器
  • 垂直

关于作者:
我叫 Marco van Wijk,35 岁,住在鹿特丹地区。 我一生都对与汽车有关的一切感到疯狂。 16 岁时,我已经在车库里当学徒机械师了。 在我在 VAG 和 BMW 车库担任机械师的十年里,我完成了 4 级技术专家的机械师培训课程。 我自2015年以来一直担任机动车辆技术教师。 2018 年,我在完成 HBO 汽车(非全日制)课程后,在阿纳姆的 HTS Autotechniek 获得了理学学士学位。
这次培训给我留下了温暖的回忆,并带来了持久的满足感。

除了担任本网站的教师和作者之外,我还喜欢在 AMT 上撰写文章,您会发现我是 AMT-live 知识课程的主持人。

关于网站:
2005年我开始尝试创建网站。 目前的网站可追溯到 2009 年。此后,设计和内容都发生了许多变化。 该网站越来越受欢迎,并且主题和信息将继续增长。 该网站目前包含 350 多个页面,内容丰富。 如今,我们每月平均收到 100.000 次独特的页面浏览量。 我自己开发了该网站并完全管理它。 我设计了主题,编写了所有页面,自己拍摄或绘制了许多图像,它在我自己的服务器上运行,位于我家里的办公室。 在此页面上,我想展示该网站近年来如何发展到今天的样子,以及幕后发生的事情。

该网站的目的是让对汽车技术感兴趣的人们深入了解某些零件和系统的工作原理。 许多信息在谷歌的其他地方无法找到,通常没有图片,而且通常还没有荷兰语版本。 我希望通过这个网站在网上提供尽可能多的汽车技术信息。 该网站专为 MBO 技工培训课程 2 至 4 级量身定制。 该网站还适合从 HAVO/VWO 升读 HBO 机械工程或汽车工程的学生。

我有意识地选择不显示广告,因为我对广告多于文本的网站感到恼火,而且你必须点击远离所有内容。 我认为展示广告会污染我的网站。 这就是为什么不需要跟踪器或 cookie,而且我是少数几个不必显示 cookie 通知的网站之一,其中每个访问者都必须同意条款和条件。

此外,我让每个人都可以免费访问该网站。 我不使用任何支付或登录系统来访问该网站。 该网站完全免费,并且将来仍将如此。 另一个好处是,我也更容易获得汽车制造商使用其图像的许可,因为我没有经济利益,而且许多制造商支持教育。

如果您发现文本中存在拼写或语法错误,请填写联系表。 这样我就可以快速轻松地纠正这个问题。 如果您对特定主题有补充,这当然也适用。

一切是如何开始的:HTML 和 Frontpage: 从最初的概念到 2019 年 2003 月被当前版本取代的网站,我们使用了 Microsoft FrontPage XNUMX 程序。

我们使用 FrontPage 创建 HTML 页面。 HTML代码的结果可以在设计窗口中查看。 该网站由四个框架组成:

  1. 顶部(标题)
  2. 链接(菜单)
  3. 右(字典)
  4. 中(网站内容)

因此,要打开该站点,需要将四个单独的 HTML 页面加载到框架中。 当访问者最终没有通过搜索引擎到达index.htm页面,而是直接到达他正在寻找的页面时,只显示该框架。 周围的菜单没有显示。 在这种情况下,整个屏幕上只显示蓝色页面,周围带有按钮的菜单都消失了。

搜索功能还通过 Google 使用了复杂(集成)方法,并且没有移动支持,因此创建了第二个索引页面,当使用电话或平板电脑访问该网站时会自动切换到该页面。 这通常进展顺利,但并非总是如此。 “过去”带有框架的 HTML 网站很流行,但现在你几乎在任何地方都看不到这种情况。 我通过自编译 HTML 代码获得的知识至今仍然对我更新当前网站有帮助。

WordPress 幕后花絮:
基于 HTML 的网站于 2019 年 XNUMX 月完全转换为流行的 WordPress CMS。 一些访问者一开始不得不适应新的导航结构,但总的来说,我收到了积极的回应。
随着时间的推移,我还实施了越来越多的更改,使导航变得更容易、更清晰。

借助现代 WordPress CMS 中的网站,该网站在许多方面都得到了改进:

  • 界面时尚,具有代表性的外观;
  • 文章更新更方便;
  • 平板电脑和移动设备友好(自动适应屏幕尺寸),因此无需单独的移动网站;
  • 对某一页面的菜单和/或界面的更改会自动反映在所有页面上;
  • SEO(搜索引擎)友好;
  • 插件支持许多有用的功能:交互式按钮、搜索、备份和安全、自动滚动等。

下图显示了 WordPress 中的页面概述。 无需打开 Web 界面,即可从此屏幕搜索和更改所有页面。

网站上的所有页面都是在 Elementor 中创建的。 下图显示了 Elementor 编辑器屏幕。 左侧可以看到文本编辑器,右侧可以看到实时视图。 点击底部的“更新”后,更改将立即显示在网上。 您还可以选择先将页面保存为草稿或私有,然后再在线发布。

除了文本编辑器之外,Elementor 还提供各种交互选项。 其中之一就是所谓的“行动呼吁”。 该函数创建了一个交互式按钮,我们从主页和可以从菜单打开的类别中知道该按钮。 

2021 年,我的 WordPress 主题与现代插件和网络浏览器之间的兼容性出现了越来越多的问题。 该主题不是很受欢迎,因此在发布几年后不再得到适当的支持或开发。 由于主题决定了网站的外观,因此切换到另一个主题并不容易,也是不可取的。 2022 年 XNUMX 月,我尝试了 Elementor 的页面构建器和一个简单的主题:“Hello Elementor”。 通过将此主题与页面构建器相结合,我可以确保外观和安全性方面的更新,并且我有更多选项来自定义其他主题中被开发人员锁定的界面。 在标准 WordPress 主题中,某些设置无法或几乎无法更改。 经过一天的试验,我确信:我用自己的主题替换了旧主题。 我在几个小时内就把它放在网上,在接下来的几天里,我根据周围人的反馈做了一些小改进。

使用 Elementor 的主题生成器,您可以创建自己的主题并完全根据您的喜好进行配置。 每个角落、按钮、框阴影、颜色和动画都可以通过无数种方式根据您自己的意愿进行定制。 可能性是无止境。 下图显示了主菜单颜色的设置选项。 通过这个主题生成器,可以根据需要设置台式机(和笔记本电脑)、平板电脑和手机的显示。 这样,就可以为所有设备实现最优化的设置。

其他网站最让我困扰的是弹出窗口、有关时事通讯的通知以及启用通知的请求,这些都必须点击才能关闭。 并且不要忘记华而不实的广告。 这让我决定自己使用广告拦截器浏览而不参与。 我将通过加入尽可能少的分散注意力的元素来尽可能保持我的网站“干净”。 尽管可以通过动画和彩色页面轻松使网站变得非常有吸引力,但我选择了许多灰色阴影和尽可能少的装饰,而人们通常不喜欢这些。 两侧带有深灰色到浅灰色背景的白色页面提供了良好的对比度,并与所选字体一起使文本易于阅读。 该网站适用于 17 英寸以上的方形台式电脑屏幕,因为到 2023 年,这种屏幕尺寸在车库和学校中仍然很常见。 笔记本电脑使用高分辨率,因此可以使用 14 英寸笔记本电脑访问该网站,而无需将菜单栏切换到其他模式,只需将右侧按钮穿过狭窄的屏幕移动到第二排。 这个界面是通过大量的实验和访问者的反馈创建的。 信息丰富的特征和协调良好的导航比大多数游客所欣赏的光滑外观更重要。

服务器:
拥有价格有竞争力的网络托管套餐的廉价托管方对需要服务器大量计算能力的网站不感兴趣,因为您与数百个其他客户共享相同的 SSD/CPU 和 RAM。 该网站每月 120 至 130 GB 的数据消耗也很常见,这是几十欧元的标准套餐所不允许的。 这样的一方可能会选择降低使用大量资源的网站的性能,或者要求您购买昂贵的 VPS。

我已经犹豫了很长一段时间是否将该网站放置在 VPS 上,这样可以获得最佳性能并且我可以控制某些设置。 一个好的 VPS 价格昂贵,我开始考虑另一种选择:自己(在家)托管该网站。

2020 年春天,我购买了一台价格具有竞争力的年轻二手服务器。 我为此提供了必要的硬件升级,并学习了如何使用 BIOS 中的设置; 这些与消费类个人电脑有很大不同。 我还在自己家里创建了一个网络来连接服务器。 光纤连接的下行和上传速度为 1 GB,对于托管多个繁忙的网站来说甚至绰绰有余。

2020年XNUMX月,我安装了服务器,操作系统为CentOS(现已更换,稍后详细介绍),控制面板为Cpanel。
经过几个小时的准备,只需按一下按钮即可将站点从数据中心的服务器转移到家庭服务器。 这个过程非常顺利。 截至撰写本文时(安装后三年)没有出现任何问题。

您当前所在的服务器如下面的两张图片所示。

上图: 该服务器是 HP ProLiant ML350p 第 8 代。盖子后面是 DVD 播放器,下面有用于打开服务器的开关和四个 USB 端口。 底部有四个驱动器,即:2x SSD(左)和2x HDD(右)。 该网站是从 SSD 加载的。 每晚备份都存储在硬盘上。 SSD 和 HDD 位于 Raid 镜像 (RAID 1) 中。 如果硬盘发生故障,我可以用备用硬盘替换它,而无需关闭服务器。 更换驱动器后,数据会自动传输。

下图: 拆掉侧盖和导风板的塑料板后,我们看到四个大风扇,旁边就是主板。

该服务器配备 Xeon E5-2690 CPU (2,9 GHz)。 这是一个 8 核 16 线程的处理器。 它以略高于1 Ghz的时钟速度运行在省电模式下,在网站性能和服务器管理方面并不逊色于最大性能模式下的设置,该性能模式下的时钟速度增加到2,9 GHz。 唯一的区别在于热量的产生和能源消耗。 由于处理器内核数量众多,低时钟速度下的良好性能成为可能。 此外,内存条现在已填充了总共 12 个 4 GB ECC 内存模块,四通道总共提供 48 GB 内存。 当然,这有点矫枉过正,但我​​认为这使它能够面向未来。

2022 年夏天,由于宣布 CentOS 将很快不再受支持,我将 CentOS 操作系统替换为 AlmaLinux。 流行的 Cpanel 安装在 AlmaLinux 上:该程序使网站托管成为可能。 下面的屏幕截图显示了控制面板。 每周我都会检查可用的更新(Cpanel、实用程序或内核)并检查负载。

翻译:
您可能已经注意到,页脚(位于网站底部)包含一列可以将网站翻译成的标志。 翻译是通过 WordPress 中的插件使用所谓的神经机器翻译 (NMT) 和人工智能 (AI) 实现的。 神经机器翻译与人工智能的关系在于,NMT是人工智能的具体应用,它利用机器智能来理解和有效翻译人类语言。

我采取翻译该网站的步骤的原因如下:

  • 使用 NT2(荷兰语作为第二语言)的汽车工程专业学生在学习时喜欢查阅用其母语翻译的相同页面。 如果他们用自己的语言理解某个部件或系统的操作,那么学习荷兰语的解释也会更容易;
  • 一些国家汽车技术教材供应匮乏。 例如,在冰岛,学生只能使用英语教材。 对于教师和学生来说,能够以自己的语言查找课程材料是件好事。 与我接触的冰岛老师也说:“我不断地解释翻译成冰岛语,因为在汽车修理厂里,零件不是用英语提到和写的,而是用冰岛语。 能够阅读冰岛语技术语言的文本真是太好了”;
  • 正如您可能在第一段中读到的那样,写文章是我的爱好。 翻译选项使我能够接触到更多的受众。

我在 2023 年春天将该网站翻译成英文。 进展顺利。 当要求冰岛语翻译时,我还添加了除冰岛之外的其他国家。 谷歌还为翻译后的页面建立索引。 例如,“Basic electronics”页面现已以 4 种语言包含在 Google 中,每种语言都有自己的 URL 翻译、标题和关键字。 这也增加了访客统计数据。 该图显示了1年2023月XNUMX日至XNUMX月XNUMX日期间的访问者数量,其中该网站仅被翻译成英语以外的语言仅几周时间。

翻译非常合理,质量很高。 在包含技术术语的段落中,会出现翻译错误,有时翻译“过于字面意思”,因此具有不同的含义。 荷兰的“bodywork”就是一个例子。 在英语中,这被翻译为“身体”。 这是正确的。 然而,在冰岛语中,它也被翻译成类似“身体”的东西,但那里的翻译指的是“人体”。

幸运的是,可以选择调整翻译。 翻译可以在程序中更正,这将在整个网站上进行更改。 但翻译也可以在各个页面上按句子进行调整。 下图显示了每个句子的铅笔。 单击后,可以更改翻译。

单击其中一个句子的铅笔后,将出现一个包含原始文本和翻译文本的弹出窗口。 可以在这里更正翻译。 翻译会立即更正,不会影响原始(荷兰语)文本。

英文翻译已经取得了长足的进步。 我对其他语言有更多的困难,因为我在那里的知识不太广泛。 这就是为什么我要求我的网站访问者向我报告语言和翻译错误。 如果涉及出现在多个页面上的一个单词,我将立即在相关页面或整个网站上更正此问题。 如果您有兴趣,可以讨论访问上面显示的翻译程序的选项。 您可以通过联系表与我联系。 这位来自冰岛的老师很感激在他的课程中使用该网站,并且可以自己翻译课文。 他、他的同事和学生(还有我)都受益于此。 我还想向其他国家的用户(最好是汽车技术教师,或在汽车行业工作且精通语言学的人)提供此选项。