Strony www część 1

Transkrypt

Strony www część 1
Strony www część 1
1.Edytory stron
Windows
Pajączek (shareware - płatny)
Najbardziej znany polski edytor HTML rozwijany od lat. Oferuje szerokie wsparcie dla
najnowszych technologii internetowych, z których warto wymienić takie jak HTML,
XHTML, XML, PHP, JavaScript, VBScript, Perl, MathML, SVG, SMIL, P3P, ASP i inne.
Wsparcie to dotyczy nie tylko ułatwionej edycji plików źródłowych w tych językach program oferuje bowiem kontekstową dokumentację dla wybranego polecenia języka,
przeglądanie za pomocą serwera czy funkcję dynamicznego kodu, która uwalnia od
konieczności pamiętania poleceń języka.
CoreEditor (płatny - dostępna wersja DEMO)
Tańszy konkurent Pajączka, następca darmowego EdHTML przepisany zupełnie od nowa.
Bardzo dobrze spisuje się jako edytor dla osób programujących w Pascalu, Asemblerze,
Delphi, C, Java itd. Niemniej największy nacisk położony został na wsparcie dla takich
technologii jak xHTML, CSS, PHP, JavaScript i MySQL.
Extra Page (darmowy)
Edytor HTML kolorujący składnię, zapisujący pliki w formacie kodowania ISO-8859-2,
zawierający kreator strony oraz posiadający wiele innych funkcji, m.in.: możliwość
wstawiania i edycji znaczników META, zmiana właściwości strony, kolorowanie składni
HTML, możliwość edycji zawartości tabeli podczas jej wstawiania.
HateML Pro (darmowy)
Edytor przeznaczony zarówno dla początkujących jak i zaawansowanych
webmasterów.Wspomaga tworzenie stron z użyciem XHTML, PHP, CSS, SQL (m.in.
MySQL, Oracle, MSSQL7, MSSQL2000, Interbase6), JavaScript i VBScript. Posiada
wbudowany inspektor tagów, parser HTML i PHP oraz prosty edytor WYSIWYG. Program
został również wyposażony w narzędzia mające na celu optymalizację kodu - m.in. narzędzie
HTMLTidy służące do sprawdzania poprawności kodu, narzędzie kompresujące kod, oraz
możliwość bezpośredniego wysłania kodu do narzędzia Validator W3C. Ułatwieniem dla
programistów piszących w PHP jest możliwość bezpośredniego uruchamiania kodu PHP z
poziomu programu (bez konieczności uruchamiania serwera)
Kicia (darmowy)
Zawiera obsługę wbudowanego języka skryptowego, wsparcie dla 14 różnych rodzajów
dokumentów (TXT, HTML, PHP, PERL, C/C++, Pascal i inne).
WebSite PRO (darmowy)
Posiada bardzo pomocny mechanizm podpowiedzi składni, który pozwala w szybki i sprawny
sposób budować nasze witryny. Wystarczy w odpowiednim momencie je wywołać skrótem
Ctrl+Spacja, a ukaże się lista dostępnych wariantów. Podpowiedzi udzielają nam pomocy w
zakresie: HTML, JavaScript, CSS, PHP. Ponadto posiada moduły kolorowania dokumentów
Perl, Java, JavaScript, CSS, PHP, Ini, C++, Object Pascal. Potrafi sprawdzać poprawność
kodu dzięki opcji autowalidacja znaczników.
Zajączek (darmowy)
Dzięki pracy z programem wykorzystanie technologii takich jak PHP, JS, VBS, CSS, XML,
SQL stanie się prostsze, a szablony i kreatory przyspieszą pracę nad większymi serwisami.
Program umożliwia również tworzenie rozbudowanych graficznie diagramów tworzonych
dokumentów.
2.Linux
Bluefish (darmowy)
Szybki i lekki edytor dla webmasterów-programistów. Posiada również wbudowany graficzny
tryb edycji. Wspiera m.in.: HTML, PHP, C, Java, JavaScript, JSP, SQL, XML, Python, Perl,
CSS, ColdFusion, Pascal. Zawiera kreatory znaczników HTML, a także specjalne dla
szkieletu strony, tabel, ramek, albumów zdjęć itp. Automatyczne domyka znaczniki. Posiada
wbudowane narzędzie wyszukiwania i zamiany w wielu plikach jednocześnie oraz
przeglądarkę dokumentacji znaczników i funkcji. Integruje się z innymi aplikacjami. Istnieje
polska wersja językowa.
gedit (darmowy)
Oficjalny edytor środowiska GNOME, cechujący się prostotą. Wspiera m.in.: C, C++, Java,
HTML, XML, Python, Perl. Automatycznie dodaje wcięcia linii kodu oraz dopasowywuje
nawiasy. Obsługuje wtyczki, np.: statystyki dokumentu, integracja z zewnętrznymi
aplikacjami, makrokody, lista znaczników.
Istnieją również edytory graficzne, tzw. WYSIWYG (ang. What You See Is What You Get,
czyli To Co Widzisz Jest Tym Co Otrzymasz). Jest nim choćby FrontPage dostępny w
pakiecie biurowym Microsoft Office. Aby się nimi posługiwać, nie musisz wcale znać języka
HTML, ponieważ stronę tworzy się w nich jak w zwykłym edytorze tekstu, a cały kod HTML
generuje automatycznie program.
3. Szablon strony
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone
przecinkami" />
<meta name="Author" content="Tu wpisz swoje imię i nazwisko" />
<title>Tu wpisz tytuł strony</title>
</head>
<body>
Tu wpisuje się treść strony
</body>
</html>
4 Deklaracja typu dokumentu i strony kodowej
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">