Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML Structura Unei Pagini

    Încărcat de

    Alexandru Ion
    166 vizualizări3 pagini
    HTML Structura Unei Pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOC, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    HTML Structura Unei Pagini

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    166 vizualizări3 pagini

    HTML Structura Unei Pagini

    Încărcat de

    Alexandru Ion
    HTML Structura Unei Pagini

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 3

    PROIECT DIDACTIC

    Unitatea de nvmnt Disciplina Clasa Profesor Unitatea de nvare Tema Data

    LICEUL Ion Heliade Rdulescu Informatica a X aA Ion Alexandru Primii pai in construcia unui site Structura de baza a unei pagini 11 martie 2013

    Tipul lectiei: - dobndirea de noi cunotinte Locul de desfasurare: sala de clasa Durata lectiei: 50 min. Competente generale: - utilizarea corect limbajului specific si invatarea elementelor de baza legate de realizarea unei pagini ; Competente specifice: - crearea unei pagini simple HTML si afiarea ei cu Internet Explorer Strategii didactice: Principii didactice: principiul participarii si invatarii active; principiul asigurarii progresului gradat al performantei; principiul conexiunii inverse; Metode de invatamant: metode de comunicare orala: expunere, conversatie; metode de actiune: exercitiul, invatare prin descoperire; Procedee de instruire: explicatia in etapa de invatare; invatarea prin descoperire, prin rezolvare de probleme ;
    1

    conversatia de consolidare in etapa de fixare a cunostintelor;

    Forme de organizare: frontala; Forme de dirijare a invatarii: dirijata de profesor; Resurse materiale: Metode de evaluare: - evaluare initiala: intrebari orale; - set de explicatii;

    Desfasurarea lectiei:
    1. Moment organizatoric (2 min.). 2. Reactualizarea cunostintelor ( 5 min.): Care este semnificatia FPT? Care este rolul FTP in realizarea paginilor de internet? Dati exemple de programe FTP. 4. Comunicarea noilor cunotinte ( 35 min..):

    Cum scriem un fisier HTML: Presupunem ca avem un site si stim sa transferam fisiere de la calculatorul nostru catre el si invers. Stim ca pentru a scrie o pagina web trebuie sa cunoastem limbajul HTML. Problema la care raspundem in acest moment este urmatoarea: cum se scrie codul HTML? Browser-ul poate afisa un fisier HTML aflat pe calculatorul nostru. Un astfel de fisier are una din extensiile: .htm, .html. Puteti cauta cu Find un astfel de fisier si executati click pe iconul sau. Imediat va fi apelat browser-ul, iar acesta va afisa fisierul. Mai stim ca, atunci cand browser-ul afiseaza un astfel de fisier, putem vedea codului sau (view si Source din meniu). Automat, se va lansa programul NOTEPAD++ care realizeaza aceasta. De aici rezulta si modul in care vom scrie astfel de fisiere: a) Vizualizam cu My Computer folder-ul unde dorim sa se gaseasca fisierul. b) Apelam la meniul flotant (dick cu butonul drept al mouse-ului) si alegem New si Text Document. Programul NOTEPAD++ va crea un fisier cu extensia .txt.. e) Modificam numele si extensia fisierului. La fel, atunci cand cursorul grafic se gaseste deasupra icon-ului sau, apasam butonul drept al mouse-ului si alegem Rename. Vom scrie un primul html nume dorit de noi, iar extensia va fi .html. Fie numele sau primul.html. Intrucat extensia .html este asociata browser-ului (Explorer, la noi) fisierul va avea de aceasta data icon-ul browser-ului. d) Executarea unui dublu click asupra icon-ului are ca efect lansarea browser-ului care va afisa fisierul. Evident, in aceasta faza continutul sau este vid. e) Apelati view si source. NOTEPAD++-ul va incarca codul HTML al fisiemlui (evident, continutul este vid f) Scrieti un text la alegerea dv. Exemplu: "Acesta este primul text". Salvati-l. ; g) In fereastra browser-ului apasati butonul Refresh. Prin aceasta operatie comandam browserului sa reincarce fisierul, pentru ca i-am schimbat continutul. Textul va fi afisat de browser. Structura de baza a unei pagini

    Mai jos puteti observa o pagina asa cum este scrisa in Notepad++ si asa cum este afisata de Explorer.

    Din analiza exemplului observam ca: O pagina incepe cu tag-ul <html> si se termina" cu tag-ul </html>; O pagina" contine un antet (head) si corpul propriu-zis (body); Antetul este cuprins intre directivele <head> si </head>; Corpul este continut intre directivele <body> si </body>. Optional, antetul poate contine titlul paginii cuprins intre tag-urile <title> si </title>. Titlul apare pe bara de titul a ferestrei afisata de Explorer ( pentru noi acesta este "Prima mea pagina web"). Corpul poate contine texte si/sau imagini. In exemplu, pagina contine textul " Am reusit sa creez prima mea pagina web!". 4. Fixarea cunostintelor ( 3 min.) Cum se creaza o pagina cu ajutorul NOTEPAD++? Ce instructiuni de baza folosim pentru a scrie o pagina? Ce instructiune folosim pentru a scrie textul paginii noastre? 5. Operationalizarea cunostintelor (asigurarea conexiunii inverse) (5 min.) se evidentiaza rezultatele obtinute ; se semnaleaza si se corecteaza eventualele erori aparute; se evidentiaza si se noteaza elevii ce au raspuns;

    S-ar putea să vă placă și