Opisz programy do tworzenia stron internetowych

Strony WWW można tworzyć właściwie dwoma sposobami.

Pierwszy, najłatwiejszy to tryb WYSIWYG (What You See Is What You Get), czyli jak widzisz, tak będzie. WWW tworzy się w trybie rzeczywistym, czyli tak jak wyglądają w przeglądarce po opublikowaniu. Do tych celów Microsoft przedstawił w 1997 roku pierwszą wersję programu Front Page. Aplikacja od razu zyskała sobie wiele fanów i stała się powszechnie stosowanym edytorem stron www na świecie przez początkujących webmasterów. A możliwości programu są naprawde spore. Wersje 2000 czy XP 2002 zadowolą z pewnością nowicjuszy: można w nich wpisywać skrypty JavaScript, VBScript, włączać aplety Javy, obiekty ActiveX i Plug-ins. Nie ma problemów z wstawianiem grafiki i jest zakładka HTML do edycji kodu.

Drugi tryb tworzenia WWW jest tryb HTML (HyperText Markup Language). Jest to język polegający na wprowadzaniu komend dla specjalnego edytora, za który może posłurzyć nawet Notatnik. Również za pomocą Front Page możemy tworzyć strony edytując komendy. Do tego jednak potrzebna jest dobra znajomość HTML. Oczywiście pomijam tu metody 'wszystkie strony w jednej', które wykorzystuje np. FLASH czy DHTML. 

Dokument HTML jest zwykłym plikiem tekstowym, w którym znajdują się polecenia HTML. Wynika stąd, że dokument taki można utworzyć za pomocą najprostszego edytora tekstów, ręcznie dodając znaczniki. Metoda taka, choć skuteczna, byłaby jednak zbyt uciążliwa. Dlatego na rynku pojawiło się już wiele specjalizowanych edytorów, które wydatnie ułatwiają konstruowanie dokumentu, wspomagając wprowadzanie poleceń. Są to zazwyczaj programy klasy shareware, aczkolwiek znajdziemy też sporo programów komercyjnych i całkowicie bezpłatnych (freeware).

Praca nad dokumentem HTML wymaga używania różnych narzędzi, które można podzielić umownie na kilka klas.

Narzędzia do tworzenia stron www można podzielić na:

1. edytory HTML

• edytory tekstowe

• edytory graficzne

2. edytory stylów

• CSS

3. inne narzędzia

• edytory JavaScript i skryptów server-side

• edytory XML i XHTML

• konwertery

• programy do tworzenia informacji Meta

• programy zarządzające witrynami

• walidatory

• programy graficzne

• flash

• tworzenie czcionek ładowalnych

• FTP

• indeksery

• HTML Help

Opis przykładowych programów

Microsoft Front Page 2000

Program ten daje z jednej strony narzędzia daleko idącej automatyzacji przy tworzeniu całych witryn, z drugiej zaś pozwala budować je "ręcznie", krok po kroku. Typowym przykładem automatyzacji jest wykorzystanie tzw. tematów, których jest w wersji testowej ok. sześćdziesięciu. FrontPage aplikuje kolorystykę, sposób wyświetlania odsyłaczy, oprawę graficzną, a także JavaScript obsługujący efekty specjalne. Użytkownik może skorzystać ze zintegrowanego edytora tematów, który pozwala tworzyć własne rozwiązania graficzne.

Front Page pozwala bardziej sprawnie dołączać do stron rozmaite elementy. Na przykład rozbudowaną obsługę grafiki, wideo i dźwięku oferuje unowocześniona ClipArt Gallery. Z poziomu menu możemy wstawiać Office Web Components, np. arkusz Excela, tabelę przestawną czy wykres. Dostępne są takie narzędzia, jak aplet obsługujący zmieniające się cyklicznie bannery reklamowe, animowane przyciski, licznik wizyt, pole wyszukiwawcze czy zmieniający się w czasie obrazek.

FrontPage zawiera: Visual Basic Editor, w którym redagujemy makra napisane za pomocą tego języka (uruchamiamy je za pomocą modułu Macros), oraz Microsoft Script Editor do tworzenia skryptów VB Script i JScript.

Obszerny zestaw informacji daje moduł raportów, w którym kontrolujemy wielkość konstruowanej witryny, badamy spójność odsyłaczy, potencjalne kłopoty z ładowaniem stron do przeglądarki, niepotrzebnie wprowadzone, a nie użyte tematy, błędy komponentów czy niedokończone zadania. Te ostatnie są redagowane w module zadań, gdzie po prostu zapisujemy projektowane na przyszłość czynności. Warto zauważyć, że Front Page sam kontroluje spójność witryny - gdy przeniesiemy jakąś stronę do innego folderu, wszystkie niezbędne odsyłacze są automatycznie zmieniane w całym kompleksie stron, co chroni przed pozostawieniem odsyłacza prowadzącego donikąd.

Front Page 2000 wymaga procesora Pentium 75 MHz, Windows 95/98 lub NT 4.0 z Service Pakiem 3. Konieczne jest, odpowiednio, 24 lub 32 MB pamięci RAM, oraz 167 MB miejsca na dysku w typowej instalacji.

Microsoft Front Page 2000 nie jest trudnym programem do opanowania. Wyglądem przypomina Word i poniekąd jego funkcje.

Do pracy należy zaistalować FP:

ftp://ftp.komputerswiat.pl/Programy/Internetowe/Edytorystron/fpe20eng/FPESETUP_wu.exe

Po instalacji uruchamiamy program. Widzimy okno główne.

Opcje, które są nieaktywne będą dostępne po naciśnięciu
< p>

Opis paska narzędzi

1. Nowa, pusta strona. 2. Otworzenie zapisanego dokumentu; obsługuje  pliki .html, i .htm, a także .css, ale o tym później. 3. Zapisanie bieżącego dokumentu. 4. Gdy strona jest zapisana FT oferuje wysłanie jej do sieci za pomocą klienta FTP, programiku, który wyśle naszą gotową stronę na serwer.

1. Możliwość włączenia tzw. Folderu listy, ramki, która eksploruje nasze strony. Przydatne do zarządzania większymi witrynami. 2. Drukuje stronę. 3. Podgląd strony: otwiera się Internet Exploler. 4. Sprawdzanie pisowni. Choć sam menu jest w wersji angielskiej, to TP operuje i sprawdza język polski.

1. Usuwanie  zaznaczonego tekstu. 2. Kopiowanie zaznaczonego tekstu. 3. Wklejanie tekstu przechowywanego w schowku. 4. Format do malowania.

1. Cofnięcie czynności. 2. Po cofnięciu czynności (1) możemy ją przywrócić.

1. Wstaw obiekt: można wstawić np.; ruchomy tekst (marquee) lub animowany przycisk (button). 2. Wstawia tabelę. 3. Wstawia rysunek.

1. Wstawia hiperłącze (link). 2. Odświeża stronę przy przeglądaniu. 3. Zatrzymuje animacje. 4. Pomocne znaki, np. pokazuje gdzie użyto ENTERA czy SPACJI. 5. Pomoc.

1. Definiuje w kodzie np. nagłówki, a je lepiej samemu ustawić w plikach .css. 2. Tak samo, jak w pierwszym punkcie, ale dot. czcionki. 3.  Podobnie po punktów 1 i 2, dot. wielkości czcionki.

Można używać w programie, ale i  można definiować w arkuszach styli .css.

1.  Pogrubia czcionkę. 2. Kursywa czcionki. 3. Podkreślenie czcionki. 4. Wyrównanie teksu do lewej. 5. Wyrównanie teksu do środka. 6. Wyrównanie teksu do prawej.

1. Numeracja tekstu. 2. Wypunktowanie tekstu. 3. Odstęp między wyrazami do lewej.  4. Odstęp między wyrazami do prawej. Może posłużyć do ustawienia akapitów. 5. Zaznaczenie teksu obramowaniem. 6. Ustawienia koloru teksu.

Zakładki:

Normal - Tworzenie strony w trybie rzeczywistym (WYSIWYG) 

HTML - Przejście do ciała strony - kodu HTML

Preview - Podgląd strony

Tworzenie strony www

Przed przystąpieniem do pracy należy zmienić rozdzielczość ekranu na 800x600 i tworzyć strony we FP w tej rozdzielczości! 

1. Dostosowanie strony do pewnych norm

Z menu File wybieramy New> i Page... Z dostępnego okna wybieramy Normal Page. Może najpierw zajmijmy się sprawami natury technicznej: Klikamy prawym klawiszem myszki i z dostępnego menu wybieramy: Page Properties:

I tak z zakładki General w linijce Title wpisuje się tytuł naszej strony, jaki będzie widoczny na pasku głównym przeglądarki, np. Moja strona domowa. Z zakładki Background w linijce Colors Background wybieramy kolor, który będzie tłem strony, np. Silver. i ustaw kolory dla: Hyperlink (linku), Visited hyperlink (odwiedzonego linku) i Active hyperlink (aktywnego linku). Pamiętamy przy tym, żeby wszystkie kolory pasowały do wcześniej wybranego tła. Dalej przechodzimy do zakładki Custom i linijki User variables. Zaznaczamy wszystkie znajdujące się tam elementu i klikamy Remove. Są to zupełnie nie potrzebne wpisy i można ich się pozbyć.

Przechodzimy do zakładki Language.

Z linijki Page language wybieramy: Polish, a następnie z linii HTML encoding wybieramy Central European (ISO 8859-2). Teraz dostosujmy naszą stronę do przeglądarek, żeby nie "wariowała z tekstem" kopiujemy linijkę

przechodzimy do zakładki HTML u dołu strony i wklejamy ją przed znacznikiem <head> zaraz na początku kodu strony.

Te czynności sprawiły, że możemy być pewni, dostosowania strony do najnowszych przeglądarek i prawidłowego funkcjonowania polskich znaków. 

2. Tworzenie strony

Przechodzimy do zakładki HTML. Nasze czynności powinny wyglądać tak:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<meta http-equiv="Content-Language" content="pl">

<title>Moja strona domowa</title>

</head>

<body bgcolor="#C0C0C0" link="#0000FF" vlink="#800080" alink="#FF0000">

</body>

</html>

3. Zawartość strony.

"Moja strona domowa" powinna mieć dość przejrzyste menu. Za pomocą FP możemy stworzyć kilka fajnych buttonów, które będą atrakcyjne.

Z paska menu wybieramy Insert, dalej Component i Hover button.

W linii Button tekst wpisujemy nazwę strony do jakiej będzie prowadził link, np: O mnie, w polu niżej wpisujemy nazwę pliku tej strony, np. ja.htm (konieczne jest podanie rozszerzenia). Możesz dowolnie edytować kolory i efekty.

