HTML Czyli Publikowanie w Internecie. Publikowanie w sieci - problemy Różne platformy sprzętowe użytkowników Różne systemy operacyjne Różne programy służące.

Slides:



Advertisements
Podobne prezentacje
Dokument HTML jest zwykłym
Advertisements

Technologie prezentacji medialnych, © 2006 Igor Garnik
Natalia Kotsyba Studia Śródziemnomorskie, I rok 8 października 2009 r.
Wprowadzenie do języka skryptowego PHP
Podstawowe wiadomości
Filologia Nowogrecka, I rok 16 lutego 2011 r. Natalia Kotsyba.
HTML dla początkujących
Tworzenie stron w języku WML jest zbliżone do tworzenia stron w HTML. W obydwu przypadkach używa się do tego celu znaczników (tagów). Zadaniem znaczników.
Wstęp do baz danych - język HTML
HTML Język opisu strony www.
Na przykładzie Netscape Navigator 4.0 Źródło: Galen Grimes, Sherry Kinkoph Netscape Communicator 4 w 10 minut Intersoftland, Warszawa 1998 WAŻNIEJSZE FUNKCJE.
HTML ostatni następny. Edytory: Co jest potrzebne, żeby napisać stronę internetową? Teoretycznie może to być dowolny edytor tekstu.Dokument (X)HTML, czyli.
Made by Mateusz Szirch Kilka słów o JavaScript.
Tworzenie stron internetowych www World Wide Web
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
PODSTAWY <HTML>
Rozwój aplikacji. To zestaw narzędzi do budowania i optymalizacji złożonych aplikacji opartych na przeglądarce. To zestaw narzędzi do budowania i optymalizacji.
OPRACOWAŁ : KONRAD MIGAŁA iz krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu.
języka hipertekstowego
Programy do tworzenia stron internetowych
Otwieranie elementów w różnych ramkach
Wprowadzenie do HTML, CSS, JavaScript, PHP
Tworzenie stron internetowych
HTML.
Podstawy tworzenia stron WWW
Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Marcin Hankiewicz.
Tworzenie strony internetowej krok po kroku.
TECHNOLOGIE INFORMATYCZNE Tydzień 6
Pierwsze kroki w edytorze tekstu
Robimy własne notatki - Notatnik
Temat 2: Edytory HTML.
Temat 3: Podstawowa struktura dokumentu
Tworzenie stron internetowych www World Wide Web
HTML Hyper Text Markup Language komputerowe Esperanto cz. II Obiekty podstawowe na stronach.
Ujarzmić Worda Agnieszka Terebus.
Witamy w wirtualnym języku HTML
Wprowadzenie do HTML Informatyka Cele lekcji: Wiadomości:
Temat 12: Formularze.
Wykaz nieuporządkowany - służy do sporządzenia wykazu nienumerowanego, w którym kolejne punkty są wyróżniane punktorami. ◦ Polecenie tworzy ramy wykazu,
HTML.
Podstawy HTML RAMKi. Ramki Za ich pomocą możesz swobodnie podzielić okno przeglądarki na kilka części i w nich niezależnie przeglądać dokumenty. Ramki.
Aplikacje internetowe
W W W Łukasz Stochniał.
Elementy multimedialne na stronie
Beata Sanakiewicz. Spis treści  Program MS FrontPage Program MS FrontPage  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny.
Nieograniczone źródło informacji
Projektowanie Aplikacji Internetowych
HTML Czyli Publikowanie w Internecie. Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument.
PULPIT WINDOWS.
HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Temat 9: Obrazy i multimedia
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
HTML Hyper Text Markup Language komputerowe Esperanto cz. I historia, struktura dokumentu.
Temat 5: Instrukcje: print(), echo()
Formatowanie dokumentów
Temat Prezentacji : ZNACZNIKI META TAGS wyk.H. Kozłowski.
HTML – Wprowadzenie.
FrontPage Co i jak ???. FrontPage Tworzenie stron internetowych z wykorzystaniem prostych edytorów tekstu (np. Notatnik) jest dość trudne i bardzo pracochłonne.
Edytory tekstowe stron WWW
Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka.
Temat nr 5 Struktura strony www _________________________________________________________________________________________________________________ [ Przedmiot:
Microsoft® Office Word
HTML.  Wprowadzenie  Protokół HTTP  Język HTML  Definicja typu dokumentu  Nagłówek strony  Formatowanie treści dokumentu  Definiowanie struktury.
HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.
Hipertekst HTML WWW.
Wprowadzenie do edytorów tekstu.
Tworzenie stron WWW w programie Microsoft FrontPage
Html - szkielet strony internetowej
Zapis prezentacji:

HTML Czyli Publikowanie w Internecie

Publikowanie w sieci - problemy Różne platformy sprzętowe użytkowników Różne systemy operacyjne Różne programy służące przeglądaniu publikacji Rozwiązanie: język niezależny od powyższych parametrów oparty na tekstowych ZNACZNIKACH

HTML - historia Baza: język SGML (Standard Generalized Markup Language) Oficjalny początek: 1 czerwca 1996 r Standaryzacja: W3C Ostatnia wersja 4.01 (z 1999roku) Aktualnie rozwijany język: XHTML –Rozszerzenie HTMLa –Aktualna wersja 1.1 (maj 2001)

Przeglądarka internetowa –Mosaic - pierwsza –Netscape –Internet Explorer –Opera –Mozilla Dokument HTML –Dokument TEKSTOWY –O wyglądzie zawartości decydują znaczniki formatujące (TAGi): Zakres działania danego znacznika Znacznik może mieć atrybuty o pewnych wartościach

Dokument HTML –Dokument TEKSTOWY –O wyglądzie zawartości decydują znaczniki formatujące (TAGi): Zakres działania danego znacznika –Znacznik może mieć atrybuty o pewnych wartościach:

Struktura dokumentu HTML –Znacznik dokumentu HTML to –Nagłówek strony –Treść dokumentu

Struktura dokumentu HTML Informacje nagłówkowe o dokumencie, łącznie z tytułem Treść dokumentu - śródtytuły, tekst, grafika, odsyłacze itp.

Nagłówek dokumentu HTML – - opcjonalne informacje o zawartości dokumentu kodowanie znaków ogonki97 –Program konwertujący z windows-1250 na iso : ogonki97 opis zawartości strony, wyświetlany w wyszukiwarek wyrazy kluczowe pomagają w znalezieniu strony za pomocą wyszukiwarek odświeżenie zawartości co x sek., przekierowanie po x sek. strona nie jest cache’owana na dysku lokalnym nazwa programu, którym utworzono stronę – -tytuł dokumentu widoczny w pasku przeglądarki

Wybrane tagi formatujące tekst znacznik akapitu, może mieć m.in. atrybut align=”x” – układ tekstu, x: left, center, right, justify koniec wiersza (złamanie wiersza) linia pozioma, centruje dowolny element lista uporządkowana zawierająca elementy wykazu, dodatkowe atrybuty: type – typ wyliczania, np. ”I”, start – wartość od jakiej rozpoczyna numerowanie lista nieuporządkowana – element wykazu (listy) i indeks dolny i górny nagłówek 1go stopnia pogrubienie, pochylenie, podkreślenie

Wstawiania grafiki do dokumentu Dokument html jest tekstem więc sam zawierać grafiki nie może!! Grafika umieszczana jest w osobnych plikach Dołączenie grafiki do dokumentu realizuje się za pomocą znacznika img i adresu (zwykle względnego) pliku jako wartości atrybutu src Inne wybrane atrybuty: –Width=, hight=: szerokość i wysokość obrazka –Align –Border – szerokość obramowania

Odsyłacze Powodują wyświetlenie innego dokumentu dostępnego w sieci Wykonuje się je za pomocą znacznika kotwicy o atrybutach: –Name – etykieta, umożliwia skok do konkretnego miejsca dokumentu –Href - Tekst, na którym należy kliknąć odesłanie do innego dokumentu Odesłanie do miejsca oznaczonego etykietą: Tekst Uruchomienie programu pocztowego i otwarcie nowej wiadomości do osoby o adresie Tutaj kliknij Zamiast tekstu odsyłacz może stanowić grafika

Edytory HTML Dowolny edytor tekstowy, np. Notatnik Specjalizowane edytory tekstowe »Pajączek NxG - w tej chwili wybór numer 1 dla polskiego webmastera, program komercyjny. Oferuje wersje profesjonalną i standardową, w odmianie osobistej (do użytku niekomercyjnego) lub komercyjnej. » CoreEditor - polski, komercyjny edytor, porównywalny z Pajączkiem, obsługujący także XHTML. Edytor jest następcą bezpłatnego edHTML. »kED - polski, darmowy edytor, szybki i konfigurowalny, obsługujący XHTML, PHP i Java. »HateML Pro - polski, darmowy edytor z obsługą (X)HTML. »Tiger98 i TigerII Millenium - komercyjny polski edytor, jednak już bardzo wiekowy.

Edytory HTML » edHTML - polski, darmowy edytor; jego następcą jest CoreEditor. »Website Pro - polski, darmowy edytor; los nieznany (?). »Zajączek PHP - polski, darmowy edytor, z dobrą obsługą PHP. »Ager Web Edytor - polski, darmowy edytor ze wsparciem dla PHP i JavaScript. »Extra Page - darmowy polski edytor, jednak piszący w "starym stylu". »ezHTML - polski edytor, także darmowy - chyba nie jest już rozwijany. »HTML-Kit - bardzo silny amerykański edytor, z ogromną liczbą pluginów, darmowy. »1'st Page jeden z najpotężniejszych programów webmasterskich, darmowy.

Edytory HTML »ACE HTML Freeware - darmowy, anglojęzyczny edytor, z obsługą stron kodowych. »HotDog - silny amerykański edytor, komercyjny. »CoffeeCup HTML Editor - silny, amerykański edytor, komercyjny. –zadaniem edytorów tekstowych wspierających projektowanie stron WWW jest weryfikacja poprawności składni dokumentu HTML. Oferują one także podgląd strony jednak w trybie graficznym nie ma możliwości edytowania dokumentu. –zaletą edytorów tekstowych jest tworzenie zwartych dokumentów, w których praktycznie nie występują zbędne znaczniki.

Edytory HTML Edytory graficzne –umożliwiają one tworzenie dokumentów HTML bez znajomości składni tego języka. –dokument formatuje się za pomocą poleceń wprowadzanych myszką a klawiatura może służyć wyłącznie do wprowadzania tekstu. –Znaki formatujące dostępne są poprzez menu, a częściej używane zebrane są w formie przycisków na paskach narzędziowych –Wadą edytorów graficznych jest „produkowanie” dużej ilości nadmiarowego kodu HTML, co wpływa negatywnie na czas ładowania strony oraz utrudnia szybką edycję w programach tekstowych

Edytory HTML Przykładowe edytory graficzne (WYSIWYG) html: –FrontPage – firmy Microsoft, komercyjny –Nvu – spolszczona wersja –Edytor dołączony do Mozilla Suite (composer)

Kursy webmasterskie w sieci