Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Uczymy się razem HTML i CSS, by tworzyć strony internetowe

loordofdeathx2

Przez loordofdeathx2
w Kosz

Rekomendowane odpowiedzi

loordofdeathx2 Odkrywca

loordofdeathx2

Opublikowano
Odkrywca

loordofdeathx2

Opublikowano

Witam. zamieszczać tutaj będę swoją dość skromną wiedzę na temat HTML i CSS, która jednak wystarczy na stworzenie prostej strony.

Kolejne lekcje będę zamieszczał stopniowo.

 

LEKCJA 1

 

Co będzie mi potrzebne?

 

wystarczy Ci notatnik (choć ja polecałbym ci ściągnąć notepad++) i jakaś przeglądarka (tylko nie internet explorer 6) typu mozilla, google chrome, opera (najlepiej jak najnowsze wersje). Do tworzenia stron nie jest Ci nawet potrzebny internet smile.png

 

To zaczynajmy!

 

Na początek wklejam tutaj podstawowy wzór strony:

 

<html>
<head>
<title>nasza stronka</title>
</head>
<body>

------- treść strony --------

</body>
</html>

 

 

 

już taki text tworzy nam stronę. Aby stworzyła się z tego strona klikamy w "plik>zapisz jako" bierzemy "zapisz jako typ" i wybieramy "wszystkie pliki" a jako nazwe ustaw index.html

i zapisz.

 

otwórz plik html przez przeglądarkę i powinna się pojawić pusta biała strona (możliwe że pojawi się w lewym górnym rogu ------- treść strony -------- nie wiem nie sprawdziłem)

 

 

 

wyjaśnię teraz co do czego służy.

<html>

ta funkcja informuje przeglądarkę że ma styczność z językiem html. strona musi się zacząć od tego.

<head>

tutaj pisze się nazwę strony, java script, niektóre skrypty w PHP itd.

<title> nazwa </title>

tutaj piszemy tytuł naszej strony, który będzie widoczny w pasku przeglądarki.

<body> treść strony </body>

w body pisze się treść strony, która ma być wyświetlana.

 

jak pewnie zauważyłeś funkcje zapisuje się w "<>" a zakańcza je pisząc "</>" np <body></body>. Jest to zasada HTML którą musimy zapamiętać.

 

Teraz nauczmy się podstawowym funkcji do zapisywania tekstu na stronie

 

<a>

- podstawowa funkcja do zapisywania tekstu

<b>

- zapisywanie pogrubionego tekstu

<i>

- zapisywanie pochyłego tekstu

<p>

- służy do zapisywania tekstu, z tym że tą funkcją zapisywany text zacznie się od nowej linijki i będą duże odstępy pomiędzy wersami.

<strike>

- text przekreślony

<h1>

- największy text ( do zapisywania nagłówków)

<h2>

- nieco mniejszy nagłówek

<h3>

- jeszcze troche mniejszy

<h4>

- i jeszcze ciut mniejszy biggrin.png

<h5>

- stwierdzam jeszcze mniejszy :>

<h6>

- zgadnij

 

 

czyli teraz by stworzyć stronę na której będzie pisać lubie placki normalnymi literami zrobimy tak:

 

<html>
<head>
<title>uczymy sie</title>
</head>
<body>

<a>lubie placki</a>

</body>
</html>

 

 

i git. ale trzeba usprawnić naszą stronę by działały na niej polskie znaki. w tym celu musimy wkleić:

 

<meta http-equiv="Content-type" content="text/html; charset=windows-1250" />

pomiędzy klamry <head>. wiem że są inne bardziej tolerowane formy do dodania polskich znaków na stronę, ale ten działa na wszystkich przeglądarkach i będziemy stosować jego.

 

No to było by tyle na 1 lekcję. nauczyliśmy się podstawowych funkcji zapisu textu i sposób na polskie znaki na stronie.

w następnej lekcji nauczymu się wstawiać grafiki na stronę, ustawiać tło w html.

następna lekcja 3 września w godz. popołudniowych. Pozdrawiam.

1346184056-U684255.jpg

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...