M-am hotarat sa pasesc in lumea webdesign. Dupa multe lecturi pe internet si dupa cum am fost sfatuita, am ales HTML, Dreamweaver si Adobe Photoshop pentru ca este mai usor. Pasii sunt multi, marunti si greu de parcurs si am decis ca fiecare lectie pe care o voi invata si fiecare tutorial pe care-l voi face o sa-l prezint aici din doua motive:
1. Repetitia este mama invataturii, repetand voi retine mai bine.
2. Poate acest blog facut in pasi marunti va mai ajuta pe cineva.
Voi incepe sa invat bazele HTML-ului in Notepad dupa care voi trece la Dreamweaver
Cine doreste sa invete pas cu pas cu mine este binevenita (binevenit)

Lectia 8 : Background

Am vazut cum se pune o culoare paginii noastre. Daca vrem sa punem o imagine ca si background este destul de simplu. Cu ajutorul atributului BACKGROUND al tag-ului <BODY> putem folosi o imagine ca fond al unei pagini web.
Se procedeaza asemanator ca la definirea culorii paginii numai ca folosim atributul BACKGROUND in loc de BGCOLOR.
Sa luam numai prima parte a documentului in care lucram ca sa nu mai umplu ecranul:

<HTML>
<HEAD>
<TITLE>Tutorial</TITLE>
</HEAD>
<BODY BGCOLOR="#FF9900">
<FONT COLOR="red" FACE="Arial" SIZE="7"><CENTER>Aceasta este prima mea pagina web</CENTER></FONT><P>
<HR COLOR="#FF0000">
<FONT COLOR="red" FACE="Arial" SIZE="4"><I>Recapitulare</I></FONT><BR>
<HR COLOR="#FF0000">

Modificarea intervine in <BODY BGCOLOR="#FF9900">

HTML>
<HEAD>
<TITLE>Tutorial</TITLE>
</HEAD>
<BODY BACKGROUND="poze/yaching.jpg"><FONT COLOR="red" FACE="Arial" SIZE="7"><CENTER>Aceasta este prima mea pagina web</CENTER></FONT><P>

Pentru ca sunt fixista si perfectionista am sa scot poza din pagina pentru ca nu se potriveste cu background-ul.
Documentul HTMl este acelasi pe care am lucrat pana acum.
Dupa ce am introdus o poza ca si background a rezultat asta:


Aceasta fiind spusa cred ca este cazul sa trec mai departe de Notepad.
Incepand cu tutorialul urmator voi lucra in DW.

 

Publicat de
Etichete: ,

Niciun comentariu:

Trimiteți un comentariu

Abonați-vă la: Postare comentarii (Atom)