Prezentacja 1 - INF-WLF

advertisement
Treści multimedialne - kodowanie,
przetwarzanie,
prezentacjaOdtwarzanie treści
multimedialnych
Andrzej Majkowski
informatyka +
Jak stworzyć stronę
internetową?
Mirosław Garnowski
Krzysztof Grzanka
informatyka +
Plan zajęć
1. Strona internetowa
2. HTML
3. Edytory HTML
4. System zarządzania treścią
5. Hosting strony
6. Pozycjonowanie strony
informatyka +
Strona internetowa
Strona internetowa lub strona WWW (Webside,
World Wide Web), to dokument, który może być
odczytywany przez przeglądarki internetowe.
informatyka +
HTML
HTML - Hyper Text Markup Language zwany
hipertekstem.
Język skryptowy stosowany do tworzenia
stron internetowych.
Składnia języka standaryzowana jest przez
W3C
World Wide Web Consortium
HTML
Przykład kodu html
<!doctype html>
<html lang="pl" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tytuł strony</title>
</head>
<body>
<h1>Nagłówek </h1>
<p>
Sposoby kodowania polskich znaków
charset=UTF-8 <br />
charset=win-1250 <br />
charset=iso-8859-2 <br />
</p>
</body>
</html>
Edytory HTML
informatyka +
Edytory HTML
Do tworzenia stron w HTML nie są
potrzebne kompilatory. Plik można
stworzyć w notatniku i zapisać
z rozszerzeniem html.
Pisanie polega na stosowaniu znaczników
(poleceń), które przeplatają się z tekstem
dokumentu.
informatyka +
Edytory HTML
Tworzenie strony internetowej ułatwiają
specjalne programy-edytory, np.:
- Pajączek,
- EdHTML,
- SeaMonkey i inne.
Dokument może być również zapisany
jaki skrypt html nawet przez edytor
tekstu, np. Word.
informatyka +
Pajączek
Pajączek 5 NxG
Profesjonalny
program
zawierający
rozbudowany
zestaw narzędzi
do tworzenia
stron
internetowych
Zawiera narzędzia z podpowiedziami
i weryfikacji kodu oraz automatycznej
publikacji.
informatyka +
EdHTML
Darmowy edytor
html
Pozwala wykorzystać
szablony i projekty.
Zawiera odrębne
okienka do edycji
ważniejszych poleceń.
Umożliwia graficzne
układanie elementów.
Wraz z edytorem otrzymujemy program do
cięcia grafik i tworzenia albumów na stronach
www.
SeaMonkey
Darmowy edytor html
Pakiet SeaMonkey to
wszystkie programy
potrzebne do
korzystania z Internetu
w jednym zestawie.
Przeglądarka, klient
poczty i grup
dyskusyjnych, edytor
stron HTML oraz
program do pogawędek
sieciowych IRC.
informatyka +
System zarządzania treścią
(ang. Content Management System, CMS)
oprogramowanie pozwalające na łatwe
utworzenie stron WWW oraz ich późniejszą
aktualizację i rozbudowę.
CMS oddziela treści (informacje na stronie) od
wyglądu (prezentacji ich na stronie www).
Wprowadzone nowe informacje zapisywane są w
bazie danych. Dane te są wykorzystywane do
tworzenia dynamicznych strona z
wykorzystaniem szablonów stron.
System zarządzania treścią
Popularne CMS
WordPress
Typo3
Drupal
Quick.Cms
Joomla!
Gdzie umieścić stronę WWW
• Strona WWW nie musi być umieszczana
w Internecie aby działała
• Darmowy hosting (miejsce na serwerze)
• Płatny hosting
• Blog internetowy
Podstawowe cechy hostingu
• oferowanie aplikacji kreujących
• oddanie do dyspozycji przestrzeni dyskowej na serwerze
• określona maksymalna ilości danych do przesłania przez
łącza internetowe
• zapewniona prędkość przesyłu danych i dostępności do
strony
• zarezerwowana nazwa na domenie
• hosting powinien zapewniać ochronę znajdujących się na
serwerze kont przed różnego typu atakami
Darmowy hosting
Często posiada ograniczenia:
• przestrzeni dyskowej
• brak dostępu do baz danych
• ograniczenie transferu danych
• nie obsługuje języki skryptowe (np. PHP)
• zawiera reklamy
Pozycjonowanie strony
• dodanie adresu URL do katalogu Google
• publikowanie filmów w serwisie youtube
• prowadzenie blogu
• dostarczanie linków na stronach
• komentowanie na forach
• dobór słów kluczowych
Download