Żeby dodać kolejny button, postępujemy wg. ww. informacji. Takim sposobem można stworzyć kompletne menu na potrzeby naszej strony.

Wstawianie zdjęcia paska menu wybierz Insert, dalej Picture i From file. Wstawimy nasze zdjęcie.

Mamy już zalążek naszej witryny, czas ją zapisać. Z menu wybieramy File i Save as... Wpisujemy nazwę dla pliku i gotowe. FP standardowo zapisuje strony jako .htm, ale można zapisać je jako .html. 

Zaawansowane funkcje

1. Wstawianie form, które znacznie ułatwią nam przesyłanie wiadomości ze strony WWW.

Początek formularza

2.

Dół formularza

Współpraca z plikami .css jest przy tworzeniu stron praktycznie nieoceniona. Aby dołączyć arkusz styli do strony należy wybrać z menu Format i  Style Sheet Links ... 

I dalej klikając na Add znajdujące się po prawej stronie wybrać stworzony przez nas plik .css

3. Możemy także wstawić linię poziomą. Często się przydaje, a i łatwo ją wstawić: Z menu wybierz Insert Horizontal line. I już. Linię można edytować: kliknąć na linię dwa razy i ustawić właściwości wg. gustu. np.  menu Height ustaw na 1 pixel i kolor na black.

4. Wyróżnienie - ciekawa funkcja służąca do skupienia większej uwagi czytelnika na jakimś tekście. np. 

WebInside - vortal webmasterski. Tworzenie stron www: porady dla początkujących, mnóstwo artykułów, skrypty JS, DHTML, PHP, JS, kursy off-line, rejestrator stron www, katalog stron za free, ponadto szablony www, elementy graficzne i fonty. Recenzje książek i opisy programów. Alles was ein Webmaster braucht. Tolls for webmasters and more... http://www.webinside.net

I tak: Zaznaczamy tekst, który chcemy edytować i klikamy na znaczek
. Możemy także wybrać kolor, bądź podać definicję RGB. Wystarczy, że kilkniemy na strzałkę obok.

5. Tabele, ramki, etc.

Z menu wybieramy Table, a następnie Insert i Table... Pokazało się duże menu wyboru:

Linijkę Size zostawiamy bez zmian - 2 kolumny w 2 rzędach. Czyli razem 4 "pola". Natomiast zmieńmy nieco linijkę Layout: W polu alignment ustawmy na center, a border size, cell padding i cell spacing na 0. Klikamy na OK. Efekt poniżej: (w pola wpisano tekst, żeby było widoczne to, co powstało)  

jakiś tekst	jakiś tekst
jsdfsdfsdfsdfsdfsdfsdf sdfsdfsdfsdfsdfsdfdfsdf sdfsdfsdfsdfsdfsdfsdfsdf	tu może być rysunek

6. Wypunktowanie

Zaznaczamy tekst, który chcemy wypunktować, z menu wybieramy przycisk bullets. Tym sposobem wypunktujemy tylko kulką. Bardziej rozbudowane możliwości można uzyskać tak: Zaznaczyć tekst, z menu wybrać Format, następnie Bullets and numbering, i z zakładki Plain bullets dokonać wyboru punktów. Można także użyć własnej grafiki, która zastąpi kulki. Wystarczy, że z zakładki Picture bullets zaznaczymy opcję Specify picture i klikniemy Browse. Uruchomi się przeglądarka poczym można wybrać odpowiednią grafikę.

7. Gotowe szablony

Front Page ma ułatwiać tworzyć strony WWW. Jednych z czynników, które skutecznie pełnią tą rolę są szablony kompletne, czyli gotowe witryny, przygotowane tylko pod edycję tekstu.

Przed przystąpieniem do pracy włączamy Folder List z menu narzędzi we FP. Następnie z menu wybieramy File, klikamy na  New> Web... Z nowego okna wybieramy Customer Support Web, poczym otworzy się jedna z 20. stron, które są przygotowane na edycję.

Uwaga! Kod strony nie zawsze jest przystosowany do pełnej wydajności, chociażby polskich czcionek, czy wyglądu strony w przeglądarkach. Należy więc zastosować się do porad z działu Tworzymy WWW i zmienić odpowiednio kod. 

Pokaże nam się gotowy szablon. Niektórym graficzna oprawa może się nie spodobać, ale można to zmienić. Wystarczy użyć Tematów (themes).

Z menu wybieramy Format i klikamy na Themes... otworzyła się przeglądarka przeróżnych wersji graficznych dla naszej strony WWW.

U dołu przeglądarki widnieje opcja Modify, za pomocą której można zmienić kolory, dodać własną grafikę (logo), czy jeszcze bardziej zmienić layout strony.

PAJĄCZEK 5 NxG

Pajączek 5 NxG zawiera kilkadziesiąt narzędzi usprawniających tworzenie rozbudowanych projektów internetowych oraz liczne ułatwienia pozwalające na szybką i wydajną pracę nad zarówno stronami HTML i XHTML jak i aplikacjami działającymi na WWW.

Zawiera świetny edytor z wieloma schematami kolorowania, podpowiedziami kodu i pomocą kontekstową jak również edytor graficzny WYSIWYG. Posiada wbudowane narzędzia weryfikacji składni, sprawdzania odsyłaczy i pisowni, poprawności arkuszy CSS, formatowania kodu.

Program oferuje również narzędzia lokalnego testowania aplikacji, funkcje automatycznej publikacji w sieci oraz obsługę serwerów FTP i WebDAV.

