Oxidosiss
20-05-2008, 14:11
Poradnik poświęce na napisaniu jak założyć pierwszą stronę WWW!
Zapewne wiele osób marzyło zrobić kiedyś stronę przeznaczoną na różne rzeczy.
Zaczynajmy!
1. Założenie stronki. ( na początek polecam www.vgh.pl ) Jak już jesteśmy, klikamy w odnośnik ( załóż stronę WWW )
http://i31.tinypic.com/j5lf5z.jpg
Gdy już to zrobiliśmy, pokazuję nam się to okienko :
http://i25.tinypic.com/2a98db7.jpg
Następnie uzupełniamy i klikamy w odnośnik " Instaluj stronę teraz "
Gdy to zrobiliśmy, pokazało nam się okienko :
http://i25.tinypic.com/mmflfr.jpg
Klikamy w adres naszej stronyi tak właśnie założyliśmy naszą 1 stronkę!
2. Tło naszej stronki.
Najpierw się logujemy, podajemy login i hasło ten co podawaliśmy przy robieniu stronki.
Następnie klikamy w Panel Administracyjny.
http://i27.tinypic.com/ztxf9w.jpg
Gdy zrobiliśmy to, po lewej stronie w panelu "nawigacja" widzimi podstronę "Zarządzanie Stroną". Klikamy w to. Następnie szukamy obrazka " Główne ustawienia i klikamy w niego. Zjeżdzamy na dół i pokazuje nam się :
http://i27.tinypic.com/2hdbpn8.jpg
Wybieramy sobie i możemy się cieszyć nowym tłem!
3. Jak zrobić banner.
To proste , banner robimy podobnie jak avatar. Wybieramy zdjęcie, wchodzimy na tinypic.com wybieramy kod i wklejamy go tutaj :
http://i32.tinypic.com/bdvdqc.jpg.
4. Jak pisać newsy.
Wchodzimy w Panel Administracyjny, wchodzimy w newsy i zaczynamy pisać.
Po tym jak napiszemy, zaznaczamy przyklej news :
http://i25.tinypic.com/ojh8qt.jpg
Gdy zaznaczyliśmy , zjeżdzamy na dół i wczytujemy.
Wchodzimy na strone główną i widzimy to co napisaliśmy w newsie :
http://i31.tinypic.com/24y8yyp.jpg
Oczywiście newsy możemy także podglądać, jeżeli chcemy coś zmienić.
5. Zakończenie.
[B]I tak właśnie dobiegliśmy końca poradnika. Nauczyliśmy się tutaj tworzenia stronek, wklejanie loga, zmienianie tła, pisanie newsów. Oczywiście serwer na którym stronke zakładaliśmy jest słaby, ale najprostszy w obsłudze.
Jeżeli chcemy nauczyć się wiele wiele innych rzeczy, chcemy się szkolić, wchodzimy na www.kurshtml.boo.pl i tutaj uczymy się wielu rzeczy, między innymi : tworzenie podstronek, tabele. Potem uczymy się urozmaicać stronę.
Napisze jeszcze kilka podstaw html ..
1. Podstawy :
Rodzaj czcionki : <font face="rodzaj">Tu wpisz tekst</font>
kolor czcionki : <font color="kolor">Tu wpisz tekst</font>
Wielkość czcionki : <font size="n">Tu wpisz tekst</font>
Po zakończeniu lini w tekście piszemy <br />
To tekst pogrubiony <b>Tu wpisz tekst</b>
Pochylony : <i>Tu wpisz tekst</i>
Podkreślony : <u>Tu wpisz tekst</u>
Tutaj już łączymy trochę jezyk html np <p align="center"><font size="5" color="red" face="Courier New"><b><i><u>
To jest jakiś tekst
</u></i></b></font></p>otrzymamy:
To jest jakiś tekst
Wyśrodkowanie : <center>...</center>
I wiele wiele innych..
2. Odsyłacz do podstrony.
<a href="względna ścieżka dostępu">opis</a>
Polega to na tym, że w opisie wpisujemy np Forum toproste a w względnej ścieżce dostępu podajemy stronę, na którą chcemy przekierować naszych użytkowników.
Czyli będzie to odsyłacz, że pisze Forum.toproste i po jego kliknięciu przekierowuje nas na strone, którą wpisaliśmy w ścieżce.
3. Struktura tabeli.
Nie będe tutaj pisał o różnych odstępach, wyrównywaniach bo jeżeli się bardziej zaangażujecie sami to poznacie.
Najprostszy przykład
<table>
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>Otrzymamy:
komórka1 komórka2
komórka3 komórka4
Jak widać, taka tabela
4. Napisze także o obramowaniu..
Po wpisaniu <table border="5">
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>
Niczym nie różni się to od poprzedniej tabeli, tylko jak widać w tej tabeli pojawiło się "<table border="5">" Jest to obramowanie naszej tabeli, czyli jak wklejimy na jakąś strone, pokaże się tabela z obramowaniem.
5. Komórki Nagłówkowe
(<td align="center"><b>...</b></td>), <table border="5">
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>
Jak widać do tabeli dodaliśmy także "(<td align="center"><b>...</b></td>)'', że jeżeli w miejscu b ... b napiszemy A to tabela będzie przybierała coraz ciekawszych form.
Są to podstawy html, których naprawdę warto się uczyć.
Oczywiście możecie już probówać tworzyć tabele i podstrony, zacząć powoli rozbudowywać swoją stronę.
Resztę możecie się uczyć na http://www.kurshtml.boo.pl strona godna uwagi.
Jest to mój 1 poradnik, więc proszę o wyrozumiałość, pozdrawiam!
Zapewne wiele osób marzyło zrobić kiedyś stronę przeznaczoną na różne rzeczy.
Zaczynajmy!
1. Założenie stronki. ( na początek polecam www.vgh.pl ) Jak już jesteśmy, klikamy w odnośnik ( załóż stronę WWW )
http://i31.tinypic.com/j5lf5z.jpg
Gdy już to zrobiliśmy, pokazuję nam się to okienko :
http://i25.tinypic.com/2a98db7.jpg
Następnie uzupełniamy i klikamy w odnośnik " Instaluj stronę teraz "
Gdy to zrobiliśmy, pokazało nam się okienko :
http://i25.tinypic.com/mmflfr.jpg
Klikamy w adres naszej stronyi tak właśnie założyliśmy naszą 1 stronkę!
2. Tło naszej stronki.
Najpierw się logujemy, podajemy login i hasło ten co podawaliśmy przy robieniu stronki.
Następnie klikamy w Panel Administracyjny.
http://i27.tinypic.com/ztxf9w.jpg
Gdy zrobiliśmy to, po lewej stronie w panelu "nawigacja" widzimi podstronę "Zarządzanie Stroną". Klikamy w to. Następnie szukamy obrazka " Główne ustawienia i klikamy w niego. Zjeżdzamy na dół i pokazuje nam się :
http://i27.tinypic.com/2hdbpn8.jpg
Wybieramy sobie i możemy się cieszyć nowym tłem!
3. Jak zrobić banner.
To proste , banner robimy podobnie jak avatar. Wybieramy zdjęcie, wchodzimy na tinypic.com wybieramy kod i wklejamy go tutaj :
http://i32.tinypic.com/bdvdqc.jpg.
4. Jak pisać newsy.
Wchodzimy w Panel Administracyjny, wchodzimy w newsy i zaczynamy pisać.
Po tym jak napiszemy, zaznaczamy przyklej news :
http://i25.tinypic.com/ojh8qt.jpg
Gdy zaznaczyliśmy , zjeżdzamy na dół i wczytujemy.
Wchodzimy na strone główną i widzimy to co napisaliśmy w newsie :
http://i31.tinypic.com/24y8yyp.jpg
Oczywiście newsy możemy także podglądać, jeżeli chcemy coś zmienić.
5. Zakończenie.
[B]I tak właśnie dobiegliśmy końca poradnika. Nauczyliśmy się tutaj tworzenia stronek, wklejanie loga, zmienianie tła, pisanie newsów. Oczywiście serwer na którym stronke zakładaliśmy jest słaby, ale najprostszy w obsłudze.
Jeżeli chcemy nauczyć się wiele wiele innych rzeczy, chcemy się szkolić, wchodzimy na www.kurshtml.boo.pl i tutaj uczymy się wielu rzeczy, między innymi : tworzenie podstronek, tabele. Potem uczymy się urozmaicać stronę.
Napisze jeszcze kilka podstaw html ..
1. Podstawy :
Rodzaj czcionki : <font face="rodzaj">Tu wpisz tekst</font>
kolor czcionki : <font color="kolor">Tu wpisz tekst</font>
Wielkość czcionki : <font size="n">Tu wpisz tekst</font>
Po zakończeniu lini w tekście piszemy <br />
To tekst pogrubiony <b>Tu wpisz tekst</b>
Pochylony : <i>Tu wpisz tekst</i>
Podkreślony : <u>Tu wpisz tekst</u>
Tutaj już łączymy trochę jezyk html np <p align="center"><font size="5" color="red" face="Courier New"><b><i><u>
To jest jakiś tekst
</u></i></b></font></p>otrzymamy:
To jest jakiś tekst
Wyśrodkowanie : <center>...</center>
I wiele wiele innych..
2. Odsyłacz do podstrony.
<a href="względna ścieżka dostępu">opis</a>
Polega to na tym, że w opisie wpisujemy np Forum toproste a w względnej ścieżce dostępu podajemy stronę, na którą chcemy przekierować naszych użytkowników.
Czyli będzie to odsyłacz, że pisze Forum.toproste i po jego kliknięciu przekierowuje nas na strone, którą wpisaliśmy w ścieżce.
3. Struktura tabeli.
Nie będe tutaj pisał o różnych odstępach, wyrównywaniach bo jeżeli się bardziej zaangażujecie sami to poznacie.
Najprostszy przykład
<table>
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>Otrzymamy:
komórka1 komórka2
komórka3 komórka4
Jak widać, taka tabela
4. Napisze także o obramowaniu..
Po wpisaniu <table border="5">
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>
Niczym nie różni się to od poprzedniej tabeli, tylko jak widać w tej tabeli pojawiło się "<table border="5">" Jest to obramowanie naszej tabeli, czyli jak wklejimy na jakąś strone, pokaże się tabela z obramowaniem.
5. Komórki Nagłówkowe
(<td align="center"><b>...</b></td>), <table border="5">
<tr>
<td>komórka1</td> <td>komórka2</td>
</tr>
<tr>
<td>komórka3</td> <td>komórka4</td>
</tr>
</table>
Jak widać do tabeli dodaliśmy także "(<td align="center"><b>...</b></td>)'', że jeżeli w miejscu b ... b napiszemy A to tabela będzie przybierała coraz ciekawszych form.
Są to podstawy html, których naprawdę warto się uczyć.
Oczywiście możecie już probówać tworzyć tabele i podstrony, zacząć powoli rozbudowywać swoją stronę.
Resztę możecie się uczyć na http://www.kurshtml.boo.pl strona godna uwagi.
Jest to mój 1 poradnik, więc proszę o wyrozumiałość, pozdrawiam!