## 1.网站建设本质
有个人提了一个网站建设需求,需求是访问网站的时候显示 "你好, 我是XXX" ;这个需求简约而不简单;网站建设的本质就是如此
(1) HTML,要显示 "你好, 我是XXX"只用 HTML 写就可以满足了; 新建一个文件,命名为 index.html; 用记事本或者文本编辑器打开它,写入以下内容,保存它。
~~~
<html>
<body>你好, 我是XXX</body>
</html>
~~~
(2) 域名和空间/主机,网上买个域名(网址)和空间/主机(服务器);有了账户名和密码,绑定域名到空间的某个目录(当然也有已经帮你绑定好的),找到这个目录,把刚新建的 index.html 文件通过 FTP 或者其他的方式上传存放到 这个目录。
绑定域名生效后,恭喜,访问 域名 就可以看到 显示 "你好, 我是XXX" 了。至此网站建设就完成了。这是简约部分,也是网站建设的本质。如果还想继续交流,请往下看。
这里说个概念就是 空间/主机(服务器) 本质还是计算机,本质上没有什么不同,无非是比个人计算机多了一些为了适应Web服务而做的硬件和软件;可以简单地理解为 服务器比个人计算机 多了 独立IP(绑定域名用)+Web支持,其实个人计算机也可以做到这些,当然这属于另外讨论的范畴了。
## 2.CSS
需求有点改动,这个排版不是很好看,我想让它水平居中,往下一点不要太靠上。
这个需求用 CSS 写就可以满足了;打开 index.html,把它改成这样,保存上传存放覆盖之前空间目录里的 index.html
~~~
<html>
<body style="text-align:center;padding-top:100px;">你好, 我是XXX</body>
</html>
~~~
## 3.JS(Javascript)
需求有点改动,点击 "你好, 我是XXX" 提示 "我是三个X",增强下页面交互效果。
这个需求用 JS 写就可以满足了;打开 index.html,把它改成这样,保存上传存放覆盖之前空间目录里的 index.html
~~~
<html>
<body style="text-align:center;padding-top:100px;">
<a onclick="javascript:alert('我是三个X');">你好, 我是XXX</a>
</body>
</html>
~~~
1,2,3的效果 点击此处 查看
## 4.网站建设欲望
内容多点 HTML n
排版好点 CSS n
交互多点 JS n
能吸引人 设计策划 n
可维护性 前后端 n
访问很多 软硬件 n
HTMLn×CSSn×JS n×设计策划 n×前后端n×软硬件n =网站建设欲望 n
欲望,欲望,欲望;当无言以对、头破血流时请 回到 为什么要建站、回到 它的出发点,之后请再网站建设欲望n 。
参考 [网站建设-法克恩德](https://www.fuckend.com/column/1.html)