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