MACARIE BREAZU RADU CREULESCU Cuprins 1 Ce este
MACARIE BREAZU & RADU CREȚULESCU
Cuprins 1. Ce este WEB-ul clasic 2. Ce este WEB 2. 0 3. Ce este un site (sit) și ce este o pagină de WEB 4. O structură de pagina html 5. Tag-uri 6. Să ne distrăm cu un tabel………. 7. O posibilă soluție finală… 8. WORDPRESS 9. Gata - 112
Ce este WEB-ul Un sistem hipermedia distribuit
Ce este WEB 2. 0 Web 2. 0 desemnează (destul de vag) • noi căi de a implementa și exploata posibilitățile organizatoare ale webului. • conținutul și informația din web oferită vizitatorilor și de persoane particulare, legate între ele prin rețele informale bazate pe Internet, și care contribuie și participă activ la punerea la dispoziție și răspândirea informațiilor pe întregul glob. Exemple • wiki-uri, • weblogs sau mai simplificat blogurile, • portalurile și bursele de schimb de imagini, muzică, filme/video și software din Internet, așa cum ar fi Flickr, You. Tube și site-urile pentru File sharing. De asemenea și așa numitele „rețele sociale”, cum ar fi Facebook sau Twitter. Sursa: http: //ro. wikipedia. org/wiki/Web_2. 0
Test!!!! Întrebare 1: Cine are cont de FACEBOOK? (mâna sus) Întrebare 2: Este Facebook-ul parte a WEB 2. 0? (cine a răspuns cu NUUUUU mâna sus!)
Ce este un site (în lb. română = sit) Sit web - o colecție de pagini web din Internet, pe o anumită temă și cu o adresă web unică (URI), care precizează "locul" ei în Internet. ( sursa: http: //ro. wikipedia. org/wiki/Sit) Site: • o colecție de pagini WEB • conține un meniu de navigare • conținutul se poate modifica: • de către proprietarul site-ului • de către utilizatori (vezi bloguri)
Cum găsesc un site? ? ? Răspuns: Am nevoie de o adresă…. un URL Exemple: http: //e-mentor. ro http: //www. isjsibiu. ro http: //ementor 1. wordpress. com Și câte și mai câte…
O structură de pagină de WEB <!DOCTYPE HTML> <html> <head> <title>Untitled Document</title> </head> <body> <h 1> Titlul paginii</h 1> <p> Un paragraf </p> </body> </html> Să încercăm să creăm prima pagină de WEB fără nici un ajutor !! E foarte simplu: 1. Deschidem programul NOTEPAD 2. Copiem structura 3. Salvăm cu numele “index. htm” 4. Dăm dublu click pe fișier și ….
Tag-uri utilizate în marcarea unei pagini
Cam așa s-ar redacta un tabel <table border="1"> <tr> <td> Nr. crt</td> <td>Numele</td> <td>Data nașterii</td> </tr> <td>1</td> <td>Popescu Ionel</td> <td>necunoscută</td> </tr> <td>2</td> <td>Vasilescu Virgil</td> <td>30. 02. 1999</td> </tr> </table> Si rezultatul:
Creăm contul pe WORDPRESS
Alegem varianta FREE
Punem denumirea (adresa) site-ului
Putem alege deja un șablon (tot gratuit!!!)
Cam așa ceva…
Deocamdată nu vrem să ne lăudăm și la alții … dar am putea
Denumire paginii de intrare
Citim emailul și confirmăm
Pornim…
Setările site-ului nostru
Setarea limbii
Ștergem ce ne deranjează
Crearea unei pagini noi
Setarea elementelor vizibile pe pagină
Eliminarea listelor de discuţii și like-urilor
Stabilirea primei pagini - statică
Crearea paginilor 2, 3, …. 4 Ca și la prima pagină Pages -> add-> Titlul paginii – care va devein și titlul în meniu Conținutul – trebuie debifate elementele specifice unui blog (sau nu)
Crearea meniului
Adăugarea unui link în meniu către un alt sit
Stabilirea paginii de intrare
Alegerea unui șablon
Și rezultatul
Editarea unei pagini
Inserarea de text, liste Este un editor vizual care permite: Inserarea de text direct de la tastatură Copierea textului și inserarea lui Liste ordonate Liste neordonate Scrierea îngroșată Scrierea înclinată
Inserarea unei poze
Crearea unei galerii de poze
Adăugarea galeriei noi create
Și gata….
Și mai este… Dar ne oprim mai bine aici…
- Slides: 40