Dodatkowe wsparcie dla baz danych SQL, pracy grupowej oraz licznych języków (m.in. PHP, HTML, XHTML, XML, JavaScript, VBScript, ASP, CSS, MathML, SVG, RSS i innych) sprawi, że nie będziesz już potrzebował innych narzędzi.

Umożliwia również wygodne tworzenie dokumentacji HTML Help jak również kompilację istniejących serwisów do tej postaci.

Pajączek 5 NxG to kompletny pakiet webmastera, który posiada wszystko co potrzebne.
Jest więc przede wszystkim programem, którego zadanie to jak największa pomoc przy tworzeniu publikacji na potrzeby WWW zarówno takich jak proste strony WWW osób prywatnych, powstające zazwyczaj w języku HTML, jak i kompletnych i bardzo rozbudowanych serwisów internetowych budowanych w oparciu o nowoczesne technologie skryptowe takie jak PHP i SQL.

Oprogramowanie Pajączek 5 NxG zarówno w wersji Professional jak i Standard otrzymało dnia 7 grudnia 2004 roku zalecenie Ministra Edukacji Narodowej i Sportu jako środka dydaktycznego zalecanego do użytku szkolnego, kontynuując tym samym tradycję ustaloną już przez Pajączka 2000, który również posiadał takie zalecenie.

Krótko o wersjach: Standard i Professional

Pajączek 5 NxG występuje w dwóch wersjach: Standard i Professional. Obie oferują bardzo bogate funkcje związane z tworzeniem, publikowaniem i zarządzaniem serwisami internetowymi. Wersja Standard jest uproszczona w stosunku do Professional, ale zarazem znacznie tańsza. W sam raz do zastosowań domowych. Wersja Professional to program dla zawodowców oferujący w zasadzie wszystko co potrzebne każdemu profesjonaliście.

Najważniejsze funkcje wersji Professional to:

wsparcie dla języków znacznikowych

pełne wsparcie dla HTML

wsparcie dla innych języków znacznikowych,
np. XHTML, XML, SMIL, SVG, RSS, MATHML, WLM, itd.

inspektor dokumentów HTML

inspektor dokumentów dla innych języków znacznikowych

autouzupełnianie znaczników podczas tworzenia HTML

autouzupełnianie podczas tworzenia w innych językach znacznikowych

dynamiczne podpowiedzi dla znaczników HTML

dynamiczne podpowiedzi w innych językach znacznikowych

kontekstowa pomoc dla znaczników HTML pod CTRL+F1

wbudowana dokumentacja dla HTML

kurs tworzenia stron w HTML

weryfikacja składni HTML

weryfikacja składni w innych językach znacznikowych

skategoryzowany nawigator dokumentów HTML

skategoryzowany nawigator dokumentów w innych językach znacznikowych

nawigator struktury dokumentów w dowolnym języku

dynamiczny podgląd lokalnych dokumentów HTML

dynamiczny podgląd lokalnych dokumentów w innych językach znacznikowych

dynamiczny podgląd zdalnie edytowanych dokumentów

wbudowany podgląd lokalnych dokumentów HTML

wbudowany podgląd lokalnych dokumentów w innych językach znacznikowych

wbudowany podgląd zdalnie edytowanych dokumentów

kolorowanie składni dokumentów HTML

kolorowanie składni dokumentów w innych językach znacznikowych

edycja w trybie graficznym WYSIWYG

formatowanie kodu dokumentów znacznikowych

liczne kreatory znaczników

obsługa dodatkowych atrybutów i zdarzeń znaczników w okienkach narzędziowych

import dokumentów do formatu HTML, np. RTF, Excell, TXT

eksport kodu HTML do postaci dokumentów RTF i HTML z kolorowaniem

możliwość wstawiania znaczników z okienek w różnych formatach (np. z formatowaniem dla PHP)

możliwość modyfikacji i rozszerzania definicji języków znacznikowych

możliwość obsługi dowolnego języka znacznikowego w oparciu o DTD

kreator transformacji XSLT (XML/XSL)

kreator kanałów RSS 2.0

podgląd kanałów RSS 2.0

wsparcie dla arkuszy stylów CSS

obsługa CSS 1.0, 2.0, 2.1, 3.0, Mobile Profile, TVProfile

kolorowanie składni CSS w dokumentach HTML

kolorowanie składni CSS w dowolnych dokumentach

dynamiczny kod dla CSS

dynamiczne podpowiedzi dla CSS

pomoc kontekstowa dla CSS pod CTRL+F1

nawigator po strukturze dokumentów CSS

inspektor arkuszy css z możliwością wygodnej modyfikacji każdego selektora i własności oraz podglądem definicji

formatowanie dokumentów CSS (przejrzyste, skrócone)

weryfikacja poprawności składni CSS

weryfikacja zgodności arkuszy CSS ze specyfikacjami CSS Level 1,
CSS Level 2, CSS Level 3, CSS Mobile Profile 1.0, CSS TV Profile 1.0

weryfikacja zgodności arkuszy CSS z przeglądarkami

definiowanie stylów elementów z poziomu okienek narzędziowych

podgląd arkusza CSS z domyślnym formatowaniem wyświetlania definicji

podgląd arkusza CSS za pomocą dowolnego innego dokumentu

możliwość modyfikacji i rozszerzania definicji obsługiwanych standardów CSS

wirtualne dołączanie arkuszy CSS do dokumentów i serwisów dające dostęp do klas definiowanych poza edytowanym dokumentem

