Edytor HTML - HTML editor

Edytor HTML jest programem do edycji HTML , do znaczników o stronie internetowej . Chociaż znacznikami HTML na stronie internetowej można sterować za pomocą dowolnego edytora tekstu , wyspecjalizowane edytory HTML oferują wygodę i dodatkowe funkcje. Na przykład wiele edytorów HTML obsługuje nie tylko HTML, ale także powiązane technologie, takie jak CSS , XML i JavaScript czy ECMAScript . W niektórych przypadkach zarządzają również komunikacją ze zdalnymi serwerami internetowymi za pośrednictwem FTP i WebDAV oraz systemami kontroli wersji, takimi jak Subversionlub Git . Wiele edytorów tekstu , programów do projektowania graficznego i układów stron , które nie są przeznaczone do projektowania stron internetowych , takich jak Microsoft Word lub Quark XPress , ma również możliwość działania jako edytory HTML.

Rodzaje redaktorów

Istnieją dwie główne odmiany edytorów HTML: edytory tekstu i WYSIWYG (otrzymujesz to, co widzisz).

Edytory tekstu

Edytory tekstu przeznaczone do użytku z HTML zwykle zapewniają przynajmniej podświetlanie składni . Niektóre edytory zawierają dodatkowo szablony , paski narzędzi i skróty klawiaturowe umożliwiające szybkie wstawianie typowych elementów i struktur HTML . Kreatory , podpowiedzi i autouzupełnianie mogą pomóc w wykonywaniu typowych zadań.

Edytory tekstu powszechnie używane w języku HTML zazwyczaj zawierają wbudowane funkcje lub integrację z narzędziami zewnętrznymi do takich zadań, jak kontrola wersji , sprawdzanie i walidacja łączy , czyszczenie i formatowanie kodu , sprawdzanie pisowni, przesyłanie przez FTP lub WebDAV oraz tworzenie struktur jako projekt. Niektóre funkcje, takie jak sprawdzanie linków lub walidacja, mogą wykorzystywać narzędzia online , wymagające połączenia sieciowego.

Edytory tekstu wymagają zrozumienia przez użytkownika HTML i wszelkich innych technologii internetowych, których projektant chce używać, takich jak CSS, JavaScript i języki skryptowe po stronie serwera .

Aby złagodzić ten wymóg, niektóre edytory umożliwiają edycję znaczników w bardziej wizualnie zorganizowanych trybach niż proste podświetlanie kolorami, ale w trybach nie uznawanych za WYSIWYG. Te edytory zazwyczaj zawierają opcję używania okien palety lub okien dialogowych do edycji parametrów tekstowych wybranych obiektów . Te palety umożliwiają edycję parametrów w poszczególnych polach lub wstawianie nowych znaczników poprzez wypełnienie formularza ekranowego i mogą zawierać dodatkowe widżety do prezentowania i wybierania opcji podczas edycji parametrów (takich jak podgląd obrazu lub stylów tekstu) lub edytor konspektu do rozwijania i zwinąć obiekty i właściwości HTML.

Edytory HTML WYSIWYG

Edytor HTML Amaya 10

Edytory HTML WYSIWYG zapewniają interfejs edycji, który przypomina sposób wyświetlania strony w przeglądarce internetowej . Ponieważ korzystanie z edytora WYSIWYG może nie wymagać żadnej znajomości języka HTML, często jest to łatwiejsze dla niedoświadczonego użytkownika komputera.

Widok WYSIWYG uzyskuje się poprzez osadzenie silnika układu. Może to być napisane na zamówienie lub oparte na używanej w przeglądarce internetowej. Celem jest, aby przez cały czas edycji renderowany wynik przedstawiał to, co będzie później widoczne w typowej przeglądarce internetowej.

