+ All Categories
Home > Software > Mandache sorin

Mandache sorin

Date post: 18-Jan-2017
Category:
Upload: sorinmandache
View: 144 times
Download: 0 times
Share this document with a friend
14
Introduc Introduc erea erea în în HTML HTML UNIVERSITATEA “IOAN SLAVICI” FACULTATEA DE INGINERIE MANDACHE GHEORGHE PROGRAMARE MULTIMEDIA
Transcript
Page 1: Mandache sorin

IntroducIntroducereaerea înîn HTML HTML

UNIVERSITATEA “IOAN SLAVICI” FACULTATEA DE INGINERIE

MANDACHE GHEORGHE

PROGRAMARE

MULTIMEDIA

Page 2: Mandache sorin

Nume MOOC:

INTRODUCTION TO HTML

Link MOOK:https://www.udemy.com/refactoru-intro-html/learn/#/

Platforma de găzduire:

UDEMY

Page 3: Mandache sorin

Ce este HTML-ul?

HTML este prescurtarea HyperText Markup Language. HTML este cea mai populara limba a web-ului. Pagini si sit-uri web sunt scrise in HTML. Cu HTML si WWW, poti aduce in acelasi loc texte, sunete, poze, si link-uri. Documentele HTML pot fi compuse si editate pe orice tip de calculator.

Aşa cum pentru însuşirea unei limbi străine trebuie învăţate cuvintele acesteia şi regulile cu care pot fi manevrate tot aşa pentru însuşirea unui limbaj de programare trebuie studiate cuvintele şi semnele care îl compun împreună împreună cu regulile de manevrare a lor.

Page 4: Mandache sorin

Limbajul de programare Un limbaj de programare este un sistem de convenţii adoptate

pentru realizarea unei comunicări – între programator şi calculator . Limbajele folosite pentru programarea unui calculator sunt extrem de asemănătoare limbajelor naturale .

Ele sunt compuse din :

cuvinte (rezervate) ;

punctuaţie ;

propoziţii şi fraze ;

reguli sintactice etc .

Page 5: Mandache sorin

Scrierea documentelor HTML Dupa ce v-ati gasit un host pentru a va plasa site-ul sau

pagina web, trebuie sa incepeti crearea paginilor. Cand lucrezi cu HTML este foarte indicat de a avea 2 copii a documentului. O copie trebuie sa fie pe spatiul alocat de host iar a doua pe hard-ul dumneavoastra.

Index.html

Pagina principala trebuie denumita "index.html", majoritatea serverelor fiind setate sa recunoasca pagina principala dupa aceasta denumire. In cazul in care "index.html" nu functioneaza ca pagina principala, contactati persoana care administreaza server-ul si intrebati-l ce denumire are server-ul setata pentru a recunoaste pagina principala.

Taguri... Pagina pe care o vizionezi acum este un document HTML, vezi link-ul "html2.html"

unde "html2" este denumirea pe care i-am dat-o acestei pagini web iar".html" este extensia documentului.Intr-un document HTML poti avea caractere bold, italice, mici si mari.

Cum sa construiesti o pagina web

Page 6: Mandache sorin

Structura documentelor HTMLDocumentele HTML sunt fisiere ce contin texte, si care primesc extensia .htm, .html, .shtml. Documentele HTML au doua parti, "head"-ul si "body"-ul. "Body" este partea mai mare a documentului in care se va gasi continutul paginii."Head"-ul unui document contine titlul acelui document si o scurta descriere.

Structura unui document HTML, exemplu:

<html><head><title>Titlul aici</title></head><body>Continut pagina aici</body></html>

Heading-uri... Heading-urile sunt unele dintre cele mai importante taguri din continutul(body) al unui document HTML. Tagul de deschidere pentru heading este <hn> si cel de inchidere fiind </hn> unde "n" reprezinta marimea heading-ului; acesta variand de la 1 la 6 (1 fiind cel mai mare iar 6 cel mai mic).

Page 7: Mandache sorin

Linii orizontale... Liniile orizontale sunt folosite pentru a separa diferite arii intr-o pagina web. Tagul pentru linie orizontala este <hr>, aceasta comanda nu are tag de inchidere. I se pot adauga acetui tag diferite atribute, ca: width=n (pentru lungimea liniei) sau width=n% (pentru lungimea liniei raportate la toata lungimea ecranului), size=n (pentru linie ingrosata dar transparenta) si noshade (pentru linie ingrosta plina). Un tag <hr> fara atribute va fi interpretat ca linia sa aiba toata lungimea paginei.

Paragrafe... Paragrafele se folosesc destul de des in HTML,