rozbudowany kreator selektora CSS

dostępność definicji CSS z dowolnego narzędzia edytorów znaczników

ułatwiona nawigacja pomiędzy selektorami i zaznaczanie selektorów

wsparcie dla JavaScript i VBScript

schemat kolorowania DHTML obsługujący JavaScript i VBScript

różne dodatkowe schematy kolorowania dla dokumentów z JS i VBS

obsługa zdarzeń JS i VBS w dynamicznym kodzie dla HTML

obsługa dodatkowych zdarzeń JS i VBS w oknach narzędzi

dynamiczny kod JavaScript i VBScript

dynamiczne podpowiedzi dla funkcji JavaScript i VBScript

zakładka Języki Programowania z drzewem obiektów i metod JS i VBS

nawigator dokumentów zawierających skrypty JavaScript i VBScript

ponad 50 gotowych skryptów JS i VBS z efektami specjalnymi

ponad 60 gotowych szablonów kodu JavaScript i VBScript

biblioteka JavaScript Alladyn Lite z przykładami i dokumentacją

podgląd działania skryptów za pomocą innych dokumentów

możliwość modyfikacji i rozszerzania definicji obsługiwanych języków

wsparcie dla obiektów ASP w JavaScript i VBScript

formatowanie kodu JavaScript

wbudowany kurs JavaScript

wsparcie dla języków skryptowych PHP i ASP

dynamiczny kod PHP z obsługą deklaracji z dokumentów include

dynamiczne podpowiedzi dla PHP

kontekstowa pomoc dla PHP

wbudowany kurs i specyfikacja dla PHP

nawigator funkcji PHP wraz ze zdefiniowanymi w plikach include

wbudowany podgląd PHP za pomocą serwerów przy użyciu mapowań (także z parametrami)

dynamiczny podgląd PHP za pomocą lokalnego lub zdalnego serwera

wiele rodzajów schematów kolorowania składni PHP

formatowanie kodu PHP

możliwość wstawiania kodu znaczników z okienek w formacie PHP

uzupełnianie i wstawianie znaczników w formacie zgodnym z PHP

możliwość modyfikacji i rozszerzania wbudowanej definicji PHP

zakładka Języki Programowania z drzewem funkcji i stałych PHP

szablony kodu PHP

wirtualne dołączanie plików include dające dostęp w dynamicznym kodzie PHP do funkcji zadeklarowanych poza bieżącym dokumentem

nawigator struktury ASP dla języków skryptowych używanych w ASP

kolorowanie składni ASP

zakładka Języki Programowania z elementami dostępnymi w ASP

wsparcie dla baz danych SQL

inspektor MySQL

wbudowana przeglądarka i centrum zarządzania bazami MySQL

wysyłanie zapytań do bazy MySQL również bezpośrednio z edytora

kreator zapytań SQL

eksport danych z bazy MySQL do HTML, XML, CSV, RTF, Excell, SQL

kolorowanie składni SQL, mySQL, PostgreSQL, FoxPro

wsparcie dla HTML Help

tworzenie HTML Help na bazie całych folderów

edycja projektow HTML Help

edycja spisu treści

edycja skorowidza

kompilacja HTML Help bezpośrednio z programu

podgląd skompilowanego projektu HTML Help z programu

łatwe tworzenie HTML Help z wykorzystaniem wszystkich narzędzi HTML wbudowanych w program

pełne wsparcie dla HTML Help 1.1

zarządzanie projektami serwisów

tworzenie i zarządzanie jednym projektem serwisu

tworzenie i zarządzanie wieloma kompleksowymi projektami

serwis może być projektem HTML Help

przypisywanie notatek i zadań do wykonania do serwisów

synchronizacja serwisu lokalnego ze zdalnym i vice wersa

archiwizacja i przywracanie z archiwum kompletnych serwisów wraz z ustawieniami

weryfikacja składni w dokumentach składowych serwisu

weryfikacja odsyłaczy w dokumentach składowych serwisu

sprawdzanie spójności serwisu czyli wyszukiwania nieużywanych dokumentów, plików i deklaracji stylów CSS

wyszukiwanie i zmiana tekstu w całym serwisie

konwersja znaków narodowych w całym serwisie

mapa graficzna serwisu

ustawienia zbiorcze mapowania serwisu na adres URL dla podglądu i publikowania dokumentów serwisu

predefiniowane ustawienia META dla wszystkich nowych dokumentów serwisu

rozbudowane statystyki plików używanych w serwisie

dodatkowe statystyki dla tłumaczy (ilość znaków, stron tekstu, itp.)

szybki podgląd dokumentów serwisu

wbudowany edytor dokumentów i jego ułatwienia

podstawowe schematy kolorowania DHTML, CSS i TXT

ponad 40 dodatkowych schematów kolorowania wielu języków

możliwość określania kolorystyki używanej w schematach kolorowania

modyfikowanie i tworzenie własnych schematów kolorowania

edycja wielu dokumentów na raz

edycja dokumentów otwieranych zdalnie z serwerów FTP i WebDAV

możliwość edycji dwóch różnych części tego samego dokumentu

tworzenie zakładek numerowanych i nazwanych

numerowanie wierszy dokumentu

podkreślanie błędów pisowni w różnych językach

poprawianie błędów pisowni poprzez menu kontekstowe

słownik synonimów dla języka angielskiego

automatyczna korekta typowych błędów pisowni

dynamiczny kod, uzupełnianie i pomoc kontekstowa

