琢磨七宗罪官网的主意

最近刷视频时看到七宗罪这个概念,觉得很逗,心里想:诶,不如建个官网玩玩呗,把这七种罪整整齐齐摆出来。

说干就干,我就打开电脑开始搞。

第一步:搭个骨架

先找个空白记事本,敲几行最简单的HTML代码,就当是地基。我上来就写了个基本框架,比如这样:

标签放点说明文字,说这官网是关于七宗罪的科普,外加用

    标签列出那七样东西:骄傲、贪婪、懒惰等等。

    小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

    搞定后,存成个*文件,双击一看,光秃秃的,丑死了。

    七宗罪HTML官网怎么建?(手把手教你创建步骤教程)

    第二步:加点花活儿

    为了让网站好看点,我就整了个CSS文件。开头乱加一通,背景色搞成黑的,字体换成红的,因为我想,七宗罪嘛要有点阴暗感。结果预览后,眼睛差点闪瞎了,太刺眼。

    • 返工搞调整:背景弄成灰的,文字用白的好点。
    • 加个导航栏:用
        标签做个简单目录,链接到各个罪的页面。
      • 插入图片:上网搜了几个象征性的图,存本地文件夹,用标签挂上去。

      调来调去,终于顺眼了些。

      第三步:一个一个建页面

      既然叫七宗罪官网,那就得给每个罪单独建个页。我从骄傲开始,复制*文件当模板,改内容就行。

      • 描述骄傲是什么:写点简单例子,配上张大鼻孔的图片。
      • 链接跳转:用锚点连回主页,别让人迷路。
      • 保存测试:存成*,打开浏览器试一下,还按钮管用。

      这样重复搞了七遍,手都酸了,但好歹把贪婪、懒惰、嫉妒、色欲、暴食和暴怒都加完了。

      第四步:微调和上线

      检查一遍,发现导航栏有点错位,又调了CSS代码,对齐就好了。预览起来,网站终于像个样了:主页是总览,点按钮进各罪页面

      上传到免费主机(别问哪家,反正网上随便找的),设置好后,发朋友圈装个逼,反响还行。

      事后想想,这活儿真不费脑,关键是多复制多粘贴。可算搞定了,回头再琢磨加点动画啥的。

      免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。 此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。 对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。 请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。 本站内容侵犯了原著者的合法权益,可联系我们进行处理。