Temat 1: CSS Dołączanie stylów do dokumentu

Slides:

Advertisements

Podobne prezentacje

Dokument HTML jest zwykłym

Advertisements

Podstawowe wiadomości

Support.ebsco.com EBSCOhost Wyszukiwanie złożone (z wieloma frazami) Szkolenie.

Programowanie wizualne PW – LAB5 Wojciech Pieprzyca.

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.

(ang. Hypertext Markup Language) - język znaczników hipertekstowych.

Tworzenie stron internetowych www World Wide Web

PODSTAWY <HTML>

Czym są HTML i XHTML? Skrót HTML pochodzi od słów Hypertext Markup Language (język znakowania hipertekstu). Język HTML jest podstawą każdej strony WWW.

Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Praca wykonana.

Poznaj bliżej program Microsoft Office Word 2007

Otwieranie elementów w różnych ramkach

Wprowadzenie do HTML, CSS, JavaScript, PHP

Tworzenie stron internetowych

Opracowała Urszula Guzikowska

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.

Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Paweł Abramczyk.

Wstawianie stylów CSS.

Wzorce slajdów, animacje, różne orientacje slajdów

Style i szablony w Wordzie

Uniwersytet Mikołaja Kopernika Wydział Fizyki, Astronomii i Informatyki Stosowanej Podyplomowe Studium Programowania i Zastosowań Komputerów Katalog WWW.

Temat 7: Tekst.

Temat 2: Edytory HTML.

Temat 3: Podstawowa struktura dokumentu

Struktura dokumentu HTML. Formatowanie tekstu

Podręcznik: Elementarz małego informatyka 4, Anna Stankiewicz – Chatys, wyd. MAC Edukacja, Kielce Temat: Przygotowujemy slajd, zajęcia nr 23, s.

Formatowanie treści oraz grafika w kodzie HTML. Nagłówki.

Projektowanie stron www

Temat 5: Pozycjonowanie elementów

Wprowadzenie do CSS Okiełznać style.

Aplikacje internetowe

Wzorce slajdów programu microsoft powerpoint

Aplikacje internetowe

Aplikacje internetowe

Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.

Moja pierwsza strona internetowa Created by Marta Guba

Projektowanie Aplikacji Internetowych

LISTY HTML. Listy s ą definiowane za pomoc ą znacznika podstawowego innego dla ka ż dego rodzaju list Specyfikacja XHTML, zawiera specjalne znaczniki.

HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.

ZASADY TWORZENIA I WYKORZYSTANIA SERWISU WWW DO ZASTOSOWAŃ FIZYKI Anna Kierepka, Małgorzata Mergo informatyka + 2.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Formatowanie treści oraz grafika w kodzie HTML Informatyka.

Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +

Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +

Temat 9: Obrazy i multimedia

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Wprowadzenie do kaskadowych arkuszy stylów Informatyka.

Temat 4: Klasy i identyfikatory

Projektowanie Aplikacji Internetowych Artur Niewiarowski Wydział Fizyki, Matematyki i Informatyki Politechnika Krakowska.

Kolumny, tabulatory, tabele, sortowanie

C S S 1 Cascading Style Sheets HTML pozwala zarządzać strukturą dokumentu, STYLE mają nam służyć do jego upiększania Kaskadowe Arkusze Stylów.

Temat 5: Instrukcje: print(), echo()

Temat 2: Składnia kaskadowych arkuszy stylów. Za zmianę wyglądu witryny w kaskadowych arkuszach stylów odpowiadają reguły stylów. Każda z reguł powiązana.

Beata Sanakiewicz. Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie.

Formatowanie dokumentów

Podstawy tworzenia stron WWW w języku HTML Koło Naukowe Elektroniki Przemysłowej - KNEP Wykonali:Mariusz Zawistowicz i Karol Witowski.

I TY ZOSTAŃ WEBMASTEREM! CZĘŚĆ 2 – „STRUKTURA STRONY” STWORZYŁ GABRIEL ŚLAWSKI.