WYSIWYM (to, co widzisz, to to, co masz na myśli ) to alternatywny paradygmat dla edytorów WYSIWYG. Zamiast skupiać się na formacie lub prezentacji dokumentu, zachowuje zamierzone znaczenie każdego elementu. Na przykład nagłówki stron, sekcje, akapity itp. są oznaczone jako takie w programie do edycji i odpowiednio wyświetlane w przeglądarce.

Trudności w osiągnięciu WYSIWYG

Dany dokument HTML będzie miał niespójny wygląd na różnych platformach i komputerach z kilku powodów:

Różne przeglądarki i aplikacje inaczej renderują ten sam znacznik.
Ta sama strona może wyświetlać się nieco inaczej w przeglądarce Internet Explorer i Firefox na ekranie o wysokiej rozdzielczości, ale będzie wyglądać zupełnie inaczej w całkowicie poprawnej przeglądarce tekstowej Lynx . Musi być ponownie renderowany inaczej na PDA, telewizorze z dostępem do Internetu i telefonie komórkowym. Użyteczność w przeglądarce mowy lub brajla, lub za pomocą czytnika ekranu pracującego z konwencjonalną przeglądarką, stawia wymagania dotyczące zupełnie innych aspektów bazowego kodu HTML. Jedyne, co może zrobić autor, to zasugerować wygląd.
Przeglądarki internetowe, podobnie jak wszystkie programy komputerowe, zawierają błędy
Mogą nie odpowiadać aktualnym standardom. Próba projektowania stron internetowych z uwzględnieniem wszystkich bieżących błędów popularnych przeglądarek jest beznadziejna: za każdym razem, gdy pojawia się nowa wersja każdej przeglądarki, znaczna część sieci WWW wymagałaby przekodowania, aby dopasować je do nowych błędów i nowe poprawki. Ogólnie uważa się, że znacznie mądrzej jest projektować zgodnie ze standardami, trzymając się z daleka od „krwawiących” funkcji, dopóki się nie uspokoją, a następnie czekać, aż programiści przeglądarki dogonią Twoje strony, a nie odwrotnie. Na przykład nikt nie może twierdzić, że CSS wciąż jest „awangardą”, ponieważ obecnie w popularnych przeglądarkach dostępne jest szerokie wsparcie dla wszystkich głównych funkcji, nawet jeśli wiele edytorów WYSIWYG i innych nie do końca nadrobiło zaległości.
Pojedynczy styl wizualny może reprezentować wiele znaczeń semantycznych
Znaczenie semantyczne, wywodzące się z podstawowej struktury dokumentu HTML, jest ważne dla wyszukiwarek, a także dla różnych narzędzi ułatwień dostępu. Na papierze możemy stwierdzić na podstawie kontekstu i doświadczenia, czy pogrubiony tekst reprezentuje tytuł, podkreślenie, czy coś innego. Ale bardzo trudno jest przekazać to rozróżnienie w edytorze WYSIWYG. Samo pogrubienie fragmentu tekstu w edytorze WYSIWYG nie wystarczy, aby powiedzieć czytelnikowi *dlaczego* tekst jest pogrubiony – co ta pogrubienie reprezentuje semantycznie.
Nowoczesne strony internetowe rzadko są konstruowane w sposób, który czyni WYSIWYG użytecznym
Nowoczesne witryny internetowe zazwyczaj używają systemu zarządzania treścią lub innego opartego na procesorze szablonów sposobów konstruowania stron w locie przy użyciu treści przechowywanych w bazie danych. Poszczególne strony nigdy nie są przechowywane w systemie plików, ponieważ mogą być projektowane i edytowane w edytorze WYSIWYG, dlatego pewna forma abstrakcyjnego układu opartego na szablonie jest nieunikniona, co unieważnia jedną z głównych zalet korzystania z edytora WYSIWYG.

Prawidłowe znaczniki HTML

