Radio Wizz
Mesaj din partea administratorului :'Inregistreaza-te pentru a putea populariza forumul' (Ai indeplinit dorinta administratorului acesta sa-r putea sa te recompenseze !



 
AcasaPortalInregistrareConectare
Forum creat de @Dy
FORUMUL ESTE IN CONSTRUCTIE!!!
NOUL NUME AL FORUMULUI ESTE http://gameszone.forumz.ro/
GaM3sZone!!

Distribuiţi | 
 

 Crearea si editarea paginii HTML

In jos 
AutorMesaj
@Dy
Admin
Admin
avatar

masculin Mistret
Mesaje : 135
Reputatie : 7
Data de inscriere : 30/01/2011
Varsta : 23
Localizare : PloIesTy

MesajSubiect: Crearea si editarea paginii HTML   Mar Apr 05, 2011 6:38 pm

Crearea si editarea paginii HTML





Sunt mai multe programe cu care se pot crea pagini web, chiar fara a
cunoaste limbajul HTML, cum sunt Microsoft FrontPage sau Macromedia
Dreamweaver.
Editoarele de text sunt programele de baza, si cele mai folosite,
pentru editarea paginii web. Avantajul folosirii lor este simplitatea,
pentru creare paginii web sunt necesare câteva din codurile invizibile
ale limbajului HTML, astfel se creaza documente rapid si usor, in plus
ocupa foarte putin spatiu si resurse de memorie, acestea insa necesita
cunoasterea limbajului HTML.
Dintre editoarele de text cunoscute cel mai folosit este NotePad,
care este folosit si pentru acest curs, dar poate fi utilizat orice
editor de text. Pentru începatori si pentru usurinta cu care se
lucreaza, eu recomand folosirea aplicatie NotePad sau Notepad++, dar cei
avansati pot folosi si altele cum ar fi Dreamweaver.


1. Crearea bazei de început a unui document




Cum ati vazut in Lectia 1, sunt elemente sigure, generale, care sunt necesare pentru crearea unui document HTML.
Pentru început deschideti aplicatia NotePad si scrieti structura de baza a unei pagini web. Aceasta este:


<html>
<head>
<title> Titlul </title>
</head>
<body>
Continut
</body>
</html>


Acum pagina dv. are HEAD si BODY in interiorul bazei <HTML>.
In interiorul elementului HEAD are elementul TITLE, pe care ar
trebui sa-l completati cu un text reprezentativ ca titlu al documentului
dv.; si in BODY un text "Continut".
Ceea ce scrieti la TITLE va apare in linia cea mai de sus a
browseru-lui (deasupra meniurilor). La TITLE puteti pune orice text, dar
este bine sa scrieti ceva care sa descrie cat mai bine obiectul si
continutul paginii deoarece este ceea ce cauta si indexeaza multe
portaluri de cautare de pe internet, si indicat, sa nu depaseasca 70
caractere.
Ceea ce adaugati intre tag-urile <body> </body> reprezinta continutul paginii, care va fi afisat in browser.
Mai jos gasiti un exemplu cum ar putea fi completat tag-ul TITLE si un mic continut in pagina:

<html>
<head>
<title>MarPlo.net - Cursuri, Jocuri si Anime</title>
</head>
<body>
<h1>Pagina HTML</h1>
Lectii, exemple si explicatii.

</body>
</html>


- <h1> </h1> este o eticheta HTML pentru afisare de text mare (ca un titlu) in pagina.
- Ca sa vedeti rezultatul, copiati acest cod intr-o pagina noua
deschisa cu Notepad si apoi salvati fisierul cu extensia .html. Daca nu
stiti deja, pt. a-l salva alegeti la "Save as type" - All Files, apoi la "File name"
ii scrieti numele si extensia (ex.: "pagina.html"). Dupa ce a fost
salvat fisierul, deschideti-l cu un browser (trebuie sa mearga cu
dublu-click pe el).

2. Setarea proprietarilor documentului




- Proprietatile documentului pot fi controlate de atributele
elementului BODY, de exemplu cum ar fi culorile pentru fondul paginii,
pentru text si diferite faze ale link-urilor.
Culorile sunt setate folosind culorile de baza: rosu, verde si
albastru; expresia folosita RGB (Red, Green, Blue), acestea sunt
reprezentate ca valori hexadecimale si sunt scrise intre ghilimele ("
"), la inceput trebuie adaugat caracterul '#'. Fiecare 2 unitati ale codului reprezinta una din culorile RGB.
De exemplu: #00aa11 reprezinta o culoare care nu are Rosu (00), are Verde (aa) si Albastru mai putin (11).

Elementul BODY



  • - Acestui element ii puteti adauga informatii care sa defineasca
    culoarea sau imaginea din fondul paginii, textul si culoarea
    link-urilor.
  • - Daca elementul BODY nu este completat cu alte atribute atunci
    browser-ul va prezenta culorile standard, de obicei fondul este alb.
  • - Pentru a seta culoare fondului paginii adaugati in eticheta <BODY> atributul BGCOLOR.
  • - Urmatorul exemplu va prezenta un document a carui fond este de culoare albastra:
    <body bgcolor="#0000ff"></body>
  • Culoarea textului

    • - Atributul TEXT controleaza culoarea textului normal din document.
    • - Acesta va afecta tot textul din document care nu este colorat de alte elemente, cum ar fi link-ul.
    • - Culoarea standard pentru text este Negru.
    • - Iata un exemplu in care culoarea fondului va fi albastru si culoarea textului va fi rosu, atributul TEXT va fi adaugat astfel:
      <body bgcolor="#0000ff" text="#ff0000"></body>
    </li>
  • Link-uri (LINK, VLINK si ALINK)

    • - Aceste atribute controleaza culoarea link-ului in diferite stari
      1. LINK - culoarea initiala a link-ului. Standard este albastru
      2. VLINK - culoarea unui link vizitat. Standard este purpuriu.
      3. ALINK - culoarea link-ului in momentul activarii. Standard este rosu.
    • - Modul de setare al acestor atribute este urmatorul:
      <body bgcolor="#ffffff" text="#ff0000" link="#0000ff" vlink="#ff00ff" alink="#ffff00"></body>

      Rezultatul va fi o pagina cu fondul alb, textul rosu, link-urile
      albastre, link-urile vizitate vor avea culoarea roz iar culoarea
      link-urilor in momentul activarii va fi galben.
    </li>
  • Folosirea unei imagini ca fond pentru pagina (background)

    • - Elementul body ofera posibilitatea înlocuiri fondului paginii
      cu o imagine (Background image). Daca imaginea este mai mica decât
      dimensiunile paginii atunci imaginea va fi multiplicata pana va acoperi
      întreg cadru documentului. Este indicat ca imaginea sa fie in format
      *.gif sau *.jpg. Folosirea unei imagini va da un aspect placut
      documentului. Pentru a vedea cum arata un document al carui fond este o
      imagine click aici.
    • - Un exemplu de cod HTML cu imagine pentru background este urmatorul:
      <body background="imagine.gif" bgcolor="#ffffff"></body>

      In acest exemplu fondul pagini va fi dat de imaginea fisierului
      "imagine.gif" si de asemenea am setat BGCOLOR astfel incat in timpul
      procesului de încarcare a imaginii culoarea fondului va fi alba.
    </li>

Dupa ce a-ti creat baza de început a unui document si a-ti setat
proprietatile, trebuie sa salvati fisierul. Salvarea trebuie facuta
intr-un format pe care browser-ul îl poate recunoaste. Extensia standard
pentru un fisier care reprezinta o pagina web este ".htm" sau ".html". De obicei folosesc (".html").
- Pentru a salva documentul ca sa arate ca o pagina web, in NotePad alegeti din meniul File comanda Save si salvati fisierul cu orice nume doriti dar cu extensia html (sau "htm") - (La File name: scrieti si numele si extensia ".html", exemplu: index.html). Daca nu scrieti extensia, NotePad va salva documentul in format "txt".
- Pentru a vedea documentul ca o pagina web, duceti-va in directorul
in care a-ti salvat fisierul si deschideti-l pur si simplu (cu Enter
sau dublu-click la mouse), acesta va fi deschis automat de browser-ul pe
care-l folositi (Mozilla Firefox, Internet Explorer, Opera). Sau
deschide-ti browser-ul si din comanda Open deschideti documentul pe care
l-ati salvat.
- Pentru a continua munca, a face modificari paginii sau pentru a
adauga altceva in documentul HTML, deschideti documentul cu NotePad. Una
din metode este sa deschideti aplicatia NotePad si din meniul File
alegeti Open apoi gasiti fisierul pe care vreti sa-l modificati si dati
clic pe butonul Open. Dupa ce terminati modificarile salvati, astfel
daca redeschideti documentul ca o pagina web acesta va fi deschis cu
noul format.
Aici puteti vedea structura generala a unei pagini Web




Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven :star
ID Y|M:ady_fitz33@yahoo.com
Nume pe metin:SeeYouMee
GRAD PE Mp3Kiss : Detinator
VA urez o zi placuta !!!!!!!
Da-ti mass cu forumul nostru!

Sus In jos
http://extremgames.forumz.ro
 
Crearea si editarea paginii HTML
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Coduri HTML

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Radio Wizz :: SITE&FORUM :: SITE-
Mergi direct la: