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">