Menu
What's new
By:
Filters

-Łatwy Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

xElf

xElf

Advanced User
Joined
Apr 6, 2011
Messages
364
Reaction score
48
Yoo!
Obm?wienie dzisiejszej lekcji
Ahoj pieprzyki... Dzisiaj porozmawiamy, o skryptach HTML i XHTML. Lekcje moje b?d? zastrzykiem wiedzy, a postaram si? om?wi? wszystko co z HTML jest zwi?zane. Pierwsze skrypty, nie b?d? proste, a raczej ?rednie. Doda?em prefix "?atwy", bo z mego, punktu oka widzenia, s? one proste.

Spis Tre?ci
Tw?j pierwszy skrypt
R??nica pomi?dzy HTML, a (X)HTML
Kilka s??w od Autora
Inne

Zaczynamy!


-Tw?j pierwszy skrypt
Skrypt kt?ry napiszemy, b?dzie tymczasowo, tylko w formie HTML. P??niej obm?wimy r??nic? pomi?dzy (X)HTML i HTML.
Otwieramy notepad++ (ewentualnie notatnik) i piszemy w nim jaki? tekst... Na razie bez ?adnych dodatk?w. Ja napisa?em:
HTML: 
To jest test...
Plik koniecznie zapisujemy w formie HTML! Przyk?ad:
HTML: 
test.html
Powinno te? by? zaznaczone "All Types".
Wszystko wida? na screenie.
b8obok.jpg

Po klikni?ciu na plik, otwiera nam si? przegl?darka, kt?ra powinna wygl?da? w ten spos?b:
2m017n.jpg

Tekst kt?ry zobaczymy w przegl?darce, odnosi si? do tego kt?rego wpisali?my w naszym notepadzie++ (lub notatniku).
Proste, czy? nie? To teraz napiszemy, dobrze skonstruowany skrypt.

Otwieramy nasz notepad++(lub notatnik) i zaczynamy!
Podstawowa struktura strony WWW to:
HTML: 
<html>
<head>
Tutaj nale?y umie?ci? tre?? nag??wka dokumentu
</head>
<body>
Tutaj nale?y umie?ci? w?a?ciw? tre?? dokumentu HTML
</body>
</html>

<html>, <head> i <body> to tagi, a zamyka si? je </html>, </head> i </body>. Taka sama sprawa, jest gdy pogrubiasz czcionk?, lub j? podkre?lasz ()
Lecz na razie, nasz skrypt nie b?dzie poprawnie dzia?a?.
Najprostsza strona WWW:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
To jest prolog (deklaracja typu dokumentu). Ch?tnie, poka?? jak on dzia?a w skrypcie:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
<html>
<head>
<title>Pierwsza strona WWW</title>
</head>
<body>
<p>To jest akapit tekstowy.</p>
</body>
</html>
Prolog dodali?my, do najwy?szej cz??ci skryptu. Zobaczy? tak?e mo?na, ?e doda?em tag "<p>" kt?ry oznacza, po prostu akapit, w kt?rym co? umie?cimy. Z ka?dym nowym akapitem trzeba doda?, kolejny takowy tag. Doda?em tak?e "<title>" (eng. tytu?) - w nim zamie?ci?em sw?j tytu?.
Jak wida?, nasz skrypt wygl?da monotonnie, wi?c trzeba doda? bloki. Og?lnie nie s? one potrzebne, lecz podczas wczytywania du?ego skryptu, mog? nast?pi? lagi (zaci?cia). Blok to spacje, pomi?dzy tagami.
Z blokami b?dzie wygl?da? to tak:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
 <html>
  <head>
   <title>Pierwsza strona WWW</title>
  </head>
    <body>
     <p>To jest akapit tekstowy.</p>
    </body>
 </html>
<html> Posiada tylko jedn? spacj?, <head> dwie, <title> trzy, <body> cztery i na ko?cu <p> z pi?cioma odst?pami. Mam nadziej?, ?e wyt?umaczy?em to solidnie, bo w ostatnich czasach mo?na, ujrze? ludzi kt?rzy wyra?nie maj? problem z ow? hipotez?.


-R??nica pomi?dzy HTML i (X)HTML
XHTML to nowsza wersja, HTML. HTML zosta?o zaktualizowane do wersji XHTML, z racji, i? konkurencja zyskiwa?a wi?ksz? popularno?? po?r?d danych kod?w. Wi?cej, o tej r??nicy wyt?umacz? w nast?pnych lekcjach.
Tak b?dzie wygl?da? kod w formie XHTML:
HTML: 
<?xml version="1.1" encoding="utf-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml : lang="pl">
"http://www.w3.org/TR/html4/strict.dtd"
 <html>
  <head>
   <title>Pierwsza strona WWW</title>
  </head>
    <body>
     <p>To jest akapit tekstowy.</p>
    </body>
 </html>
