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: popescu_maria@yahoo.com2. 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