marți, 27 septembrie 2016

S3:27.09-30.09

Instrumente de lucru pentru 
crearea site-urilor Web
HTML – elemente de baza
Elemente de marcare
Formatari
Organizarea textului

3

S3-S4 –S5 (I)
HTML-elemente avansate
- liste
- tabele

2


S6-S7(I)

- cadre
- layere
2

S8-S9(I)

- formulare
- foi de stiluri CSS
1
S10(I)
SOFT EDUCATIONAL 
UTILIZAT PENTRU PREDAREA LECTIEI:

15 min - Activitate de reactualizare cunostinte:

Un site web este un fel de prezentare electronica interactiva, 
  • care este compusa din mai multe pagini web (imagini, video, animatii, audio si alte tipuri de fisiere), 
  • organizate intr-un anumit fel, accesibile fiecare prin adrese unice de tip URL (exemplu URL pagina curenta) si 
  • legate logic intre ele prin legaturi (link-uri).
Fisierele unui site web sunt instalate pe un calculator (server), conectat permanent la Internet, pe care ruleaza un program destinat de tip server,  numit server web si care la cererea unui navigator/ browser de oriunde de pe Internet (calculatorul vostru), poate trimite aceste fisiere.
Paginile web pot fi de doua tipuri: 
  • pagini statice si 
  • pagini dinamice.
Paginile statice sunt fisiere text, scrise in format HTML, al caror continut nu se modifica la accesarea lor si se modifica doar la reactualizarea/suprascrierea lor pe serverul web cu un continut nou.
Paginile web din cadrul unui site sunt fisiere in format text, scrise intr-un limbaj de descriere a datelor.

HTML/XHTML(Hyper Text Markup Language) este un limbaj de descriere, care defineste cum sunt organizate logic textele, imaginile, video si animatiile in pagina (antet, paragrafe, liste, imagini, legaturi, etc). 

HTML/XHTML este util, pentru ca fiind standard pe Internet, “cineva” (ex: programatorul) poate formata intr-un anumit fel un continut si “altcineva” necunoscut (ex: browser) poate “descifra” acea organizare si o poate afisa in format grafic si citibil pentru utilizator.
Paginele web si celelalte resurse, instalate pe serverul web sunt accesate prin intermediul uni protocol de comunicare la nivel de aplicatie HTTP (Hyper Text Transfer Protocol) sau HTTPS (varianta securizata al HTTP), care foloseste protocolul de transport al datelor TCP/IP.

Lansarea editorului HTML

  1. Crearea paginilor Web cu ajutorul editorului Notepad
  2. Transformarea documentelor Word existente în pagini Web
 Crearea paginilor Web cu ajutorul editorului Notepad

Pentru realizarea documentelor HTML pot fi utilizate editoare simple de text (Notepad pentru Windows sau Joe în Linux) sau editoare create special pentru paginile web, editoare ce pot dispune de funcţii sofisticate pentru partea vizuală (WYSIWYG - What You See Is What You Get) sau pentru verificarea legăturilor în întregul site.
Lansarea editorului este realizată în funcţie de tipul de editor ales. Spre exemplu, dacă a fost ales:
Notepad, programul va fi lansat din meniul Start-Programs-Accessories-Notepad.
-Wordpad, lansarea acestuia are loc, de exemplu, pe calea Start-Programs-Accessories-Wordpad
Odată lansat editorul, pagina va fi redactată folosind sintaxa HTML şi va fi salvată cu extensia “html” sau “htm”.
Vizualizarea fişierului HTML poate fi realizată cu ajutorul browser web.
Acesta permite afişarea şi manevrarea informaţiilor de tip text, imagine, sunet şi executarea unor programe/documente care pot face parte din site-urile web. Browser-ul are o casetă de text în care utilizatorul poate să scrie adresa documentului sau a site-ului dorit, adresa acestuia (numită URL - Uniform Resource Locator) fiind unică.
  • Editoare HTMLFront Page, HomeSite, AceHTML, Dreamweaver etc.
  • Unele dintre cele mai cunoscute browsere web sunt Microsoft Internet Explorer, Mozilla Firefox, Mozilla Camino, Opera Software - Opera, Nintendo DS browser.
15 min - Activitate de aprofundare:
  1. Structura documentului HTML
  2. Formatarea caracterelor, organizarea textului
  3. Blocuri de text
15 min - Activitate de fixare:
Realizati o pagina web cu:
  1. Titlul paginii "Mihai Eminescu"
  2. Titlul poeziei "Luceafarul"
  3. Continutul paginii
Cobori in jos, luceafar bland,
Alunecand pe-o raza,
Patrunde'n casa si in gand
Si viata-mi lumineaza!
El asculta tremurator,
Se aprindea mai tare
Si s-arunca fulgerator,
Se cufunda in mare;
Si apa unde-au fost cazut
In cercuri se roteste,
Si din adanc necunoscut
Un mandru tanar creste.
    fragment din "Luceafarul"de Mihai Eminescu
    INSERATI O  LINIE ORIZONTALA
    <hr width=25% size=5 color=#11114444 align=”center”>
    STABILITI DUPA MODEL FONTULUI
    <br>
    <font size=+2 color=”aqua” face=fantasy weight=600>
    In cercuri se roteste,
    </font>
    <br>
    Si din adanc necunoscut
    <br>
    <font size=3 color=”brown” face=fantasy>
    Un mandru tanar creste.
    </font>
    DEPLASATI UNU TEXT PE ECRAN
    <marquee direction=”left” width=75% hight=”10”>

    LUCEAFARUL
    </marquee>
    ATRIBUTE PENTRU CORPUL PAGINII
    <body bgcolor=”gold” text=”silver” link=”pale blue” vlink=”turquoise” alink=”sea green”>



    Tema pentru acasa:
    Parcurgeti secventele din softul educational Pagini web. Notati in caiete notiunile intalnite.
    1. Modelul client-server
    2. Limbajul HTML
    3. Elemente HTML pentru formatarea textelor
    4. Recapitulare


    Test din materia aceasta. Notele se trec in catalog.
    • 1 - Elementele principale, cod HTML
    • 2 - Crearea si editarea pagini HTML
    • 3 - Titluri, Paragrafe, Un nou rand, Linie orizontala
    • 4 - Formatul textului

    marți, 13 septembrie 2016

    S2: 13.09-16.09.2016

    1. Prezentarea normelor de protectia muncii in laboratorul de informatica
    2. Prezentarea programelor scolare 

    • programei scolare 
    Descarcă  Citeşte mai mult 
    • planificarii calendaristice
    • programa examen competente digitale 
    Competente digitale programa_bac_competente_digitale.pdf
    3. Recapitulare

    Manual online de competenţe digitale - Google Sites




    S1: 12.09-16.09

    Nr ore alocate
    Sapta mana
    Norme de protecţia muncii si PSI
    Prezentarea programei scolare, planificarii calendaristice.
    Recapitulare
    1
    S1(I)
    Test initial
    1
    S2(I)

    1. Prezentarea normelor de protectia muncii in laboratorul de informatica
    2. Prezentarea programei scolare, planificarii calendaristice
    3. Recapitulare

    Manual online de competenţe digitale - Google Sites