Jedyne co zrobi?em, to pomi?dzy
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
doda?em:
HTML: 
<?xml version="1.1" encoding="utf-8"?>
-
<html xmlns="http://www.w3.org/1999/xhtml" xml : lang="pl">
R??nica by?a ma?a, lecz do?? interesuj?ca. Wszystko om?wi? w nast?pnych lekcjach.

Zapiszmy nasz plik jako "index.html" i oczywi?cie "All Types" tak jak wspomnia?em wcze?niej.
Po klikni?ciu na plik, pokazuje nam si? przegl?darka:
3509u8m.jpg

Jak wida?, dodany zosta? tytu? karty, skrypt posiada nowy akapit tekstowy, oraz w niebieskim pasku na g?rze strony, tak?e jest tytu?.


-Kilka s??w od Autora
To by?a tylko praktyka, reszt? om?wi? w swoim czasie...


-Inne
Zezwalam na kopiowanie moich poradnik?w, z tym, ?e na ko?cu powinien zawsze istnie? takowy obrazek:
6oprpe.png

Kod:
Code: 
[IMG]http://i55.tinypic.com/6oprpe.png[IMG]
?eby zadzia?a?o, ko?cowy tag "
"!

Serdecznie dzi?kuj? za przeczytanie.


Regards,
Rea~
 
Sagitarius

Sagitarius

Active User
Joined
Feb 24, 2011
Messages
74
Reaction score
4
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

Nie rozumiem tylko po co 3 cz??ci skoro poradnik jest prosty i kr?tki i spokojnie zmie?ci?bysi? w 1 temacie

Dla zainteresowanych dodam ?e najlepiej zaopatrzy? si? w darmowy program Ked to edycji stron www
polecam r?wniez program Krasnal dzi?ki kt?remu mo?emy stawia? stronke na "sucho" w domu
 
Last edited:
K

Ksajan

Advanced User
Joined
Jan 13, 2011
Messages
228
Reaction score
21
Age
14
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

1. Plik .html to nie jest ani skrypt, ani kod.
2. Jakie kurwa bloki?! Tabulacj?, cz?owieku, tabulacj?! Tabulacji te? nie robi si? spacjami tylko magicznym klawiszem TAB.
3. "Poradnik" jest ca?kowicie beznadziejny, nic nie jest wyt?umaczone jak by? powinno a wi?cej zielon? osob? mo?na nauczy? tekstem o 1/3 obj?to?ci tego.

@Up:
KED ssie.
 
xElf

xElf

Advanced User
Joined
Apr 6, 2011
Messages
364
Reaction score
48
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

G?wno prawda, drogi Ksajanie.
Po?owa informacji z ksi??ki, wi?c nie wiem w czym problem.
Cu.
 
K

Ksajan

Advanced User
Joined
Jan 13, 2011
Messages
228
Reaction score
21
Age
14
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

Podaj tytu? i autora, zobaczymy, kt?ry takie bzdury powypisywa?. A problem w tym, ?e nawet w internecie mo?na znale?? lepiej wyja?nione niekt?re rzeczy.
 
xElf

xElf

Advanced User
Joined
Apr 6, 2011
Messages
364
Reaction score
48
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

"Jak tworzy? strony www" wydawnictwa helion, autora nie pami?tam.

Og?lnie, patrz?c teraz na ten poradnik, to widz?, ?e jest chujowy. Powodem tego jest pewnie fakt, ?e gdy go pisa?em, by?em jeszcze pocz?tkuj?cym webmasterem. Wybaczcie ;)
 
C

Ckorek

User
Joined
Jul 29, 2011
Messages
12
Reaction score
1
Odp: Kurs HTML z Reaperem 2 - Tw?j pierwszy skrypt!

Totalnie, mega, super podstawy. Jak zapisa? plik? Uwierz, ?e najgorsze dziecko "neo" si? po?apie, ale rozumiem chcia?e? przed?u?y?. To forum jest akurat wysoko pod wzgl?dem webmasterki, programowania, nie trzeba tego tak ?opatologicznie t?umaczy?.
Ja osobi?cie nie jestem zachwycony. Zr?b poradnik co do XHTML I CSS, a wtedy b?d? mniej wybredny :D. Cya.
 
You must log in or register to reply here.
Top