la fel ca in scriera unei povesti, carti, etc..Tagul de deschidere pentru paragraf este <p>, iar cel de inchidere este </p>. Tagul de inchidere pentru paragraf nu este intotdeauna necesar dar se

recomanda folosirea lui.

Formatul textului... O pagina web fara un format anume al textului va arata plictisitoare. De aceea se folosesc aceste taguri pentru text(bold, italice, subliniat).Cateva taguri cunoscute pentru formatul textului sunt <b> si </b> pentru bold, <i> si </i> pentru italice, <u> si </u> pentru subliniat. Pentru dimensiunea textului se folosesc tagurile <font size=n> si </font>.

Page 8: Mandache sorin

Sfarsitul randului... Tagul pentru sfarsit de rand este <br>. Acest tag

nu are un altul pentru inchidere

Link-uri... Link-urile sunt esenta webului, fara acestea paginile unui sit nu ar avea legatura intre ele. Pentru a adauga un link se foloseste tagul de deschidere <a href="locatie"> si tagul de inchidere </a>. Tot ce va aparea intre aceste doua taguri va fi subliniat si colorat, iar in momentul click-ului pe acel text, browser-ul va fi trimis spre locatia data.

Imagini... Poti adauga paginii tale de web imagini, atata timp cat acestea sunt in format .gif, .jpg, .jpeg. Nu se poate folosi formatul .bmp! Tagul pentru a adauga o imagine este <img src="locatie">. Este recomandat adaugarea atributelor height si width, acestea permitand imaginii sa aiba diferite dimensiuni. Este de asemenea recomandat folosirea atributului alt="descrierea imaginii", acesta in momentul suprapunerii cursorului mouse-ului cu imaginea indica descrierea imaginii. Tagul pentru adaugare imagine nu are si un tag de inchidere!

Page 9: Mandache sorin

Adauga sunete... Pentru adaugarea de sunete unei pagini de web se foloseste tagul <embed>. Acest tag supota extensii de genul .wav, .mp3, .au, .midi.

Structura de baza a acestui tag:

<embed src="nume_sunet" width=n height=n autoplay=n hidden=n loop=n volume=n></embed>

Exemplu:

Nota: Deoarece acest tag nu are atributul autoplay=true este necesar a apasa play.

Sursa:<embed src="engine.wav" autoplay=false></embed>

Page 10: Mandache sorin

Cursuri : https://www.udemy.com/build-website-scratch/

https://www.udemy.com/build-your-first-website-in-1-week/

https://www.coursera.org/learn/duke-programming-web/lecture/G9jSy/next-steps-where-you-go-from-here (1 din 6)

Page 11: Mandache sorin

OBIECTIV MOOC

Vrei un site, nu te intereseaza ofertele firmelor de webdevelopment, nu ai auzit sau nu vrei sa auzi de WordPress, Blogspot etc. si nici nu te intereseaza sa folosesti nu stiu ce program scump?

Ei bine, ia un editor de texte si apuca-te de scris  HTML. Iar cand vorbesc de editoare de text ma refer la cel mai simplu: Notepad.

Folosirea cunostințelor acumulate în vederea obținerii de rezultate de o înaltă ținută profesională.

Page 12: Mandache sorin

URMĂTOARELE CURSURI

Page 13: Mandache sorin

Section: 1 - IntroductionLecture 1: Introduction 00:49 Section: 2 - TerminologyLecture 2: Terminology  05:09Lecture 3: Identifying Elements 02:15  Section: 3 - HTML BoilerplateLecture 4: HTML Boilerplate 03:18 Section: 4 - Content TagsLecture 5: Paragraph 01:33Lecture 6: Headers  01:13Lecture 7: Emphasis 00:39Lecture 8: Strong 00:42Lecture 9: Unordered List 01:16Lecture 10: Ordered List 00:38Lecture 11: Image 00:47Lecture 12: Anchor (link) 00:50 Section: 5 - Architecture TagsLecture 13: Layout Elements 01:51 Section: 6 - Bonus MaterialsLecture 14: Part 1: Recreating WIRED in HTML and CSS 18:26Lecture 15: Part 2: Recreating WIRED in HTML and CSS 19:05Lecture 16: Part 3: Recreating WIRED in HTML and CSS 19:11 

  Section: 7 - Additional ResourcesLecture 17: Resources 1 page   Section: 8 - ConclusionLecture 18: Course Conclusion  00:40

Chris RolfsLead Instructor for RefactorU's online

Page 14: Mandache sorin

MULȚUMESC

Procentul realizat: 100%

Certification


Recommended