poniedziałek, 25 marca 2013

Jak stworzyć własną stronę internetową

Aby móc stworzyć stronę internetową niezbędna jest do tego znajomość poleceń HTML. Oto kilka przykładów:

<html>    - szkielet dokumentu
<head>    - nagłówek dokumentu
<meta>    - własności dokumentu
<title>      - tytuł dokumentu
<link>      - powiązanie dokumentu
</xxx>
<body>    - ciało dokumentu
<center>  - środkowanie
<h2>         - śródtytuł 
<p>          - akapit
<hr >        - pozioma linia
<table>     - tabela
<tr>          - wiersz tabeli
<td>          - komórka tabeli
<li>           - element wykazu
<ol>          - wykaz uporządkowany





Etapy tworzenia strony:

1. Kod wpi­su­jemy w Notat­niku, a stronę zapi­su­jemy  jako: index.html
2. Tam, gdzie mamy wpi­sać tytuł wpi­su­jemy to co będzie się poka­zy­wać na pasku tytu­ło­wym prze­glą­darki do góry.
3. Tam, gdzie mamy wpi­sać kolor tła strony wpisujemy:
  • Jeden z pod­sta­wo­wych kolo­rów w języku angiel­skim, np.: red
  • albo kolor w for­ma­cie HTML-owym, np.: #CC0000
4. Z kolo­rem tek­stu, który ma się
prze­su­wać jest tak samo jak wyżej.
5. Tam, gdzie mamy wpi­sać tekst tek­stu, który będzie się prze­su­wał wpi­su­jemy wybrany przez nas tekst, np.: “Cześć!”.  Znacz­niki <h1> można usu­nąć, one tylko kon­tro­lują jaki ma być roz­miar tego tekstu.
6. Tekst oddzie­lony jest oddzie­lony linią o góry i u dołu. W tym celu używamy znacz­nika  <hr>.
7. Tekst strony możemy dowol­nie sfor­ma­to­wać znacz­ni­kami zawar­tymi w tabelce u góry.
8. Aby wsta­wić zdję­cie musimy wie­dzieć do jakiego fol­deru wsta­wimy ten obra­zek na ser­we­rze. Jeśli, np.: do fol­deru “ima­ges”, a obra­zek będzie się nazy­wał “dom.jpg”, wtedy linijka kodu odpo­wie­dzialna za obraz, będzie wyglą­dać następująco:
<img src=“images\dom.jpg”>
Możemy rów­nież wrzu­cić zdję­cie “luzem”:
<img src=“dom.jpg”>
Fol­der, lub luźne zdję­cie musi być w tym samym miej­scu co plik strony (index.html).
9. Strona jest gotowa. Możemy dodać dodat­kowe znacz­niki i inne rze­czy, ale musimy pamię­tać o zamy­ka­niu znacz­ni­ków, np.: <b><i>TEKST</i></b>. Teraz wystar­czy wgrać ją na ser­wer.