Czym jest i do czego służy edytor HTML Rodzaje edytorów HTML

advertisement
1. Instalacja i omówienie programu typu WYSWIG
2. Tworzenie struktury strony opartej na programie WYSWIG
3. Tworzenie podstron.
4. Praca nad własną stroną opartą o edytor WYSWIG.
5. Umieszczanie stron w Internecie - znalezienie serwera, proces publikowania, transfer
plików za pomocą FTP
Kilka słów teorii a następnie praktyka na lekcji
Czym jest i do czego służy edytor HTML1
Podstawowa strona internetowa zbudowana jest z obrazków przygotowanych
w dowolnym
programie
graficznym
oraz
kodu
w
języku
HTML.
Znaczniki HTML, to polecenia rozumiane przez przeglądarki internetowe, dzięki czemu
możliwe jest zinterpretowanie kodu i wyświetlenie strony WWW.
Strona internetowa, to właściwie zwykły dokument tekstowy, więc od strony technicznej
wystarczy nam nawet najprostszy edytor tekstu typu Notatnik. Jednak specjalistyczne
programy naprawdę ułatwiają pracę, a do tego są często darmowe.
Jakie to ułatwienia? Kolorowanie kodu, podpowiedzi do znaczników HTML,
automatyczne zamykanie cudzysłowów i tagów, zaawansowana praca z tekstem, tzw.
snippety i makra.
Rodzaje edytorów HTML
Oprogramowanie do pracy z kodem można podzielić na dwie główne grupy:
•
•
Edytory WYSIWYG.
Edytory tekstowe.
Edytory WYSIWYG (What You See Is What You Get, czyli masz to, co
widzisz), pozwalają tworzyć strony WWW bez znajomości kodu HTML.
Pracujemy nad elementami witryny w przybliżeniu tak, jak będą one wyglądały w
oknie przeglądarki. Edytory tekstowe służą do pracy ze znacznikami języka HTML
(PHP, ASP, JavaScript) i arkuszami stylów.
Większość edytorów WYSIWYG przeznaczona jest dla osób, które zamierzają
zajmować się projektowaniem stron sporadycznie. Bez znajomości kodowania
możemy natknąć się na problemy z projektem, których z braku wiedzy nie
rozwiążemy. Z drugiej strony bardziej sprawni webmasterzy nie lubią tracić czasu na
1
http://www.grafoteka.pl/webdesign/jak-wybrac-edytor-html.php
poruszanie się po interfejsie edytora, biorąc ponadto pod uwagę kilka ciekawych
propozycji ułatwiających pracę z kodem, takich jak Zen Coding czy Emmet. kodu.
WYSIWYG nie sprzyjają nauce HTMLa, a to właśnie nauka kodowania powinna być dla
początkującego projektanta stron najważniejsza (inna sprawa, że edytory typu WYSIWYG
są najczęściej płatne i równie często są to programy średniej jakości).
Programy np.
WYSIWYG Web Builder to program do tworzenia stron internetowych bez potrzeby
znania jakiegokolwiek języka programowania. Aplikacja została stworzona po to aby
ułatwić tworzenie stron wszystkim amatorom. Zastosowano w niej technikę WYSIWYG
(What-You-See-Is-What-You-Get) - oznacza to, że użytkownik otrzyma dokładnie to co
widzi na monitorze.
Praca z programem jest niezwykle prosta, treść strony wpisuje się w gotowe lub stworzone
pola tekstowe, natomiast grafikę przesuwa się w odpowiednie miejsce za pomocą myszki.
Efekt pracy można podglądnąć w wbudowanej przeglądarce internetowej. Dodatkowo
program posiada bazę grafik oraz skryptów Java. Kolejnym udogodnieniem jest
wbudowany klient FTP, w ten sposób użytkownik może bezpośrednio z programu
umieścić własną stronę WWW na serwerze.
Wersja testowa pozwala na 30 dni darmowego korzystania z programu.
Microsoft Office SharePoint Designer – program firmy Microsoft do tworzenia stron
internetowych. SharePoint Designer jest następcą programu FrontPage. Jest osobnym
programem z rodziny Microsoft Office 2007 oraz Microsoft Office 2010 i nie wchodzi do
żadnej z ośmiu wersji pakietu. Program pracuje w trybie graficznym (WYSIWYG), ale daje
też dostęp do kodu źródłowego dokumentu, pozwalając redagować kod ręcznie, z użyciem
znaczników HTML.
Od dnia 1.04.2009 Microsoft zdecydował się na udostępnienie Microsoft Office SharePoint
Designer 2007 bez pobierania opłat, a dla dotychczasowych użytkowników programu
udostępnił Microsoft Expression Web za darmo.
Pobierz ze strony program: http://www.microsoft.com/pl-pl/download/details.aspx?id=21581
Download
Random flashcards
ALICJA

4 Cards oauth2_google_3d22cb2e-d639-45de-a1f9-1584cfd7eea2

bvbzbx

2 Cards oauth2_google_e1804830-50f6-410f-8885-745c7a100970

Motywacja w zzl

3 Cards ypy

Create flashcards