HTML to ustrukturyzowany język znaczników . Istnieją pewne zasady dotyczące tego, jak HTML musi być napisany, jeśli ma być zgodny ze standardami W3C dla World Wide Web . Przestrzeganie tych zasad oznacza, że ​​strony internetowe są dostępne na wszystkich typach i markach komputerów, dla osób sprawnych i niepełnosprawnych, a także na urządzeniach bezprzewodowych , takich jak telefony komórkowe i urządzenia PDA , z ograniczoną przepustowością i rozmiarami ekranu. Jednak większość dokumentów HTML w Internecie nie spełnia wymagań standardów W3C. W badaniu przeprowadzonym w 2011 roku na 350 najpopularniejszych witrynach internetowych (wybranych przez indeks Alexa) 94 procent witryn nie przechodzi testów walidacji znaczników i arkuszy stylów według standardów internetowych lub nieprawidłowo stosuje kodowanie znaków. Nawet te poprawne składniowo dokumenty mogą być nieefektywne ze względu na niepotrzebne użycie powtórzeń lub na podstawie reguł, które są przestarzałe od kilku lat. Aktualne zalecenia W3C dotyczące używania CSS z HTML zostały po raz pierwszy sformalizowane przez W3C w 1996 roku i od tego czasu są poprawiane i udoskonalane. Zobacz CSS , XHTML , aktualną rekomendację CSS W3C i aktualną rekomendację HTML W3C .

Niniejsze wytyczne kładą nacisk na oddzielenie treści (HTML lub XHTML) od stylu (CSS). Ma to tę zaletę, że informacje o stylu są dostarczane raz dla całej witryny, a nie powtarzane na każdej stronie, nie mówiąc już o każdym elemencie HTML. Projektanci edytorów WYSIWYG od tego czasu zmagają się z tym, jak najlepiej zaprezentować te koncepcje swoim użytkownikom, nie myląc ich poprzez eksponowanie podstawowej rzeczywistości. Wszystkie współczesne edytory WYSIWYG w pewnym stopniu odniosły sukces, ale żadnemu z nich nie udało się to całkowicie.

Strona internetowa została jednak stworzona lub zredagowana, WYSIWYG lub ręcznie, aby odnieść sukces wśród jak największej liczby czytelników i widzów, a także zachować „światową” wartość samej Sieci, przede wszystkim powinna ona polegać na prawidłowego znacznika i kodu. Nie należy go uważać za gotowy do użytku w sieci WWW, dopóki jego składnia HTML i CSS nie zostanie pomyślnie zweryfikowana za pomocą bezpłatnych usług walidatora W3C ( W3C HTML Validator i W3C CSS Validator ) lub innych godnych zaufania alternatyw.

Dostępność stron internetowych dla osób z niepełnosprawnością fizyczną, wzrokową lub inną jest nie tylko dobrym pomysłem, biorąc pod uwagę wszechobecność i znaczenie sieci we współczesnym społeczeństwie, ale jest również wymagana przez prawo. W USA ustawa o Amerykanach niepełnosprawnych, aw Wielkiej Brytanii ustawa o dyskryminacji osób niepełnosprawnych nakłada wymóg na strony internetowe obsługiwane przez organizacje finansowane ze środków publicznych. W wielu innych krajach podobne przepisy już istnieją lub wkrótce będą. Udostępnienie stron jest bardziej skomplikowane niż samo sprawienie, by były prawidłowe; jest to warunek wstępny, ale należy wziąć pod uwagę wiele innych czynników. Dobry projekt strony internetowej, niezależnie od tego, czy jest wykonywany przy użyciu narzędzia WYSIWYG, czy nie, również musi uwzględniać to.

Bez względu na to, jakie narzędzia programowe są używane do projektowania, tworzenia i utrzymywania stron internetowych, jakość podstawowego kodu HTML zależy od umiejętności osoby, która pracuje na stronie. Pewna znajomość HTML, CSS i innych języków skryptowych, a także znajomość aktualnych zaleceń W3C w tych dziedzinach pomoże każdemu projektantowi tworzyć lepsze strony internetowe, z edytorem HTML WYSIWYG i bez.

Zobacz też

Bibliografia