Tworzenie własnej strony internetowej
Presentation
•
Computers
•
7th Grade
•
Practice Problem
•
Easy
Ewelina Świerkowska
Used 2+ times
FREE Resource
11 Slides • 3 Questions
1
Tworzenie własnej strony internetowej
2
Notepad++
3
Plan pracy nad stroną internetową
Określenie tematyki strony internetowej.
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).
Wykonanie strony - utworzenie kodu w języku HTML.
Umieszczenie strony w internecie.
4
Multiple Choice
Zanim zacznę pracę nad stroną www, powinienem/powinnam opracować plan strony internetowej.
Prawda
Fałsz
5
Draw
Napisz z jakiego programu będziemy korzystać, aby stworzyć stronę internetową.
6
Tworzenie podstawowej strony internetowej
Utwórz folder "Moja strona", w którym będziesz gromadziła/a wszystkie pliki składujące się na stronę www.
W edytorze plików tekstowych (Notepad++), utwórz podstawową strukturę strony.
W części nagłówkowej wpisz tytuł strony "Podróże".
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.
Zapisz plik pod nazwą index.html w utworzonym folderze.
7
Zapis w Notepad++
8
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
9
Strona internetowa
tytuł strony
pierwszy nagłówek
10
Zapis na pulpicie
Pamiętaj, że plik musi zostać zapisany "nazwa.html"
11
Multiple Choice
Aby powstał odnośnik do strony internetowej musi być zapis po kropce "html"
Prawda
Fałsz
12
Przypominam, że "Notatnik" również może być przydatny w tworzeniu stron internetowych :)
Także do dzieła!
13
Notatnik
14
<!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>
Tworzenie własnej strony internetowej
Show answer
Auto Play
Slide 1 / 14
SLIDE
Similar Resources on Wayground
11 questions
Area of Composite Shapes
Lesson
•
7th Grade
12 questions
Inequalities
Lesson
•
7th Grade
12 questions
Inequalities - One-Step Multiply & Divide
Lesson
•
7th Grade
11 questions
Revision for the End of year Exam
Lesson
•
7th Grade
13 questions
Clase 1 - Introducción a la Programación
Lesson
•
11th - 12th Grade
10 questions
Writing Equations
Lesson
•
6th Grade
11 questions
HTML coding
Lesson
•
7th Grade
11 questions
Ôn tập Toán
Lesson
•
7th Grade
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
14 questions
Boundaries & Healthy Relationships
Lesson
•
6th - 8th Grade
13 questions
SMS Cafeteria Expectations Quiz
Quiz
•
6th - 8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
SMS Restroom Expectations Quiz
Quiz
•
6th - 8th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
10 questions
Pi Day Trivia!
Quiz
•
6th - 9th Grade
Discover more resources for Computers
14 questions
Boundaries & Healthy Relationships
Lesson
•
6th - 8th Grade
13 questions
SMS Cafeteria Expectations Quiz
Quiz
•
6th - 8th Grade
12 questions
SMS Restroom Expectations Quiz
Quiz
•
6th - 8th Grade
10 questions
Pi Day Trivia!
Quiz
•
6th - 9th Grade
15 questions
SMS PBiS Hallway Expectations
Quiz
•
6th - 8th Grade
10 questions
Mind the pi : Pi Day Trivia
Lesson
•
6th - 8th Grade
7 questions
SMS Playground Expectations Quiz
Quiz
•
6th - 8th Grade
16 questions
Mario Trivia Challenge
Quiz
•
6th - 8th Grade