e r T i H M r e n L T n



Podobne dokumenty
HTML (HyperText Markup Language) hipertekstowy język znaczników

WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

Podstawy HTML i CSS. Wydział Matematyki, Informatyki i Ekonometrii Uniwersytet Zielonogórski

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

Pierwsza strona internetowa

I. Formatowanie tekstu i wygląd strony

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: Wersja: 1.

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr )

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Edukacja na odległość

Programowanie WEB PODSTAWY HTML

Tworzenie stron internetowych w kodzie HTML Cz 5

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Zasady tworzenia podstron

Przedmiot: Grafika komputerowa i projektowanie stron WWW

2. Projektowanie stron WWW podstawowe informacje

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Tutorial. HTML Rozdział: Ramki

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

DOM (Document Object Model)

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

HTML podstawowe polecenia

HTML (HyperText Markup Language)

Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Tworzenie stron internetowych w oparciu o język HTML

Tworzenie Stron Internetowych. odcinek 5

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Program szkolnego koła informatycznego

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Dział O atrakcyjnym przedstawianiu i prezentowaniu informacji (program PowerPoint oraz język HTML tworzenie stron WWW)

Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Moduł IV Internet Tworzenie stron www

Języki programowania wysokiego poziomu. HTML cz.2.

HTML jak zrobić prostą stronę www

Przewodnik... Tworzenie Landing Page

Spis treści. Rozdział 2. Graficzna oprawa witryny...z Stosowanie motywu...s...s.. 19

Odsyłacze. Style nagłówkowe

URL:

za pomocą: definiujemy:

Uwaga: znaczniki <body> </body> nie powinny byd umieszczane na stronie zawierającej ramki, w ramach FRAMESET.

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

HTML cd. Ramki, tabelki

Źródła. cript/1.5/reference/ Ruby on Rails: AJAX: ssays/archives/

STRONY INTERNETOWE mgr inż. Adrian Zapała

DOKUMENTÓW W EDYTORACH

1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word

I. Dlaczego standardy kodowania mailingów są istotne?

rk HTML 4 a 5 różnice

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

INFORMATYKA dla gimnazjum Opis założonych osiągnięć ucznia wymagania na poszczególne oceny szkolne

2 Podstawy tworzenia stron internetowych

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Podstawowe znaczniki języka HTML.

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Wordpress: Joomla! Drupal.

Wybrane znaczniki HTML

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH. PODSTAWY JĘZYKA HTML (HyperText Markup Language)

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Wymagania edukacyjne z informatyki dla klasy szóstej szkoły podstawowej.

Tworzenie stron internetowych w kodzie HTML Cz 7

Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Technik Informatyk

Pokaz slajdów na stronie internetowej

Karta pracy dla Gimnazjum klasa I rok szkolny 2016/2017

Języki programowania wysokiego poziomu. CSS Wskazówki

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Laboratorium 1: Szablon strony w HTML5

Ćwiczenie 2 Tekst podstawowe znaczniki.

Wymagania edukacyjne z zajęć komputerowych w klasie 5

Specyfikacja techniczna dot. mailingów HTML

ĆWICZENIA Z JĘZYKA HTML. 1. Znaczniki. 2. Struktura dokumentu HTML. 3. Tworzymy stronę WWW Podróże po stolicach Europy

Instrukcja dodawania obiektów do strony Ekonomika.

Wymagania edukacyjne z przedmiotu: Witryny i aplikacje internetowe. Klasa IIC- Technik Informatyk. Rok szkolny 2013/2014

KATEGORIA OBSZAR WIEDZY

edycja szablonu za pomocą serwisu allegro.pl

Funkcje i instrukcje języka JavaScript

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

ZAJĘCIA KOMPUTEROWE KLASA IV. Opis wymagań, które uczeń powinien spełnić, aby uzyskać ocenę:

WORDPRESS INSTRUKCJA OBSŁUGI

Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)

Co to jest html? I.Struktura strony:

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA

Propozycje wymagań dla cyklu dwugodzinnego w ujęciu tabelarycznym

Kurs HTML 4.01 TI 312[01]

WYMAGANIA EDUKACYJNE NIEZBĘDNE DO UZYSKANIA POSZCZEGÓLNYCH ŚRODROCZNYCH I ROCZNYCH OCEN Z ZAJĘĆ KOMPUTEROWYCH W KLASIE IV

Wymagania edukacyjne

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Ć W I C Z E N I A Z W Y K O R Z Y S T A N I E M E D Y T O R A T E K S T U. M i c r o s o f t

Tomasz Grześ. Systemy zarządzania treścią, cz. II

Transkrypt:

s e r T t w o i H M r e o T n w z n L

