Motto

"Daca nu incerci sa faci ceva peste cunostintele pe care le ai, nu ai cum sa evoluezi." Ronald Osborn

vineri, 15 mai 2015

Notes: CSS & HTM (4)

Lesson10

  • Multiple selectors: div ul li{}
  • Divide and conque: div
  • clase
  • pozitionarea imaginilor link in blocuri rotunde (border-radius:100%;)

  • display:
  • block
  • inline-block
  • inline (pt h1 si p)
  • none.

  1. Margine: margin:auto; (la mijloc stg-dr);
    margin:40px 30px 20px 10px; (sus-dreapta-jos-stanga=>in sensul acelor de ceasornic) sau
margin-top:40px;
margin-right:30px;
margin-bottom:20px;
margin-left:10px;
  1. Bordura
  2. padding poate fi stabilit ( if you want your padding to be the same for all four sides, you can declare that value only once - padding: 10px - 10 pixels of padding on all sides.):
    1)
    padding-top:40px;
padding-right:30px;
padding-bottom:20px;
padding-left:10px;

    2)
    padding: 40px 30px 20px 10px;
  1. Negative values
  2. pozitionare - float:right;
  3. clearing elements: clear (inlatura blocurile suprapuse sau blocate intre margine si alt bloc)
  4. static by default : static
  5. Absolute positioning: position: absolute
  6. Relative position (isi ia marginea din locul in care era pozitionat si nu din oricare alt reper) position:relative;
  7. fixed positioning (raman pe ecran desi realizezi scroll cu mouse ul) position:fixed;

Lesson11

  • bara de navigare
  • overflow: scroll;
  • tabel cu pozitionari
Publicat de la Niciun comentariu:
Etichete:

Notes: HTM & CSS (3)

Lesson7

  • hexadecimal values (Search for "hex color palette" or "hex color picker")
  • Pixels and ems
Hey, 1em is the font size that you normally use, so 2em is twice as big and 0.5em is half that size!

  • fonts:
Verdana | Courier | Garamond
serif | sans-serif | cursive
  • Backup values

    Lesson8

  • blocuri cu <div></div>
  • tabel: bordura pt td si table, height pt td;
  • link uri si text-decoration
  • design a button: desenarea lui cu div;
  • forma butonului: cu border-radius (face colturile desenului rotunde)
  • margin:auto; pozitionarea obiectului la mijloc pt ca marginile laterale sunt egale
  • selectorul universal:
     

Lesson9

  1. bifurcatii: parinti si copii
  2. selectarea unui copil direct: div > p
  3. class si id