zawijanie wierszy dłuższych niż widok (wordwrap)

zawijanie wierszy na prawym marginesie

wykrywanie zmian w edytowanych dokumentach poza programem

łatwa nawigacja między dokumentami i zmiana kolejności wyświetlania

wyświetlanie niewidocznych znaków specjalnych

podświetlanie odpowiadających sobie par nawiasów, klamer, itp.

liczne skróty klawiszowe ułatwiające edycję

dynamiczny podgląd dokumentów odświeżany automatycznie

podgląd dokumentu za pomocą dowolnej przeglądarki

podgląd za pomocą innego dokumentu podglądu

edycja w trybie graficznym WYSIWYG

funkcja wieloschowka pozwalająca na wiele tekstów do wklejania

możliwość wklejania zawartości schowka w róznych formatach

powtarzanie poprzednio wykonanej operacji

nielimitowane funkcje cofnij (undo) i ponów (redo)

liczne formaty wstawiania daty i czasu

dodatkowy edytorek Unicode do wstawiania dowolnych alfabetów

liczne formaty konwersji zaznaczonego tekstu na struktury

proste wyszukiwanie i zamiana w dokumencie

wyszukiwanie i zamiana w dokumencie z obsługą wyrażeń regularnych

wyszukiwanie i zamiana w wielu dokumentach na raz

wyszukiwanie i zamiana w wielu dokumentach na raz z obsługą wyrażeń regularnych

narzędzie automatycznej korekty typograficznej

obsługa wielu narodowych formatów kodowania znaków przy zapisie i odczycie (pełny ISO i UTF-8 oraz UTF-16)

automatyczna konwersja znaków narodowych na bazie zawartości dokumentu lub

domyślnych ustawień

łatwa nawigacja między dokumentami i zmiana kolejności wyświetlania

szeroka konfigurowalność edytora

obsługa automatycznych wcięć tekstu

funkcje przenieść&upuść do edytora i z edytora oraz w edytorze

zaznaczanie kolumnowych bloków tekstu

pamiętanie ustawień edytora dla każdego dokumentu z osobna

podświetlanie bieżącej linii z kusorem

graficzna reprezentacja miejsc z oznaczonymi zakładkami i zadaniami do wykonania

możliwość przypisywania i odczytywania rozbudowanych informacji o dokumencie oraz statystyk

dodatkowe statystyki dla tłumaczy (ilość znaków, stron tekstu, itp)

publikowanie w sieci za pomocą FTP i WebDAV

wbudowany klient FTP

wbudowany klient WebDAV

obsługa dowolnej liczby serwerów FTP i WebDAV

edycja dokumentów otwieranych bezpośrednio z serwera FTP

edycja dokumentów otwieranych bezpośrednio z serwera WebDAV

funkcja "bezpieczny transfer" zabezpieczająca przed zerwaniem połączenia i nadpisaniem niedokończonym plikiem

kopiowanie całych folderów na serwer i z serwera FTP

kopiowanie całych folderów na serwer i z serwera WebDAV

kolejka plików z możliwością wykonywania w tle

automatyczna synchronizacja lokalnej zawartości serwisu z zawartością online na serwerze i vice versa

wyświetlanie zapisu komunikacji (log) programu z serwerem FTP

bezpieczne połączenia FTP z szyfrowaniem za pomocą SSL/TLS

bezpieczne połączenia WebDAV z szyfrowaniem za pomocą HTTPS

funkcja mapowania serwera na folder lokalny dzięki czemu możliwy jest podgląd plików zdalnych

obsługa trybu pasywnego połączeń FTP

automatyczne komunikaty przy wysyłaniu na serwer dokumentów z nieprawidłowymi odwołaniami do plików

automatyczna zmiana wielkości znaków w nazwach plików przesyłanych na serwer

tryb pracy offline (bez połączenia z siecią) na serwerze FTP

tryb pracy offline (bez połączenia z siecią) na serwerze WebDAV

blokowanie plików na serwerze podczas edycji

natychmiastowe publikowanie edytowanych dokumentów lokalnych

ulubione foldery ułatwiające poruszanie się po serwerach FTP

ulubione foldery ułatwiające poruszanie się po serwerach WebDAV

możliwość nadawania praw dostępu plikom i katalogom

filtrowanie widoku plików wg reguł

obsługa wielu formatów wyświetlania zawartości przez serwery FTP

poprawność kodu i testowanie

weryfikacja składni HTML

weryfikacja składni w innych językach znacznikowych

weryfikacja składni w dokumentach składowych serwisu

weryfikacja poprawności składni CSS

weryfikacja zgodności arkuszy CSS z przeglądarkami

weryfikacja zgodności arkuszy CSS ze specyfikacjami CSS Level 1,
CSS Level 2, CSS Level 3, CSS Mobile Profile 1.0, CSS TV Profile 1.0

sprawdzanie poprawności odsyłaczy lokalnych i zdalnych w dokumentach

sprawdzanie spójności serwisu czyli wyszukiwanie nieużywanych dokumentów, plików i deklaracji stylów CSS

oczyszczanie serwisu z plików tymczasowych

zgodność z najnowszymi specyfikacjami HTML

zgodność z najnowszymi specyfikacjami innych języków

testowanie stron w różnych przeglądarkach

testowanie stron w różnych rozdzielczościach ekranu

wyświetlanie linijki na podglądzie wbudowanym dokumentów

testowanie skryptów (np. php) za pomocą serwera

