A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

廖昌林

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

         大家好 ,我是长沙前端基础班13期的一个菜鸟,目前已经读完基础班。在这里跟大家分享一下在黑马基础班一个月的心得跟感想吧。         刚到黑马的时候什么都不懂,连html是什么东东都不知道,只知道在sublime编写工具中,输入“!”加tab键,就是html的骨架,至于什么<a>标签,<p>标签,<div>
标签啦,根本狗屁不通。后来经过前面三天的预科班,大至了解了html 和css  ,知道了标签是干嘛用的。
         直到现在也算入门了,能自己单独写一个简单的页面了,感觉自己棒棒哒。
         现在跟大家分享一下我的学习方式吧
         1.学习一个技术,不是一看见源代码就是copy,而是仔细阅读后,找到自己想要的,并且自己写出来,自己理解了,下次遇到同样的问题,自己才能解决。
         2.在电脑上学习的过程中,我总是先建立一个文本文档,这样便于记录,然后再进行分类到笔记本中。。。
         3.把你看到的每个网页用大脑生成html代码和css布局。
   把你看到的每个动画和交互用大脑生成javaScript。
         4.一定要养成做好笔记的习惯。并且要学会做笔记。
         5.页面中中所有的东西都要放在一个标签里面。否则不好控制。
         6.自己的知识库在开始学习的时候都是十分的少,随着时间的推移,自己的类库会不断的增加。这些类库一旦写好,那么到以后只需要调用并稍微修改即可成功。因此, 在开始的时候,一定不要着急,只需要慢慢的来,一定可以成功。并且要不断的看书,增加自己的知识点,在看书的过程中,一定可以遇到很多自己从未见过的知识点或者其应用,但是不要惊奇,一定要用正确的态度对待他们,并且要接受他们。
         多看手册,书本也不过是对这些手册发表了自己的看法。
         一定要明白自己究竟在学什么,能够用自己的话去阐述,并且可以建立一个立体化的模型。
        对于用到的知识点,最好能够搞明白,如果实在不行,那么就只有先记着了,但是一定要记笔记。。
    html中,标记很好写,但是他的属性却很难控制。也就是说,最要的是学会控制标记的属性当然这里是指用css
    一些属性可定义在一起,但如果某些部分和这些不同,可使用更精密的定义。
       看看自己用了几个标签?自己对每个标签是否都熟悉,都知道怎么用?
      讲内容整理一下,将css、html等相同的文件写在同一个文件里面。
      有一点很重要,就是修改自己写好的代码,修改代码,一方面可以让自己的思路得到完善,
      二就是:自己从中可以学到很多东西。
       三就是:自己一定要重视代码的修改程度。
      写代码的时候,先把内容加上去,进而设置布局。。这样做可以知道自己要完成什么任务。
      一定要手写代码,而工具只是加快速度而已。
      多看手册,书本也不过是对这些手册发表了自己的看法。
     一定要明白自己究竟在学什么,能够用自己的话去阐述,并且可以建立一个立体化的模型。
     对于用到的知识点,最好能够搞明白,如果实在不行,那么就只有先记着了,但是一定要记笔记。。
   在html中,标记很好写,但是他的属性却很难控制。也就是说,最要的是学会控制标记的属性当然这里是指用css。
   一些属性可定义在一起,但如果某些部分和这些不同,可使用更精密的定义。
     看看自己用了几个标签?自己对每个标签是否都熟悉,都知道怎么用?
     讲内容整理一下,将css、html等相同的文件写在同一个文件里面。
     有一点很重要,就是修改自己写好的代码,修改代码,一方面可以让自己的思路得到完善,
     最后上一段代码吧,这是我第一个写的像样点的代码;
  
<!DOCTYPE html>
<html lang="zh-cn">
<head>
        <meta charset="UTF-8">
        <title>学成在线</title>
