vineri, 15 mai 2015

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.

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;

Bordura
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;

Negative values
pozitionare - float:right;
clearing elements: clear (inlatura blocurile suprapuse sau blocate intre margine si alt bloc)
static by default : static
Absolute positioning: position: absolute
Relative position (isi ia marginea din locul in care era pozitionat si nu din oricare alt reper) position:relative;
fixed positioning (raman pe ecran desi realizezi scroll cu mouse ul) position:fixed;

Lesson11

bara de navigare
overflow: scroll;
tabel cu pozitionari

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

bifurcatii: parinti si copii
selectarea unui copil direct: div > p
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>

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!)
Links

first-child - adauga stil doar elementelor care sunt first child al parintilor imediati (in css: p:first-child{})
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

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=””/>

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

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

Ingrosarea si italicizarea <strong></strong> si <em></em>

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:

Concentrarea
Intelegerea
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

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

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

vineri, 13 martie 2015

Cine sunt eu...

Întărire

Fata din curcubeu

Copile?!...

Crater

Glacial

Unitatea3

Unitatea2

Fig:

Fig1:

joi, 12 martie 2015

Digital Citizenship

Digital Citizenship is a concept which helps teachers, technology leaders and parents to understand what students/children/technology users should know to use technology appropriately.

Digital Citizenship is more than just a teaching tool; it is a way to prepare students/technology users for a society full of technology. Digital citizenship is the norms of appropriate, responsible technology use.

Surse:
http://indianajen.com/2013/11/26/infographic-digital-citizenship/
http://www.digitalcitizenship.net/

Motto

Pagini