przejrzysty kod HTML dzięki funkcji formatowania

przejrzysty kod dokumentów innych typów dzięki funkcji formatowania

konwersja znaków między różnymi standardami kodowania

narzędzie korekty typograficznej (np. przenoszenie spójników, itp)

sprawdzanie pisowni w locie (podkreślanie błędów pisowni)

sprawdzanie pisowni w dokumentach i serwisach

słownik poprawności pisowni języka polskieg

słowniki poprawności pisowni innych języków (16 dodatkowych języków)

automatyczna korekta typowych błędów pisowni

niektóre dodatkowe narzędzia

edytor map odsyłaczy na grafikach

kreator internetowych galerii grafik

narzędzie konwersji między formatami graficznymi

możliwość uruchamiania zewnętrznych programów z parametrami

narzędzie szkła powiększającego ułatwiające korzystanie z programu niepełnosprawnym

osadzanie grafik i multimediów typu Flash

osadzanie multimediów typu RealMedia, ShockWave i QuickTime

przeglądarka plików graficznych

zamiana tekstu na tabele

narzędzie wsparcia dla SSI+

generator spisu treści

szybki podgląd dokumentów i plików innych typów na liście plików

widok miniatur plików graficznych na liście plików

kreator formularzy wysyłanych pocztą

drukowanie dokumentów z kolorowaniem składni

paleta kolorów obsługująca wiele palet i pobieranie kolorów z ekranu

funkcja wieloschowka pozwalająca na wiele tekstów do wklejania

generator słów kluczowych na podstawie zawartości bieżącego dokumentu

generator słów kluczowych na podstawie zawartości dowolnych dokumentów i serwisów

rozbudowane narzędzie tworzenia sekcji META

obsługa różnych sposobów indeksowania dokumentów przez wyszukiwarki

definiowanie przejść (transitions) pomiędzy dokumentami

definiowanie klasyfikacji zawartości dokumentu wg RSAci (PICS)

nagrywanie i automatyczne odtwarzanie czynności wykonywanych w programie

kreator list wyliczeniowych

generator komentarzy HTML

generator komentarzy dla wielu języków wstawianych w formacie zależnym od kontekstu

możliwość wstawiana znaczników w formacie zależnym od kontekstu

edytory tabel

edytory formularzy

kreator dokumentów o strukturze ramek

narzędzie obejmowania tekstu dowolnymi tekstami

narzędzie informacji o czasie ładowania strony do przeglądarki

narzędzie zmiany nazw wielu plików jednocześnie

narzędzie osadzania obiektów Java i ActiveX

tworzenie kopii zapasowych dokumentów

przywracanie dokumentów z kopii zapasowych

wygodne skróty klawiszowe dostępu do funkcji programu

możliwość modyfikacji skrótów klawiszowych

wygodne i dokowalne w dowolnym miejscu ekranu paski narzędzi

modyfikacja zawartości pasków narzędzi i tworzenie własnych

możliwość modyfikacji zawartości menu podręcznego edytora

możliwość tworzenia własnych szablonów makrokodów

możliwość tworzenia makrokodów z wykorzystaniem zmiennych i bloków edytowanych na zakładce makrokody

narzędzie sprawdzania aktualności zainstalowanej wersji programu

pomoc i dokumentacja

ponad 500 stronicowa dokumentacja do programu w HTML Help

podpowiedzi i sztuczki dotyczące programu

pomoc kontekstowa do elementów okien programu

pomoc kontekstowa dla znaczników HTML

dynamiczne podpowiedzi dla znaczników HTML

dynamiczne podpowiedzi dla JavaScript i VBScript

pomoc kontekstowa dla innych języków znacznikowych

dynamiczne podpowiedzi dla innych języków znacznikowych

pomoc kontekstowa dla PHP

dynamiczne podpowiedzi dla PHP

pomoc kontekstowa dla CSS

dynamiczne podpowiedzi dla CSS

pomoc techniczna online w formie forum dyskusyjnego

biuletyn informacyjny nowości

FAQ - pytania i odpowiedzi online

kurs tworzenia stron HTML

kurs tworzenia XHTML

kurs PHP

kurs JavaScript

kurs WML

specyfikacja języka HTML

specyfikacja języka CSS

podręcznik i specyfikacja PHP

specyfikacja języka RSS

specyfikacja języka P3P

specyfikacja języka MathML

dokumentacja biblioteki Alladyn Lite

Zrzuty ekranowe

Sprawdzanie pisowni, edycja dokumentów, zarządzanie serwisami, funkcje edycyjne.

Wsparcie dla języków znacznikowych takich jak na przykład HTML, XHTML, itp.

WebPager Xpress

WebPager Xpress ma status freeware, co oznacza, że można go dowolnie rozpowszechniać bez zmiany zawartości udostępnionych archiwów.

Edytor operuje bezpośrenio w kodzie języka HTML. Przeznaczony jest on dla osób zajmujących się tworzeniem witryn internetowych, dla których podstawę działania stanowi "czysty" kod HTML. Można nawet rzec, że WebPager Xpress jest "wzbogaconym o kilka przydatnych narzędzi Notatnikiem". Dostępne narzędzia wspomagające proces tworzenia stron powinny być bowiem wystarczające dla przeciętnego twórcy stron znającego w dobrym stopniu język HTML.

