先上效果图

屏幕快照 2016-10-28 下午11.59.47 上午.png
怎么样，是不是和淘宝登录页面高度相仿了呢。

一. 下载webstorm

官网即可下载，但是由于没有破解，应该30天后就要到期了。看来有空得去找方法破解，不然以后怎么开开心心的学前端呢。
新建工程，在工程中新建
html+css+javascript文件。

师学长给我们讲了具体怎么新建文件，以及怎么部署整个布局，什么是标签等。让我第一次真正的认识到了什么是web开发。

关于安利

按照惯例，先安利一波觉得一些讲的很好的博客或者其他的。

很全的web开发教程，学长倾力推荐的.这个讲的很全面，我自己有时间一定要多看看。
HTML页面跳转的5种方法.自己也是参考了里面的一些东西，并更改了一些内容，才做好的
JS如何控制DIV的显示和隐藏.这个特别有用处。虽然写的特别的多，但是只要抓住关键点，就能掌握怎么用js实现div的显示与隐藏。

二. 初步理解html，css与js之间的关系

懵逼

周六上完课，回去反复看自己跟着敲出来的代码，看不懂。什么是padding，什么是margin，什么又是div…简直黑人问号脸啊。

但是,下去认真看了3-4天，还是摸到点门道的，要不说大学最重要的就是自学呢。这真让我体会到了自学的重要性。

初步理解

自己都不懂，只能一个一个查呗，只要什么不懂，就查什么，由于时间比较紧，我觉得如果看书的话有些慢，所以就一个一个百度，看别人的博客。说做就做，自己不是不知道什么是padding和margin么，就查这个，然后才了解margin就是控制块级元素之间的距离，padding就是控制块级元素内部，content与border之间的距离。知道这后，自己也理解了师学长在css文件中写的代码了，之后添加什么新的元素也学会了怎么设置。

屏幕快照 2016-10-12 下午19.32.18 下午.png 这是我在网上看到的一个概括，我觉得让我初步理解了html，css与js之间的关系。我还知道了，原来html里可以包含js代码，但是js文件里只能是js代码，而不能是html。

三. 遇到的问题

下面总结自己遇到的问题，以及解决方式。

第一个问题就是不知道怎么让输入框显示提示信息，后来就去百度，才知道HTML5之后有一个placeholder属性，就是

所以只需要在input输入框加入placeholder=”账号 ( 手机号）” 这个属性即可显示提示信息：账号（手机号)。
第二个问题就是如何在点击登录按钮时，网页出现相应。后来经过百度，才知道，button 有一个onclick属性，可以返回一个函数，这个函数就负责点击按钮后的其他的响应。
形如此：onclick=”return toopen();”
第三个问题是我遇到的最大问题，就是怎么使出现各种输入错误时，出现一个提示错误框。如果用alert语法的话，则不是在本页面出现，不符合作业要求，可是要不同的错误提示框出现在同一个地方(即“用户登录”这四个字下)，这就让我不理解了。按照我的一开始的印象，好像一个框框出现在一个地方，别的框就不能发在这个地方。但是这要一个不同的框放在一个地方，我刚建立的对html的人认识就又崩塌了…
而且我想，要想一个框里既有图片，又有文字，就得用div 了（以我现在的水平)。事实证明我的想法是对的，果然用div就可以实现框框的显示和隐藏。然后我就去查怎么使一个div显示和隐藏。在翻了一堆解答以后，终于翻到一个靠谱的，也就是上面我给的链接。

这简直是灵丹妙药啊。我就试着在div里加入display这个属性。

然后在script里写一个函数，就是上文提到的onclick触发函数toopen，然后利用if else 语句判断，在函数中改变的display的属性变为’block’，便可成功解决，而且还成功地解决了不同的div可以占同一个位置的问题。真的是踏破提携无匿处，得来全不费工夫。当然这也需要一定的技巧，不能全部复制粘贴，得找出其中你需要的属性，然后应用到你的div，这也是我这次自学的心得。
最后一个问题我至今也没有解决，因为我对学长的要求做了一点小小的改动，觉得显示登陆成功窗口与之前的警告框重复了，所以就决定做一个页面跳转，就跟真的网站一样一点登录就跳转到另一个页面。然而并不顺利。如果用html语句实现跳转到index.html(指的是我的博客的index.html，我把我上个作业的blog中的index.html复制到这个工程文件夹中)时，会出现如下情况。

而其实我的博客主页是这样的。

所以我也不知道为什么会变成这样，而且现在也还没解决如何跳转到一个具体的域名，如：www.baidu.com