Podstawy 1. Nawigacja na stronie jest niezwykle istotna, powinna być możliwie jak najprostsza. Pamiętajmy, że im mniej kroków do celu tym lepiej. 2. Projekt graficzny strony www powinien być atrakcyjny, ale jednocześnie dostosowany do prezentowanej treści. Pamiętaj, że grafika służy treści (przynajmniej zazwyczaj). 3. Pozycjonowanie witryny bez odpowiedniej optymalizacji i pozycjonowania nawet najlepsza strona www nigdy na dobre nie zaistnieje w sieci. Weź to pod uwagę. 4. Promocja strony pamiętaj o reklamie w zależności od wielkości projektu warto pomyśleć o: mailingu, reklamie outdoorowej, reklamie w internecie itp. pokaż, że strona żyje i ma się dobrze. 5. Kontakt no bo przecież trzeba dać odwiedzającym możliwość kontaktowania się znami.

Jak zrobić prostą stronę 1. Ponieważ dokument html (*.html) jest zwykłym plikiem tekstowym zawierającym polecenia do tworzenia strony WWW wystarczy nam windowsowy notatnik. Jednak do tworzenia stron lepiej używać jakiś specjalnych edytorów tekstów, np.: Edytora Znaczników HTML (edhtml), ponieważ np.. zmienia kolor czcionki poprawnie wpisaniego polecenia. 2. Musimy znać polecenia w HTML (albo chociaż mieć je gdzieś wypisane). 3. Jako pierwsze polecenie musimy wpisać <HTML> </HTML>.To jest podstawa całej strony. Przykład z naszej strony

Jak zrobić prostą stronę 4. Jako drugie polecenie musimy wpisać <HEAD> </HEAD>, a w nim wpisać polecenie <TITLE> </TITLE>. W tym poleceniu umieszczamy nazwę strony. Będzie ona widoczna w tym miejscu. 5. Pod poleceniem head wpisujemy <BODY> </BODY>. W tym poleceniu będziemy umieszczać polecenia tworzące całą naszą stronę. Przykład z naszej strony

Jak zrobić prostą stronę 6. W poleceniu body wpisujemy polecenie <h1> </h1>. Jest to inny rodzaj tytułu, który będzie widoczy w tym miejscu. Tutuł jednak będzie znajdował się po lewej, więc żeby znajdował się na środku wpisujemy polecenie <center> </center>. Efekt polecenia h1 i center Przykład z naszej strony

Jak zrobić prostą strone 7. <H2> </H2> to też jest tytuł tylko mniejszego stopnia (h1 - tytuł pierwszego stopnia, h2 tytuł drugiego stopnia, itd.). Wpisujemy to polecenie i umieszczamy w tym poleceniu spis treści. 8. Polecenia w ramce to odnośniki, które przekierowywują do innych stron. Oto jak napisać takie polecenie: <LI><A HREF=nazwa strony w folderze napisana w cudzysłowie, np.: grafika.html >nazwa widoczna na stronie, np. zdjęcia</a>. Ważne też jest żeby to polecenie znajdowało się w poleceniu <UL> </UL>. To polecenie można wpisać do strony, ale nie trzeba. Przykład z naszej strony

Przykładowe Jak zrobić prostą tło, strone jakiego 9. Na koniec można dodać jakieś tło. Do tego służy polecenie <body background= nazwa obraska w folderze w cudzysłowie, np.: IIIc.jpg ><body>. Wygląd tła zależy tylko od użytego obraska. Przykład z naszej strony my użyliśmy (wystarczy raz wpisać polecenie do uzyskania takiego efektu)

Polecenia w HTML <body> - ciało dokumentu <button> - przycisk <center> - środkowanie <frame> - ramka <frameset> - układ ramek <head> - nagłówek dokumentu <iframe> - pływająca ramka <img> - ilustracja <noframes> - alternatywa ramek <noscript> - alternatywa skryptu <object> - obiekt multimedialny <small> - zmniejszenie czcionki <span> - blok liniowy <strike> - czcionka przekreślona <strong> - silne wyróżnienie czcionki <style> - styl <sub> - indeks dolny czcionki <sup> - indeks górny czcionki <table> - tabela <tbody> - ciało tabeli <td> - komórka tabeli <textarea> - pole tekstowe formularza <tfoot> - stopka tabeli <th> - nagłówek kolumny tabeli <title> - tytuł dokumentu <tt> - czcionka "maszynowa" <u> - podkreślenie czcionki

Publikacja strony Publikowaniem stron internetowych firm i osób prywatnych w sieci zajmują się tak zwane firmy hostingowe, które w swoich serwerowniach na setkach, a czasami tysiącach serwerów przechowują i udostępniają innym użytkownikom internetu dane wielu tysięcy stron internetowych. Serwery takie dysponują superwydajnymi łączami internetowymi, które muszą obsłużyć olbrzymi transfer danych. Dzięki temu strony otwierają się szybciej w komputerach odwiedzających je internautów. Gdyby nie było firm hostingowych, każdy właściciel strony internetowej przez 24 godziny na dobę musiałby mieć włączony swój własny serwer. Oferta firm hostingowych nie ogranicza się tylko do publikowania strony internetowej, z miejscem na serwerze na ogół dostaniemy również adres internetowy.

OBRAZ URZYTY JAKO TŁO PRZYKŁAD

THE END Projekt stworzyli: Mateusz Jarliński Mateusz Rutkiewicz Stronę klasową stworzył: Mateusz Rutkiewicz