</head>
<link rel="stylesheet" href="学成在线.css">
<body class="color">
   <div class="xin a">
               <div class="img"><img src="图片/logo.png" alt=""></div>
               <div class="ul">
                     <ul>
                             <li><a href="#">首页</a></li>
                             <li><a href="#">课程</a></li>
                             <li><a href="#">职业规划</a></li>
                     </ul>
               </div>
               <div class="c">
                     <input type="text" value="我爱大西瓜">
                     <img src="图片/btn.png" alt="">
               </div>
               <div class="d">
                     <img src="图片/user.jpg" alt="" class="zhong">
                     lilei-hanmm
        </div>
   </div>
             <div class="dahezi">
        <div class="e xin">
                <ul>
                        <li>
                    <a href="#">
                      前端开发 <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">后端开发
                       <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">移动开发
                      <span class="span">></span>
                    </a>  
                </li>
                        <li>
                    <a href="#">人工智能
                      <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">商业预测
                      <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">云计算&大数据
                      <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">运维&从计算
                      <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">ul设计
                      <span class="span">></span>
                    </a>
                </li>
                        <li>
                    <a href="#">产品
                      <span class="span">></span>
                    </a>
                </li>
                </ul>
         </div>
        <div class="f xin">
                  <div class="kechen"><strong>我的课程表</strong></div>
                 <div class="nei">
                          <ul>
                                  <li>继续学习 程序语言设计<span>正在学习-使用对象</span></li>
                                  <li>继续学习 程序语言设计<span>正在学习-使用对象</span></li>
                                  <li>继续学习 程序语言设计<span>正在学习-使用对象</span></li>
                          </ul>                   
                   <div class="g">
                          <a href="#">全部课程</a>
                   </div>  
                 </div>  
             </div>                                      
     </div>
      <div class="xiaohezi xin">
        <div class="h">精品推荐</div> <span>|</span>
            <div class="i">
                    <ul>
                      <li><a href="#">jQuery</a></li><span>|</span>
                      <li><a href="#">Spark</a></li><span>|</span>
                      <li><a href="#">MySQL</a></li><span>|</span>
                      <li><a href="#">javaWeb</a></li><span>|</span>
                      <li><a href="#">MySQL</a></li><span>|</span>
                      <li><a href="#">javaWeb</a></li><span>|</span>
                </ul>
            </div>
        <div class="j">修改兴趣</div>
    </div>
   <div class="k xin">精品推荐
      <div class="kk">
        <a href="#">查看全部</a>        
      </div>        
   </div>
<div class="l xin clearfix">
       <!-- <div> -->
           <ul>
               <li>
                   <img src="图片/pic.jpg" alt="">
                   <img src="图片/hot.png" class="dingwei">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p>
               </li>
               <li>
                   <img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p>
               </li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
           </ul>
           
       <!-- </div> -->
</div>
    <div class="k xin">精品推荐
      <div class="kk">
        <a href="#">查看全部</a>        
      </div>        
   </div>
   <div class="l xin clearfix">
       <div>
           <ul>
               <li>
                   <img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p>
               </li>
               <li>
                   <img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p>
               </li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
               <li><img src="图片/pic.jpg" alt="">
                   <span><h4>Think PHP 5.0 博客系统实战项目演练</h4></span>                    
                     <p>
                        <span>高级 </span>•   1125人在学习                             
                     </p></li>
           </ul>
           
       </div>
   </div>
  <div class="end">
     <div class=" topone">
              <div class="zuihou">
                <div class="end1"><img src="图片/logo.png" alt=""></div>
                </div>
                <div class="zuihouone">
                      学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。<br>
                      © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
              </div>              
              <a href="#">下载APP</a>      
     </div>
   
              <div class="liao">
                <h4>合作伙伴</h4>
                 <ul>
                     <li><a href="#">合作机构</a></li>
                     <li><a href="#">合作导师</a></li>
                 </ul>                  
              </div>
              <div class="chang">
                <h4>关于学成网</h4>
                 <ul>
                   <li><a href="#">关于</a></li>
                   <li><a href="#">管理团队</a></li>
                   <li><a href="#">工作机会</a></li>
                   <li><a href="#">客户服务</a></li>
                   <li><a href="#">帮助</a></li>
                 </ul>
              </div>
              <div class="lin">
                  <h4>新手指南</h4>
                   <ul>
                       <li><a href="#">如何注册</a></li>
                       <li><a href="#">如何选课</a></li>
                       <li><a href="#">如何拿到毕业证</a></li>
                       <li><a href="#">学分是什么</a></li>
                       <li><a href="#">考试未通过怎么办</a></li>
                   </ul>
              </div>
            
      
            
  </div>
  
       
</body>
</html>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马