[Crusher]

În acest tutorial veţi învăţa cum să vă creaţi propriul site html.

Acesta este tutorialul #1 în care este explicat cel mai simplu mod în care că puteţi face un site.

Scurtă descriere: Downloadaţi un template şi îl modificaţi.

Să începem....

În primul rând downloadaţi un template. Cum faceţi asta ?

Intraţi pe google, scrieţi "Free web templates" şi apăsaţi enter.

 site.JPG (88.66K)
Number of downloads: 1656

Selectaţi o pagină de acolo.

 site2copy.jpg (314.64K)
Number of downloads: 1632

Căutaţi pe acel website un template pe gustul vostru. După ce l-aţi găsit îl downloadaţi.

Dacă vreţi să folosiţi templateul pe care îl voi folosi eu în acest tutorial, îl puteţi downloada de aici

Mirror
Mirror 2

1. Dezarhivaţi arhiva şi intraţi în folder.

 site3.JPG (60.44K)
Number of downloads: 1815

2. Deschideţi fişerul numit index.html cu Notepad.

 site4.JPG (76.55K)
Number of downloads: 1460

3. Modificaţi titlul.

Din
 site5.JPG (91.71K)
Number of downloads: 2141
În
 site6.JPG (91.48K)
Number of downloads: 1671

Titlu însemnând acesta:

 site5b.jpg (134.84K)
Number of downloads: 2210

(ce-l ce este haşurat cu roşu, stânga sus)

4. Salvaţi documentul.

 site7.JPG (89.25K)
Number of downloads: 1253

5. Intraţi în folderul numit "txt" şi faceţi dublu click pe primul fişer (directories.txt)

 site8.JPG (64.99K)
Number of downloads: 1586

6. Trebuie să aveţi grijă ce modificaţi.

a) Modificând asta:
 site9.JPG (146.94K)
Number of downloads: 1952
b) Veţi obţine asta:
 site9b.jpg (135.24K)
Number of downloads: 1714

(ceea ce este haşurat cu albastru în dreapta)

c) Modificând asta:
 site10.JPG (146.61K)
Number of downloads: 1462
d) Obţineţi asta:
 site10b.jpg (136.54K)
Number of downloads: 1308

(primul meniu din stanga, numit Acasa, haşurat cu albastru)

Asta apare când puneţi mouse-ul pe meniul respectiv.
e) Modificând asta:
 site11.JPG (146.56K)
Number of downloads: 1211
f) Obţineţi asta:
 site11b.jpg (137K)
Number of downloads: 1009

Asta apare când faceţi click pe meniul respectiv.
g) Modificând asta:
 site12.JPG (146.58K)
Number of downloads: 838
h) Obţineţi asta:
 site12b.jpg (136.64K)
Number of downloads: 890

Şi aşa mai departe modificaţi toate cele 5 meniuri.

Înainte de a ieşi, nu uitaţi să salvaţi !

Important: După orice modificare făcută, salvaţi !!
 site13.JPG (143.64K)
Number of downloads: 798

7. Acum intraţi în fişerul numit directory1.txt.

 site14.JPG (64.9K)
Number of downloads: 895

Acolo trebuie să aveţi grijă ce modificaţi:

Acum să vă explic această linie:

&text=<FONT SIZE="13" COLOR="#CCCCCC"><FONT COLOR="#FF3300"><B><CENTER>Bine ati venit</B></FONT></CENTER>

&text=

Reprezintă o comandă pe care animaţia flash o recunoaşte. Când animaţia întâlneşte această comandă înseamnă că acolo este un text.

<FONT SIZE="13" COLOR="#CCCCCC">

Reprezintă culoarea şi mărimea background-ului.

<FONT COLOR="#FF3300"><B><CENTER>

Reprezintă culoarea şi mărimea textului, #FF3300 = Roşu , <B> = Boldit, <CENTER> = centrat.

</B></FONT></CENTER>

Reprezintă închiderea tagurile deschise mai sus. (exemplu: tag = <B>)

Deci în acea linie, puteţi să modificaţi "13" cu "15" (sau cât vreţi voi), "#CCCCCC" cu "#00FF00" (#00FF00 = verde) şi mai puteţi modifica textul "Bine aţi venit". (fără ghilimele)

 site15.JPG (111.04K)
Number of downloads: 920

Pe site apare:
 site15b.jpg (136.44K)
Number of downloads: 944

De asemenea, sub această linie, puteţi modifica tot.

 site17.JPG (53.33K)
Number of downloads: 748

<B>

Înseamnă text boldit (îngroşat).

<U>

Înseamnă text subliniat.

Acelaşi lucru faceţi cu celelalte fişere directory.txt aflate în folderul txt.

Acum intraţi în fişerul index.html pentru a verifica dacă totul este corect.

 site30.JPG (62.37K)
Number of downloads: 690

Este posibil să vă apară această avertizare:

 site31.JPG (74.82K)
Number of downloads: 844

Sunteţi avertizat că animaţia flash doreşte să comunice cu index.html , adică să creeze o legătură pentru a funcţiona. Acest lucru nu vă v-a apărea când publicaţi site-ul pe internet.

Felicitări, v-aţi creat propriul site html.

Pentru a vă face site-ul vizibil pe internet, a-l publica, urmăriţi tutorialul "Cum să uplodezi un site"

Imporant:
- Să nu schimbaţi numele fişerelor din folderul numit txt. Adică să nu redenumiţi din "directory1.txt" în "Prima_pagina.txt" pentru că animaţia flash recunoaşte doar fişerele cu acele nume (cele default, directory1.txt , directory2.txt etc.).

- Oricine doreşte să copieze acest tutorial pe forum-ul/site-ul său, este obligat să pună la sfârşitul său asta:

(c) [url=http://www.roportal.ro/discutii/index.php?showtopic=24707]Crusher[/url]

Succes şi numai bine.

ps: aştept nelămuriri

Aceasta postare a fost editata de Crusher: 03 February 2007 - 09:12 PM