课堂总结

博客静态网页

#banner:一张头部图片    #menu:导航菜单    #left:中间的左边部分 

#right:中间的右边部分    #main:中间主要部分    #footer:尾部的部分

#zuozhe span{
    margin:10px;
    display:block;
    border-top:lpx #999 dashed;
    border-bottom:lpx #999 dashed;
    /*font-size:18px;*/
    padding-top:5px;
    padding-bottom:5px;
}

知识点：

l HTML 中的标签：块标签 div 、 <a> 、行内标签 <span> 、 h3 标题，段落 <p>

l CSS 样式中的属性：

l class 选择器和标签选择器混合使用写法

l 高： height   宽： width

l 内边距： pandding

l 外边距： margin

l 字体： font-size 、 font-family 、 font-weight 、 color

l 行高： line-height ( 设置垂直居中 )

l 浮动： float

l 下划线： text-decoration

l 首行缩进： text-indent:2em

先将右侧的div块划分成2个div区域，使用div标签

 

<!—右侧的部分-->

<div id="right">

  <div class="wenzhang"></div>

              <div class="wenzhang"></div>

</div>

 

<div class="wenzhang">

         <h3><a href="#">你好！秋天</a></h3>

         <span>zhaoqi@2018-11-11</span>

         <p>...文章内容...</p>

         <p>浏览[200] | 评论[234]</p>

         <p>注：文字摘自网络</p>

   </div>

   <div class="wenzhang">

          <h3><a href="#">快乐是一种心态</a></h3>

          <span>zhaoqi@2018-11-11</span>

          <p>...文章内容...</p>

          <p>浏览[200] | 评论[234]</p>

          <p>注：文字摘自网络</p>

   </div>

 

步骤：

l 首先，你得有一台服务器（可以被外网访问的电脑），简单点就是网上有现成的云服务器，比如阿里云 ECS 服务器（ ps ：天下没有免费的午餐，不花钱就用别想了。。好在有学生机，月功能费 9.9 元）

l 需要做一些配置，比如

l 放开 80 端口，不然 ip 不能被外网访问啥的

l 需要 域名的，可以买个域名，不过想要用这个域名代替 ip 地址访问你的服务器，必须把域名备案，就是邮寄一些资料到某某地址，然后 ~~ 等啊等 ~~~ 通过了就可以用了

      此时你就有个外网的ip了，就是别人访问这个ip就可以访问的你服务器

l 然后，在服务器上装个软件， tomcat( 可以存放个网页，给个可以被外网访问的路径地址，这种软件很多，不过 tomcat 后期我们学 java 也会用到，我们这里就用它了 ) 。。百度下载，然后放上去，然后傻瓜式安装

l 需要做一些配置，比如

l 如果这学期只有这个静态网页用，可以使用 80 端口跑 tomcat ，但是后期做商城什么的，不建议用。我们先不管这个，就设置 80

l 将 blog 博客网页的文件夹放到 tomcat/ webapps /ROOT 下，点击 tomcat/bin/startup.bat 启动。。

l 本地浏览器访问地址： http:// 47.94.101.14/blog/index.html   或者 http:// www.pandaqiqi.cn/blog/index.html

 

 

 

 

转载于:https://my.oschina.net/u/4091195/blog/3027202