Z myślą o mniej zaawansowanych użytkownikach, do programu dołączony został doskonały kurs języka HTML autorstwa Pawła Wimmera. Jest to wyczerpujące kompendium wiedzy na temat języka HTML, polecane i wykorzystywane przez najbardziej doświadczonych twórców.

Zalecana konfiguracja sprzętowa do poprawnej pracy z edytorem:

• system operacyjny Windows® 95/98/NT 4.0 (+ ServicePack 2)

• procesor klasy Pentium®

• pamięć operacyjna RAM o pojemności 16MB

• około 7MB wolnej powierzchni dyskowej

Najważniejsze zalety edytora WebPager Xpress

Wygodny w obsłudze interfejs użytkownika:

• liczne skróty klawiszowe

• menu kontekstowe

• pomoc podręczna w każdym z narzędzi edytora

• wygodny panel plikowy z wbudowanym podglądem plików graficznych

• mechanizm 'Wstawek' pozwalający na szybkie wstawianie znaczników HTML, atrybutów, a także własnych fragmentów kodu HTML

• definiowane przez użytkownika filtry plikowe

• 'Ulubione foldery' definiowane przez użytkownika

• łatwy dostęp do wszystkich ustawień konfigurujących program

Liczne narzędzia i kreatory:

• wyszukiwanie zaawansowane pozwalające na wyszukiwanie określonego tekstu wewnątrz wielu plików jednocześnie

• generator nowego dokumentu

• edytory sekcji <BODY> i <META>

• narzędzia szybkiego wstawiania odnośników, grafiki, poziomej linii i komentarzy

• generatory styli, tabel i ramek

• konwerter polskich znaków diakrytycznych

Edytor kodu HTML:

• autozapis edytowanych dokumentów

• automatyczne kodowanie polskich znaków diakrytycznych do standardu ISO-8859-2

• konfigurowalne kolorowanie znaczników

• stosowanie plików tymczasowych jako kopii zapasowych

• obsługa szablonów dokumentów

1st Page 2000

1st Page jest edytorem bardzo zaawansowanym i niewiele mu brakuje do najlepszych na rynku.

Interface edytora to klon HomeSite-a, nie dziwi to jednak, gdyż wszystkie dobre edytory korzystają z tego rozwiązania. Mamy więc pasek narzędzi na górze, edytor/ podgląd w części centralnej i dodatkowe panele z lewej strony.

Ciekawostką są 4 tryby pracy programu Easy, Normal, Expert i Hardcore. Różnica przejawia się głównie w sposobie przedstawiania paska narzędzi. Przyznam, że jest to rozwiązanie przydatne, zwłaszcza dla początkujących, którym nagromadzenie informacji mogłoby uprzykrzać pracę.

Najważniejszą częścią programu jest sam edytor kodu. Mamy więc pełne kolorowanie kodu z możliwością zdefiniowania własnych kolorów. Zawijanie tekstu, skróty klawiszowe i gotowe flagi na pasku narzędzi to standard w programie tej klasy.

1st Page automatycznie wyłącza zawijanie tekstu podczas przełączania się między stronami, nad którymi pracujemy. Podczas pracy na dużej ilości dokumentów jest to bardzo uciążliwe.

1st Page może z łatwością pracować na dużej liczbie plików na raz - ograniczają go jedynie zasoby systemowe. Ale i tu wkradł się mały błąd. Lista otwartych plików nie przewija się - jeśli ikona jednego z dokumentów nie mieści się na ekranie, trzeba prawie na ślepo dostawać się do niego za pomocą strzałek.

1st Page, jak większość produktów, jest a-polski - tzn. nie obsługuje standardu ISO-8859-2. Jednakże trzeba zauważyć, że chyba najlepszy edytor na rynku, HomeSite, też nie obsługuje tego standardu. Trzeba sobie pomóc konwerterami, których, na szczęście, jest bardzo dużo.

Podgląd uzyskujemy po przełączeniu edytora kodu.

Brakuje proponowania i automatycznego zakańczania znaczników, funkcji znacznie przyspieszającej pracę nad stroną. Niestety, ale jest to odwieczna bariera dzieląca edytory freewareowe od komercyjnych. 1st Page częściowo wynagradza nam proponowanie znaczników. Code Templates to zdefiniowane przez użytkownika fragmenty kodu (początek i koniec), które można wybrać z przywołanej skrótem klawiszowym listy. Ponadto panel z lewej strony może wyświetlać pomoc znaczników: wszystkie dostępne znaczniki (pogrupowane nawet według różnych wersji przeglądarek) wstawiane do kodu po dwukrotnym kliknięciu wraz z parametrami.

Nie dołączono validatorów (hiperłączy i kodu). Edytor posiada potężne narzędzie do czyszczenia kodu z możliwością dostosowania go do własnych potrzeb. Dodatkowo istnieje możliwość skonwertowania dokumentu html do pliku tekstowego bez flag.

Wydawałoby się, że 1st Page to nic nadzwyczajnego, ot okrojona wersja komercyjnego. Siła jego drzemie w dodatkach, których jest bardzo wiele. Jest więc:

• leksykon z obszernymi opisami flag, parametrów i z przykładami

• olbrzymia biblioteka gotowych skryptów JavaScript oraz CGI (licznik, zegar), Perl (księga gości, forum itd.) oraz wiele innych, jest nawet wyszukiwarka.

• Gadżety typu: "przejścia" stron (np. zanikanie) czy link otwierający nowe okno o zdefiniowanych parametrach itp.

• pełne wspomaganie JavaScript - drzewo metod i zmiennych

19

---