class: in css se declara ca .nume{}, iar in htm se apeleaza cu <p class=”nume”></p> (cand ai de stilizat mai multe elemente diferite)
id: (folosit pt cand ai de stilizat un element) in css se descrie #nume{}, in htm se apeleaza <p id=”nume”></p>
  1. pseudo-class selectors (Using pseudo selectors, you can control the appearance of unvisited and visited links—even links the user is hovering over but hasn't clicked!)
  2. Links
  1. first-child - adauga stil doar elementelor care sunt first child al parintilor imediati (in css: p:first-child{})
  2. nth child - cu el se poate selecta orice alt copil dupa first-child astfel: p:nth-child(2){}
!!!Would turn every paragraph that is thesecond child of its parent element










Publicat de la Niciun comentariu:
Etichete:

Notes: HTM & CSS (2)

Lesson4

Pasii realizarii unei pagini web in HTML:
  • titlul
  • imaginea
  • paragraf
  • liste
  • liste in liste
  • font, culoare, marime

    lesson5

  • tabele:
  • <table></table>;
  • <tr></tr>;
  • <td></td>;
  • <thead></thead>;
  • <tbody></tbody>;
  • denumirea tabelului: <th colspan=”nR”></th>
  • stilizarea capului de tabel
    1. div
      cod:

      Rezultat:


    2. span

      Afiseaza:

    Lesson6

    • Imagini link in tabel
    • CSSCascading StyleSheets = este un limbaj ce descrie infatisarea si formatarea HTML
    • style sheet= e un fisier ce descrie cum ar trebui sa arate un fisier HTML
    • Legatura cu CSS file:
    • Self-closing tags<link type=”” rel=”” href=””>; <img src=””/>

     

Publicat de la Niciun comentariu:
Etichete:

Notes: HTM & CSS (1)

Lesson1

  • html ofera website urilor structura
  • deschidem html cu ajut browserului
  • html are un <head> si un <body> la fel ca mine
  • in <head> avem eticheta  <title> folosita pentru a da un titlu paginii web
  • am mai invatata cum se realizeaza headings <h1-h6> si paragrafe<p>

    Lesson2

    Culoare, marime si tipul fontului:
  • font-size: 14px
  • color: orange
  • font-family: Arial
Atributul style poate fi folosit pentru <p>,<h1> si chiar pentru <a>link

Lesson3

  1. Liste ordonate si neordonate {<ol><li></li></ol> si <ul><li></li></ul>}
  2. Schimbarea culorii, marimii si tipului de font; (Lesson2)
  3. adaugarea comentariilor <!--comentariu→
  4. Schimbarea culorii fundalului paginii, <p>,<h1>etc in <style=”background-color:blue”>
  5. Alinierea textului in style cu text-align:right/left/center
Ingrosarea si italicizarea <strong></strong> si <em></em>

Publicat de la Niciun comentariu:
Etichete:

miercuri, 15 aprilie 2015

Invata cum sa inveti! pe Coursera (2)

Saptamana 2
In saptamana 2 am invatat despre:
  • chunking
  • transferul
  • iluzia competentei
  • Einstellung
  • aducerea aminte
  • ce anume ma motiveaza?
Voi incepe cu conceptul de chunking. Eu am inteles ca este vorba despre formarea unor blocuri de informatie, care pornesc de la cativa biti si se pot extinde si cimenta foarte bine in creier, cu ajutorul a 3 elemente esentiale:
  1. Concentrarea
  2. Intelegerea
  3. Practica
Se recomanda ca atunci cand invat ceva, sa repet acele lucruri in diferite medii,
Transferul se refera la faptul ca aceste blocuri de informatii din creier nou asimilate, interconectate pot gasi legaturi cu alte blocuri din creier.

Atunci cand cred ca am invatat ceva, ca informatia pe care o subliniez mi-a si intrat in cap sau ca citind acelasi lucru de multe ori am si invat, se numesteIluzia competentei. Aceasta poate fi descoperita in momentul in care ne testam frecvent - de exemplu prin aducerea aminte - si prin faptul ca gresim.

Einstellung este un cuvant din germana si simbolizeaza un blocaj de acces la profunzimile creierului: voi gasi o solutie in creierul prefontal, in conexiunile bine stiute, ceea ce blocheaza gasirea unei solutii mult mai profunde din creier.

Cel mai mult mi-a placut filmuletul despre cei 3 neurotransmitatori din creier: acetilcolina, dopamina si serotonina. Aceste substante sustin motivatia omului.
Acetilcolina sustine atentia, concentrarea si memoria. Dopamina creaza o stare de bine atunci cand apar recompense neasteptate. Serotonina influenteaza comportamentul.

Sursa: https://www.coursera.org

Publicat de la Niciun comentariu:
Etichete:

marți, 7 aprilie 2015

Coursera: Invata cum sa inveti!


Saptamana 1 - Studiu in Progres
Din cursurile primei saptamani de studiu pe platforma Coursera, am putut afla lucruri foarte interesante despre creierul meu.

 In primul rand, acum stiu ce e procrastinarea (A PROCRASTINÁ, procrastinez, vb. I. Tranz. (Liv.) A amâna în mod nejustificat începerea unei acțiuni, în special din cauza neglijenței habituale sau a lenei; a temporiza, a tărăgăna, a tergiversa.). Ma voi opri putin la acest termen, care descrie o stare, si voi continua sa expun un truc ce vine in ajutorul celor care trec prin asta:
  • Pomodoro = este un instrument sub forma de rosie, pe care il setez la un interval de 25min (cf video) in care ma concentrez maxim, eliminand in prealabil orice forma de deviare a atentiei; partea cea mai incitanta vine la sfarsitul acestor 25 de minute, cand eu imi voi oferi o recompensa care sa ma ajute sa ma relaxez.

 Relaxarea, ma duce cu gandul la alte concepte din curs, si anume: starea difuza a creierului. Aceasta stare e necesara pentru creierul meu. Ea poate fi atinsa in diferite moduri: exercitii fizice, dans, privitul naturii etc - orice activitate care nu are legatura cu subiectul pe care m-am focusat anterior. In aceasta stare creierul face conexiuni relaxate si "aerisite" ca in imaginea de mai jos:
In al doilea rand, am aflat ca nu "being smart" este cheia unei invatari eficiente, ci mai degraba perseverenta si pasiunea. Aflandu-ma in acest context, voi face o referire si la invatarea intensa prin repetare NU de 20 de ori intr-o zi, ci repetarea informatiei de putine ori, dar in mai multe zile pe saptamana sau luna. E fantastic!

 Sursa:  https://www.coursera.org
Publicat de la Niciun comentariu:
Etichete:

sâmbătă, 14 martie 2015

Tech Integration & Instruction

  • Technology is ubiquitous, touching almost every part of our lives, our communities, our homes.
  • Yet most schools lag far behind when it comes to integrating technology into classroom learning.
  • Integrating technology into classroom instruction means more than teaching basic computer skills and software programs in a separate computer class.
  • Effective tech integration must happen across the curriculum in ways that research shows deepen and enhance the learning process. (edu)


 "Curriculum integration with the use of technology involves the infusion of technology as a tool to enhance the learning in a content area or multidisciplinary setting... Effective integration of technology is achieved when students are able to select technology tools to help them obtain information in a timely manner, analyze and synthesize the information, and present it professionally. The technology should become an integral part of how the classroom functions — as accessible as all other classroom tools. The focus in each lesson or unit is the curriculum outcome, not the technology." (Wiki)

surse:
http://en.wikipedia.org/wiki/Technology_integration
http://www.edutopia.org/technology-integration-introduction

Publicat de la Niciun comentariu:
Etichete: