Tworzenie własnej strony internetowej

​Tworzenie własnej strony internetowej 

​Notepad++

​Plan pracy nad stroną internetową

1. ​Określenie tematyki strony internetowej.

2. Planowanie i projektowanie:

   treści, w tym elementów grafiki (rysunków, zdjęć), które chcemy zamieścić na stronie,

   sposobu rozmieszczenia grafiki względem tekstu,

   parametrów formułowania tekstu,

   stylów numeracji, wyliczeń, tabel,

   systemu nawigacji (wstawianie hiperłączy do innych stron).

3. Wykonanie strony - utworzenie kodu w języku HTML.

4. Umieszczenie strony w internecie.

Multiple Choice

Zanim zacznę pracę nad stroną www, powinienem/powinnam opracować plan strony internetowej.

• Prawda

• Fałsz

Draw

Napisz z jakiego programu będziemy korzystać, aby stworzyć stronę internetową.

​Tworzenie podstawowej strony internetowej

1. ​Utwórz folder "Moja strona", w którym będziesz gromadziła/a wszystkie pliki składujące się na stronę www.

2. W edytorze plików tekstowych (Notepad++), utwórz podstawową strukturę strony.

3. W części nagłówkowej wpisz tytuł strony "Podróże".

4. W treści strony umieść w znacznikach nagłówka pierwszego poziomu tekstu: "Podróże po stolicach Europy". Dodaj jeden akapit tekstu o tym, co znajdzie się na stronie.

5. Zapisz plik pod nazwą index.html w utworzonym folderze.

​Zapis w Notepad++

​tytuł strony

​pierwszy nagłówek

​ta część kodu określa, że jest to dokument HTML.

​w tym tagu znajduje się cała zawartość strony

​w tym tagu znajduje się cała zawartość strony

​ustawia zestaw znaków i umożliwia poprawne wyświetlanie polskich znaków.

​zawartość strony

​tagi istotne dla przeglądarki

​Strona internetowa

​tytuł strony

​pierwszy nagłówek

​Zapis na pulpicie

​Pamiętaj, że plik musi zostać zapisany "nazwa.html"

Multiple Choice

Aby powstał odnośnik do strony internetowej musi być zapis po kropce "html"

• Prawda

• Fałsz

​Przypominam, że "Notatnik" również może być przydatny w tworzeniu stron internetowych :)

Także do dzieła!

​Notatnik

​<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Podróże</title>

</head>

<body>

<hl>Podróże po stolicach Europy</hl>

<p>Na stronie znajdziesz informacje o stolicach europejskich:

poznasz najważniejsze zabytki i obiekty tych miast, zobaczysz ciekawe miejsca na fotografiach, poznasz ciekawostki historyczne tych miast.</p>

</body>

</html>