Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Tworzenie stron WWW w jezyku HTML

No description
by

Krzysztof Skrzypek

on 12 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Tworzenie stron WWW w jezyku HTML

Tworzenie nagłówka
Definiujesz typ dokumentu - jest to HTML 4.01 Transitional.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
Otwierasz dokument HTML.
<html>
Otwierasz nagłówek.
<head>
Ustalasz tytuł dokumentu.
<title>TEKST</title>
Definiujesz rodzaj kodowania tekstu w dokumencie na iso-8859-2.
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
Opisujesz stronę - w kilku słowach, zdaniach.
<meta name="description" content= TEKST >
Wpisujesz słowa kluczowe, po których strona ma być rozpoznawana w wyszukiwarkach.
Definiujesz, jakiego programu użyłeś do stworzenia dokumentu.
Dodajesz autora strony.
Zamykasz sekcję nagłówka.
</head>


Wstęp
Strony WWW tworzone są w języku HTML, zwanym językiem znaczników hipertekstowych. Tworzenie stron WWW polega na wprowadzaniu znaczników w wybranym edytorze, a następnie generowaniu kodów źródłowych w przeglądarce. Strony WWW można tworzyć zarówno w edytorze tekstowym jak i w edytorze graficznym .
Przy tworzeniu stron WWW musimy pamiętać o trzech zasadach:
- wszystkie nazwy, rozszerzenia piszemy zawsze małymi literami;
- w nazwach plików nie używamy spacji;
- nazwy plików piszemy bez polskich liter;
Struktura pliku
Ciało dokumentu
W ciele dokumentu znajdują się wszystkie informacje, które zostaną wyświetlone na ekranie. Jego tworzenie wyglada następujaco:
Centrujesz blok do środka.
<div align="center">

Włączasz nagłówek pierwszy (jest on największy) oraz wpisujesz powitanie na ekranie.
<h1>POWITANIE</h1>
Zamykasz blok, który był wyrównywany do środka.
</div>
Otwierasz nowy blok, którego zawartość będzie wyrównywana do lewej i prawej.
<div>

Otwierasz paragraf i wypisujesz tekst. Na końcu zamykasz paragraf.
<p>TEKST</p>

Wstawiasz rysunek do dokumentu - podajesz jego ścieżkę, rozmiary oraz podpis.
<img src=gfx/obraz.jpg" width="200" height="200" alt="Obraz" border="0">

Zamykasz blok otwarty w linii 5.
</div>
Zamykasz ciało dokumentu.
</body>
Zamykasz dokument HTML.
</html>

Metody kodowania tekstu HTML
iso-8859-2
- jest to oficjalna norma ISO (International Standarization Organization), określająca kody liter alfabetów krajów Europy Środkowej (w tym Polski),
CP-1250
- standard stworzony przez ANSI (American National Standards Institute). Jest on stosowany w systemach operacyjnych firmy Microsoft,
UTF
- (Unicode Transformation Formats) jest uniwersalnym formatem, opisującym znaki wszystkich alfabetów (w tym momencie zdefiniowano ponad 100 000 znaków), za pomocą unikalnego, niepowtarzalnego numeru.

Formatowanie tekstu

<h1>
,
<h2>
,
<h3>
,
<h4>
,
<h5>
,
<h6>
,
<h7>
- nagłówki
Znaczniki te służą do definiowania nagłówków. Numery oznaczają ich ważność -
<h1>
jest najważniejszy a
<h7>
najmniej ważny.
<big>
,
<small>
- duża i mała czcionka
<hr>
- pozioma linia
<b>
- pogrubienie
<i>
- pochylenie
<u>
- podkreślenie
<blockquote>
- blok cytowany
<pre>
- tekst preformatowany
<br>
- złamanie linii
<p>
- paragraf
<div>
- wycinek dokumentu
<img src="gfx/obrazek.jpg" width="100" height="50" alt="Obrazek" title="Tytul obrazka" border="0">
- plik graficzny wraz z parametrami

Tworzenie stron w języku HTML.
Dokument w HTML składa się z nagłówka oraz ciała dokumentu. Ich zapis przedstawia się nastepujaco :
<HTML>
<HEAD>
(nagłówek)
<TITLE>
(tytuł)
</TITLE>
</HEAD>
<BODY>
(ciało dokumentu)
</BODY>
</HTML>
PUBLIKACJA STRONY W INTERNECIE

Aby nasza strona była dostępna dla innych należy umieścić ją na serwerze WWW. Do tego celu najczęściej wykorzystuje się protokół FTP i odpowiednie oprogramowanie klienta FTP. Przed rozpoczęciem przesyłania należy zgromadzić następujące dane: adres serwera, identyfikator użytkownika oraz hasło dostępu.
Odsyłacze, tabele, formularze
Odsyłacze
, czyli popularne linki można podzielić na cztery kategorie:
Odsyłacze bliskie - odnoszą sie do dokumentów w ramach serwisu.
Odsyłacze dalekie - odnoszą się do stron na innych serwisach internetowych.
Odsyłacze wewnętrzne - umożliwiają nawigację wewnątrz jednego dokumentu.
Tabele
powstały pierwotnie z myślą o przedstawianiu wyników badań. Dzisiaj tabel używa
się przeważnie do formatowania wyglądu strony - dzięki nim możesz podzielić stronę na
kilka kolumn, wierszy i w nich umieszczać treść.
Formularze
służą do zbierania danych, które są później przesyłane do obróbki przez
skrypty np. przez skrypt wysyłający dane na wskazany adres e-mail - formmail.



Poradnik video - umieszczanie strony w internecie
Autor: Krzysztof Skrzypek

Dziękuję za obejrzenie prezentacji!
Full transcript