Sunteți pe pagina 1din 24

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 Site
3. Crearea conexiunilor către diferite
pagini (Link-uri)
4. Adaugarea componentelor la
pagina web
5. 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 pagina
dumneavoastră, 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.com
2. 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