Aplikacje internetowe

Slides:



Advertisements
Podobne prezentacje
Dokument HTML jest zwykłym
Advertisements

Tworzenie stron internetowych
Tworzenie stron internetowych
Metody pozycjonowania elementów na stronie www
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
Interaktywna prezentacja użytkowa
HTML.
Style CSS.
-Microsoft PowerPoint -Microsoft Word -Microsoft Excel
Style definiujące tabele
Arkusz kalkulacyjny powtórzenie A.Ś..
Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz
Andrzej Pędzich HTML ramki, menu, odnośniki.
Budowa i układ strony dokumentu
Style CSS - Pozycjonowanie
Tworzenie stron internetowych www World Wide Web
PROJEKTOWANIE TABEL W PROGRAMIE: ACCESS
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
Tworzenie stron www 5 Joanna Brzozowska
Otwieranie elementów w różnych ramkach
Tworzenie stron internetowych
Lokalizacja i Globalizacja na witrynie w Visual Web Developer 2008 (ASP.Net) Daniel Literski.
HTML cz. 2 Znaczniki i ich parametry
Tworzenie stron internetowych www World Wide Web
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 3 Prowadzący: Dariusz Jaruga
ARKUSZ KALKULACYJNY EXCEL wiadomości wstępne
Ujarzmić Worda Agnieszka Terebus.
Temat 10: Tabele. Tabele stanowią obecnie jeden ze sposobów prezentowania danych. Początkowo były wykorzystywane do tworzenia układów stron, które teraz.
Temat 5: Pozycjonowanie elementów
HTML Hyper Text Markup Language
Część I. Grupowanie elementów  Elementy i są używane do grupowania i strukturyzowania dokumentu. Będziesz je często wykorzystywał wraz z atrybutami class.
Temat 13: Ramki.
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
Aplikacje internetowe
Selektory. Selektor elementu Selektor {własciwość:wartość}
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Tabele. TABELE Konstrukcja tabeli: Określa ramy tabeli określamy wiersz tabeli określamy komórkę tabeli.
Aplikacje internetowe
Aplikacje internetowe
Aplikacje internetowe Tabele. Wprowadzenie Wprowadzenie tabel przez firmę Netscape na początku 1995 roku niemal od razu zrewolucjonizowało sposób projektowania.
LISTY HTML. Listy s ą definiowane za pomoc ą znacznika podstawowego innego dla ka ż dego rodzaju list Specyfikacja XHTML, zawiera specjalne znaczniki.
Aplikacje internetowe CSS - Formatowanie list. Ogólne informacje o listach W standardowym HTML-u istnieją dwa typy list: numerowane i wypunktowane. Na.
HTML.
PHP Formularze Damian Urbańczyk. Do czego służą? Formularze to bardzo ważne elementy stron internetowych, dzięki nim dochodzi do wymiany danych pomiędzy.
Aplikacje internetowe
Aplikacje internetowe CSS - style fontów, tekstu Ciąg dalszy.
HTML Hyper Text Markup Language komputerowe Esperanto cz. III polecenia konstrukcyjne strony.
Temat 9: Obrazy i multimedia
Aplikacje internetowe
Wzorce slajdów, animacje, różne orientacje slajdów
Temat 4: Klasy i identyfikatory
XHTML Tworzenie stylów CSS Damian Urbańczyk. Zewnętrzny plik CSS Aby ułatwić sobie pracę ze stylami, najlepiej utworzyć osobny plik, w którym będą przechowywane.
Kolumny, tabulatory, tabele, sortowanie
Temat 1: CSS Dołączanie stylów do dokumentu
Portal edukacyjny A.Ś. Zarz ą dzanie informacj ą w ś rodowisku Windows.
Beata Sanakiewicz. Spis treści  Pierwsze spotkanie Pierwsze spotkanie  Ustawienia witryny Ustawienia witryny  Tło strony Tło strony  Teksty na stronie.
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ść;
Aplikacje internetowe Posługiwanie się ramkami. Zastosowanie ramek Wprowadzenie obsługi ramek w przeglądarce Netscape 2.0 otworzyło nową erę dla twórców.
EBSCOhost Collection Manager Konto osoby proponującej książki do zakupu Przewodnik support.ebsco.com.
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
1. Adres względny 2. Adres bezwzględny 3. Adres mieszany.
ASP.NET Kontrolki źródła danych i prezentacji danych w ASP.Net
ASP.NET Tworzenie i zarządzanie wyglądem aplikacji, tworzenie mapy witryny. Kontrolki nawigacyjne.
Liczby 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, …(i tak dalej) nazywamy liczbami naturalnymi. Tak jak z liter tworzy się słowa, tak z cyfr tworzymy liczby. Dowolną.
HTML, XHTML, CSS Model pudełka.  Wszystkie elementy w HTML mogą być rozważane jako pudełka. W CSS model pudełka dotyczy projektu i układu. Składa się.
 Cele operacyjne:  Uczeń:   doskonali:   · zasady tworzenia tabeli;  · sposoby formatowania tekstu w programie Word;  · umiejętność wyrównania.
