crearea unui site web folosind front page
TRANSCRIPT
![Page 1: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/1.jpg)
Crearea unui Site Web folosind Front Page
Grupul Şcolar Industrial “Aurel Rainu”, Fieni
Leotescu Constantin Bogdan
![Page 2: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/2.jpg)
Obiective/ scopuri
1. Organizarea-designul unei pagini Web
2. Crearea unui Web Site3. Crearea conexiunilor către
diferite pagini (Link-uri)4. Adaugarea componentelor la
pagina web5. Publicarea Web-site-ului
Organizare asite-uluiWeb
![Page 3: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/3.jpg)
Home Page (index.html)
Ştiați că… Curiozități Proverbe şi maxime
Biologie Geografie Piramide Oameni Legile lui murphy
Informații piramide
Aria de lucru principală în FrontPage
![Page 4: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/4.jpg)
Pagină
Fişier
Pagina se poate vedea în 3 moduri diferite (normal, HTML sau Preview)
![Page 5: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/5.jpg)
Primii paşi în crearea unuiSite Web
-Selectează File / New / Page or Web apoi cauți Empty Web
-Alege locația pe hard-disk unde să salvezi ceea ce lucrezi şi apasă OK!
![Page 6: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/6.jpg)
Cum să creezi pagina principală (index.html)?
Selectează File > New > Pageşi apoi > One-Column body with contents on left > dăm click pe Ok!
-Acum ai creat pagina principală a Site-ului Web
-Din acest moment poți adăuga diferite teme, cum ar fi poze, tabele şi alte lucruri.
-Te poți întoarce oricând la această pagină principală
![Page 7: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/7.jpg)
Adăugarea unui tabel
•Plasează cursorul în local unde vrei să inserezi tabelul
•AlegeTable >Insert > Table
•În fereastra care apare alegeți numărul de linii şi de Coloane
•Pentru a mai adăuga rânduri plasați cursorul în ultima căsuță (a tabelului) din colțul dreapta jos şi apăsați tab
![Page 8: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/8.jpg)
Din fereastra de propietăți puteți face modificările dorite.
![Page 9: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/9.jpg)
Plasarea pe fundal a unui mesaj care să se deruleze în momentul în care pagina se
deschide
•De exemplu:
Sper să vă placă această Pagină Web!
![Page 10: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/10.jpg)
Derularea textului (marque)
•Plasați cursorul în local în care doriți ca mesajul dorit să înceapă să se deruleze
•Selectați Insert > Web Component > Marque
![Page 11: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/11.jpg)
Crearea unei pagini goale (albe)
-Selectați File > New > Page > Normal Page > ok!
-Tocmai ați creat o a doua pagină unde puteți adăuga text, poze, tabele, etc.
-Dacă aveți deja un document Word pe care doriți să îl inserați în paginadumneavoastră, selectați Insert > File
-Selectați fişierul Word (.doc) pe care doriți să îl inserați în pagina dumneavoastră şi apoi apăsați Open
-Apăsați No în urmatoarea fereastră şi textul din Word va fi plasat în noua dumneavostră pagină din Front Page.
![Page 12: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/12.jpg)
Crearea unui Hyperlink (hiperlegături)
•Selectați Hyperlinkul (o poză sau cuvinte)
•Folosind meniul selectați Insert > Hyperlink
•Dați nume fişierului pe care doriți să îl legați în hyperlink
•Apăsați ok!
![Page 13: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/13.jpg)
Inserarea unui Hyperlink:
(a) La un document (word de ex.) pecare îl ai salvat în resursele paginii Web pecare doreşti să o creezi (fişierul Primul)
(b) la o altă pagină web
(c) pentru a trimite un e-mail
(a) Despre inserarea unui document Word am discutat mai sus
(b) Sunt cazuri în care doreşti să creezi o legatura între pagina ta şi o altă paginăweb.
Pentru a face acest lucru trebuie să şti URL-ul paginii respective pentru a crea un hyperlink direct.
(c) De asemenea,poți avea nevoie să creezi un link în pagina ta web prin care cel ce vizitează pagina să îți trimită un e-mail
![Page 14: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/14.jpg)
Bookmarks
•În cazul în care vreți să aveți o legatură (link) către o pagină web foarte stufoasă, şi este dificil ca userul să o citească în întregime, atunci ajutăm userul să meargă direct în locul în care dorim.
•Pentru asta se poate folosi Bookmarks•Un bookmarks este un hyperlink care duce userul într-un punct specificat al unei pagini web fără să fie nevoit să o deruleze pe toată.
•Du-te în punctul de pe pagina ta web pe care vrei să îl vizualizezi după ce apeşi pe hyperlink.
•Din menu selectezi Insert > Bookmark > ok
![Page 15: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/15.jpg)
Cum să faci pagina ta web să arate mai bine
Inserarea unei teme
Din meniu selectează Format >Theme.Selectăm tema: “Cascade” şi activam “All pages”,
dacă dorim.
![Page 16: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/16.jpg)
Inserarea unei linii orizontale
•Pune cursorul în locul unde vrei să inserezi linia.
•Selectează Insert > Horizontal line.
•Pentru a schimba proprietățile liniei (ex: culoarea sau lățimea) dă un click dreapta pe linie, apoi efectuează modificările necesare.
![Page 17: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/17.jpg)
Inserarea unei poze
•Deschizi pagina de lucru (index.html) Selectează Insert >Picture
•Selectează Clip Art sau From File pentru a insera poza pe care o ai salvată în fişierul cu numele Primul
•Alege poza “Waterlilies” şi dă click OK!
•Poza va fi plasată în locul de pe pagina ta, loc pe care ți l-ai ales.
![Page 18: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/18.jpg)
Folosirea elementului Dinamic HTML
Poți avea un mesaj care se mişcă sau o poză de îndată ce se încarcă pagina sau când aşezăm cursorul pe un mesaj text scris.
1. Du-te la pagina web şi selectează un rând sau un mesaj.
2. Selectează Format > Dynamic HTML Effects.
3. Pe bara de opțiuni apasă ON şi selectează Page Load
4. În căsuța de dialog selectați Apply > Hop
5. Apăsați save (Ctrl+S) , închideți fereastra DHTML Effects şi încercați să vedeți rezultatul folosind Preview.
![Page 19: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/19.jpg)
Publicarea site-ului tău pe WEB
Restul lumii va vedea pagina ta când o vei publica pe web.
1. Mai întâi trebuie să îți faci un cont nou pe www.yahoo.com
Acest cont va purta numele paginii pe care doreşti să o creezi.
De exemplu: [email protected]. După care, folosind adresa creată, îți deschizi cont
la www.geocities.com.Aceştia iți vor da un spațiu de 20 Mb pentru a folosi
serverul yahoo.Apoi trebuie să descarci pagina creată de tine pe
Internet. Există 2 căi:(A)Downloadezi gratis un program FTP pe
computerul tau (www.towcows.com,cauți programul WSFTP)
sau
![Page 20: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/20.jpg)
(B) Descarci direct pe www.geocities.com
Publicarea paginii Web folosind yahoo
•De îndată ce ai spațiul tău liber pe http://geocities.com poți să uploadezi fişierele folosind File Manager.
•Trebuie să urmezi paşii:
-Click peManage-Click şi Open File Manager-Apasă pe Upload Files-Apoi poți căuta în calculatorul tău
fişierele pe care le poți uploada
![Page 21: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/21.jpg)
![Page 22: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/22.jpg)
Upload File
![Page 23: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/23.jpg)
Apoi cauți în calculatorul tău fişierele pe care trebuie să le uploadezi.
![Page 24: Crearea Unui Site Web Folosind Front Page](https://reader036.vdocuments.pub/reader036/viewer/2022062312/5571f41f49795947648f0ba8/html5/thumbnails/24.jpg)
Publicarea paginii web folosind FTP
Deschideți http://www.home.ro.
Şi vă creați un cont nou