Informatyka – szkoła gimnazjalna – Scholaris - © DC Edukacja Tworzenie stron WWW w programie Microsoft FrontPage Informatyka.

Kaskadowe arkusze stylów CSS. Reguła CSS – definiuje sposób formatowania elementów na stronie WWW Części składowe reguły CSS selektor{ właściwość: wartość;

Temat nr 5 Struktura strony www _________________________________________________________________________________________________________________ [ Przedmiot:

Formatowanie tekstu Sabina Charasim. Informacje podstawowe HTML posiada bardzo wiele znaczników służących do formatowania tekstu. Jedne używa się bardzo.

Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.

Microsoft® Office Word

EBSCOhost Mobile Przewodnik

ASP.NET Tworzenie i zarządzanie wyglądem aplikacji, tworzenie mapy witryny. Kontrolki nawigacyjne.

HTML + CSS = strony internetowe Krzysztof Geras. FAKTY I MITY Czym nie jest HTML: ● programem do tworzenia stron internetowych, ● interpreterem skryptów.

Tworzenie stron WWW w programie Microsoft FrontPage

Zapis prezentacji:

Temat 1: CSS Dołączanie stylów do dokumentu

Znając język HTML, można tworzyć strony internetowe Znając język HTML, można tworzyć strony internetowe. Niestety są one mało atrakcyjne, ponieważ sam język nie posiada wielu narzędzi do formatowania wyglądu strony. Dlatego też w 1996 r. organizacja W3C opracowała język CSS (Cascading Style Sheets). Kaskadowe arkusze stylów CSS to język służący do zarządzania wizualną częścią strony internetowej. Style CSS składają się z listy reguł (dyrektyw) określających, w jaki sposób zostanie wyświetlony wybrany element dokumentu HTML. Lista ta pozwala m.in. na wprowadzenie zmian w kolorze tekstu, kroju czcionki, tle strony, marginesach, odstępach między literami i wierszami, wyglądzie odsyłaczy oraz położeniu elementów. Głównym celem stworzenia języka CSS było odseparowanie treści dokumentu od jego strony wizualnej. Wyróżniamy trzy typy arkuszy CSS: wpisane, osadzone i zewnętrzne. Styl wpisany dotyczy konkretnego elementu (znacznika) dokumentu HTML: <znacznik style=”cecha: wartość”> Styl osadzony ma swoje miejsce w nagłówku dokumentu HTML, pomiędzy znacznikami <head>...</head>. Ogólna postać osadzonego arkusza CSS przedstawia się następująco: <style type=”text/css”>  </style>

Ostatnią opcją jest pobranie stylu z pliku zewnętrznego o rozszerzeniu Ostatnią opcją jest pobranie stylu z pliku zewnętrznego o rozszerzeniu .css (np. style.css). Składnia takiego pliku odpowiada składni stylu osadzonego. Jedyne, co jest dodatkowo potrzebne, to umieszczenie połączenia z plikiem stylów w nagłówku dokumentu HTML za pomocą znacznika link: <head> <lin rel=”Stylesheet” type=”text/css” href=”style.css”> </head> W dokumencie HTML można umieszczać jednocześnie wszystkie rodzaje stylów. Należy tylko pamiętać, że mają one następującą hierarchię (według ważności): - styl wpisany - styl osadzony - styl zewnętrzny - domyślne ustawienia przeglądarki Podczas wczytywania strony internetowej przeglądarka internetowa w pierwszej kolejności sprawdza istnienie stylów zewnętrznych i według nich formatuje stronę. Następnie, przeglądając dokument HTML, analizuje style osadzone w nagłówku i ponownie formatuje wygląd strony. Ostatnim krokiem jest prześledzenie stylów umieszczonych w poszczególnych elementach (znacznikach) i ustalenie ostatecznego wyglądu strony WWW. Takie działanie pokazuje, jak funkcjonuje kaskadowość stylów, od których style CSS wzięły swoją nazwę.