Date:2016-9-17
By:Black Crow
前言：
经过一周多的前期准备，对python有了简单的了解，对于第三方库也有了基本的认识。于是，在今天正式开始了python实战计划的学习，第一课便是了解网页的构成，安排的作业也是动手做一个网页。
作业效果：
注：直接打印为PDF后的效果
The Blahjpg_Page1.jpg
我的代码：
<html>
<head >
<title>The Blah</title>
<link rel="stylesheet" type="text/css" href="sample1.css"></head>
<body>
<div class="header">
<img src="images">
<ul class="nav">
<li><a href="a">Home</a></li>
<li><a href="a">Site</a></li>
<li><a href="a">Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr />
<ul class="photos">
<li>
<img src="images" width="150" height="150">
<img src="images" width="150" height="150">
<img src="images" width="150" height="150">
<p>With 540sqkm of land area and many sandy beaches, Phuket is a diverse and fascinating island to explore. A rich culture, a beautiful coastline, spectacular natural sights, loads of outdoor sports and activities, shopping, nightlife and dining are just a few of its attractions.Just offshore are dozens of smaller islands, easily reached by boat. The natural wonders of the mainland, found just beyond Phuket over the bridge to the north of the island, are also close at hand. </p>
</li>
</ul>
</div>
<div class="footer">
<p>© Black crow</p>
</div>
</body>
</html>
####总结：
>- HTML相关
1. <hr \>标签使用：<hr \>是指水平分隔线（horizontal rule），可以在视觉上将文档分隔成各个部分。它不像其他标签是成对使用，这个仅一个。另教程中的引导看文档的思路不错。
2. HTML的整体框架还是比较简单易懂的，目前对CSS的了解不多，但就今天的课程及作业过程中可以发现，对于网页样式的展现起着至关重要的作用。
3. 使用pycharm编辑时，CSS和image最好放在相同的文件夹下。
>- python相关
1. Windows 下的第三方库还是容易遇到坑，比如lxml库在pycharm安装过程中需要提前安装其他支持库,否则会出现错误，换pip 安装wheel就可以自动安装类库，方便便捷不少。按照教材和课程的指引还是可以省不少事，不过踏过坑的话再遇到就会从容不少。
>- 简书相关
1. 简书的代码块功能是由两个```（数字1左边的键，英文状态下输入）组成的。
2. 直接从pycharm复制代码到简书的格式会一塌糊涂，还是得手动调整，这点略蛋疼。
3. 发布文章时，简书连代码块的图片都上传，好口怕。
4. 之前学的markdown总算派上用场了。^ ^