文章
技术

我亲自教大家做网站(1)

thphd  ·  2020年9月19日 2047前站长

网站是以页面的方式呈现的,所以要做一个网站(website),首先要做一个网页(webpage)。

页面的内容,是用一种叫html的语言描述的。

<!DOCTYPE html>
<html>
<head>
<title>Title是网页标题,显示在浏览器标签栏</title>
</head>
<body>

<h1>Heading是标题</h1>
<p>Paragraph是段落。这些都是网页中的元素</p>


<ul>
<li>Unordered-List是无序号列表</li>
<li>List-Item是列表项</li>
<li>Anchor 是<a href="https://2047.name">链接</a>的意思 </li>
</ul>

</body>
</html>

将以上文字保存为a.html,然后用浏览器打开,就可以看到网页内容了。

不过,这样做出来的网页缺乏色彩。我们可以给网页中的元素(elements) 添加或者修改 风格(style),例如颜色、字体、边框、背景等等。在HTML里面,你需要用一种叫CSS的语言给元素添加style。

<!DOCTYPE html>
<html>
<head>
<title>Title是网页标题,显示在浏览器标签栏</title>
</head>
<body style="background-color:gray;">

<h1 style="color:red;">Heading是标题</h1>
<p>Paragraph是段落。这些都是网页中的元素</p>

<style>
li {
	background-color:yellow;
	border-width:1px;
	border-style:solid;
	border-color:blue;
}
</style>

<ul>
<li>Unordered-List是无序号列表</li>
<li>List-Item是列表项</li>
<li>Anchor 是<a href="https://2047.name">链接</a>的意思 </li>
</ul>

</body>
</html>

更多信息,请参考:

https://www.w3schools.com/html/

https://www.w3schools.com/html/html_css.asp

菜单
  1. 恒原平三郎   mohu: reddit.com/r/mohu

    感谢站长,我顺便插一句,如果学习dw的话还是会对做网站很有帮助的

  2. natasha 饭姐
    natasha  

    感谢站长“亲自”教做网站。

    另外好奇,如果站长不“亲自”教,难道还有人代劳?

    “我教大家做网站”,跟“我亲自教大家做网站”,这两个句子有什么不同?

  3. 琳不可瑤混 小朋友
    琳不可瑤混   你們可不能混瑤哦!
  4. natasha 饭姐
    natasha  
  5. 琳不可瑤混 小朋友
    琳不可瑤混   你們可不能混瑤哦!

    @natasha #15081997

    其實「親自指揮親自部署」

    的完整版本應該是這樣子的:

    我一直,親自指揮部下的王公公(之流),他們去親自部署底下的地方官員,地方官員親自為我代勞。

  6. thphd   2047前站长
  7. 一只雞兒 一致通过
    一只雞兒   坚持贯彻主体思想一亿年不动摇
  8. 琳不可瑤混 小朋友
    琳不可瑤混   你們可不能混瑤哦!
  9. electron8964  

    这就是为什么我们需要标签

  10. thphd   2047前站长

    @electron8964 #15204535 todolist已经有了,别催

    今天情况比较特殊

    • @mike123 做安全测试,帮我挖了几个漏洞,他一边挖我一边补
    • 模板代码大面积重构
    • 所以没有时间做新功能
  11. electron8964  

    @thphd #15205875

    嗯,我知道了。 我只是想说有了tag,这个系列就有一个单独的tag,回溯非常方便

  12. sorrysorrysorry  

    做网站难度现在就跟在淘宝开店一样,基本没什么复杂的。

    至于有没有流量,那才是真正做的人要研究的。目前看,这个技能应该属于大一新生级别。

  13. 青年 :(
    青年   一切死亡都有冗長的回聲

    做网站,不仅在于安全问题,关键在于安全问题。对于我来说,这就是坠难的

  14. Resistance 技术宅
    Resistance   编程随想读者|会点IT技术|爱好信息安全|关注隐私保护

    MDN 了解一下,比 w3school 不知高到哪里去了 :)

  15. Resistance 技术宅
    Resistance   编程随想读者|会点IT技术|爱好信息安全|关注隐私保护

    @青年 #15289657 用一个靠谱的 Web 框架,会方便很多。比如本站用 flask 框架开发。

  16. thphd   2047前站长

    有人说做网站就跟淘宝开店一样,没什么复杂的。

    其实准确地说如果只是HTML的话,初中生甚至小学生,只要父母愿意掏钱送去学,都可以学得会。而诸位显然不止小学文化,2049论坛上也不缺本科、硕士甚至博士,为什么大家不自己开网站呢,因为做网站其实是真的很复杂、很复杂的一件事情。

    现在号称自己开网站的人确实多如牛毛,但是你去复制人家的网站,和你自己做一个,是有本质上的区别的。比如说去搞个wordpress/blogspot的博客,其实是别人写的网站,你去用别人网站提供的功能罢了。还有很多所谓的快速建站,也是类似的道理。给人一种控制一切的幻觉,实际上很多事情根本无法控制,譬如对方的公司倒闭了,人蒸发了,服务器爆炸了,公司员工里面有Chinese Agent,都是有可能发生的。

    旧品葱和旧膜乎,租了服务器,程序也是亲自部署亲自改,这批人应该可以算是“擅长办网站”的了。结果办了一段时间,什么后果大家都知道了。所以即便是在墙外,开网站也是个极度复杂的问题,如果再有人说这是一个简单的、大学生能搞定的问题,那他至少应该先开一个网站让大家见识一下。

  17. NewUser  

    本站代码真的很差,竟然有这种不明所以的代码

    def es(k):
    
        j = g.j
    
        return (str(j[k]) if ((k in j) and (k is not None)) else None)
    
    
    
    
    def eb(k):
    
        j = g.j
    
        return ((True if j[k] else False) if k in j else False)
    
    
    
    
    def ei(k):
    
        j = g.j
    
        return (int(j[k]) if ((k in j) and (k is not None)) else None)
    

    看来是拒绝站长以外的commit了

  18. thphd   2047前站长

    @NewUser #118130 这是一个蹩脚的 existence check/input validation/type casting 为了尽快完工是这样的了