Arkusz stylów CSS Cascading Style Sheet.
Zapis prezentacji:

Aplikacje internetowe CSS – elementy pływające strony

Elementy blokowe i <div> Znacznik <div> służy do dzielenia zawartości strony na sekcje (bloki). Znaczniki te jeżeli nie są zagnieżdżone to domyślnie pozycjonowane są w oknie przeglądarki jeden pod drugim. Każdy z nich zajmuje całą dostępną szerokość. Znaczniki te jeżeli są zagnieżdżone to zajmują obszar wyznaczony przez element nadrzędny.

Przykład 1

Własność float Elementy blokowe mogą być dosuwane do lewej bądź prawej krawędzi elementu, w którym są zawarte. Służy do tego własność float o wartościach left lub right. Ponieważ własność float zmienia sposób ustalania szerokości elementu blokowego, łączymy ją zazwyczaj z własnością width, która ustala szerokość dosuwanego elementu.

Przykład 2

Kod strony z przykładu 2 <head> <style type="text/css"> div { width: 100px; float: left; background: #e0e0e0; margin: 10px; } </style> </head> <body> <div>A</div> <div>B</div> <div>C</div> <div>D</div> <div>E</div> <div>F</div> </body>

Każdy element div zostaje dosunięty do prawej krawędzi poprzedniego elementu, z zachowaniem 10 pikseli margines. Liczba elementów div, które się zmieszczą w każdym wierszu zależy od szerokości okna przeglądarki. Na każdy element potrzeba 120 pikseli. Zmieniając szerokość przeglądarki, decydujemy ile elementów będzie wyświetlanych w danym wierszu.

Jeżeli usuniemy właściwość width to szerokość każdego elementu div dopasuje się do zawartości. Jeżeli we właściwości float zmienimy wartość na right to litery będą wyświetlone w odwrotnej kolejności i będą dosuwane do lewej krawędzi poprzedniego elementu. Elementy, które mają właściwość float o wartości left lub right, nazywamy pływającymi.

Przykład 3

Przykład 4

Układy kolumnowe Stosując elementy pływające, możemy w prosty sposób przygotować układy wielokolumnowe. Wystarczy wewnątrz pojemnika div o zadanej szerokości umieścić elementy pływające, których suma szerokości nie przekracza szerokości pojemnika. Wówczas elementy zawarte w pojemniku utworzą kolumny.

Przykład 5

Układy kolumnowe Jeżeli suma szerokości elementów pływających w pojemniku przekroczy zawartość pojemnika, to kolumna umieszczona z prawej strony nie zmieści się w pojemniku i zostanie przesunięta poniżej kolumny lewej.

Przykład 6

Wymuszanie wysokości elementów pływających Elementy pływające nie wymuszają wysokości elementów nadrzędnych. Dlatego w na stronach z przykładów 5 i 6 nie widać żółtego tła pojemnika, tylko tła kolumn. Do wymuszania wysokości elementów pływających służy własciwość clear o wartości both.

Wymuszanie wysokości elementów pływających W kodzie XHTML, należy przed zamknięciem pojemnika dodać element który będzie miał nadaną właściwość clear o wartości both. Możemy do tego użyć np. znacznika br.

Przykład 7