crearea unui site web folosind front page
TRANSCRIPT
Crearea unui Site Web folosind Front Page
Grupul Şcolar Industrial “Aurel Rainu”, Fieni
Leotescu Constantin Bogdan
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
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
Pagină
Fişier
Pagina se poate vedea în 3 moduri diferite (normal, HTML sau Preview)
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!
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ă
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
Din fereastra de propietăți puteți face modificările dorite.
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!
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
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.
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!
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
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
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.
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.
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.
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.
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
(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
Upload File
Apoi cauți în calculatorul tău fişierele pe care trebuie să le uploadezi.
Publicarea paginii web folosind FTP
Deschideți http://www.home.ro.
Şi vă creați un cont nou