Informatyka - internetowy zeszyt: 2013

niedziela, 16 czerwca 2013

Informatyka w klasie I - krótkie podsumowanie

Pierwszym zadaniem, któremu musieliśmy sprostać było utworzenie własnego bloga. Miał być on nowocześniejszą alternatywą zeszytu przedmiotowego. Jak widać udało się!

Na następnych lekcjach czekało nas zmierzenie się ze zrobieniem własnej wizytówki oraz CV. Wizytówki powstały dzięki programowi Microsoft Office Word a CV z szablonów znalezionych w internecie.
Oto kilka wzorów:

Aby wykonać kolejne zadanie potrzebowaliśmy pomocy Microsoft PowerPoint i trochę wiedzy o naszej miejscowości. Z informacji o rodzinnych stronach oraz zdjęć powstały całkiem niezłe prezentacje ;)

Tutaj można oglądnąć krótki filmik jak zrobić prezentację w programie Microsoft PowerPoint:

Jednak największą nowością bylo dla mnie tworzenie własnej strony internetowej. Naszym zadaniem było stworzenie jej w język HTML a dotyczyć miała ona naszych zainteresowań.
Oto końcowa postać mojej strony.

Oprócz tych wszystkich ,,zabaw" wprowadzaliśmy także notatki związane z zagadnieniami informatycznymi.

poniedziałek, 25 marca 2013

Jak stworzyć własną stronę internetową

Aby móc stworzyć stronę internetową niezbędna jest do tego znajomość poleceń HTML. Oto kilka przykładów:

<html> - szkielet dokumentu

<head> - nagłówek dokumentu

<meta> - własności dokumentu

<title> - tytuł dokumentu

<link> - powiązanie dokumentu

</xxx>

<body> - ciało dokumentu

<center> - środkowanie

<h2> - śródtytuł

<p> - akapit

<hr > - pozioma linia

<table> - tabela

<tr> - wiersz tabeli

<td> - komórka tabeli

<li> - element wykazu

<ol> - wykaz uporządkowany

Etapy tworzenia strony:

1. Kod wpisujemy w Notatniku, a stronę zapisujemy jako: index.html

2. Tam, gdzie mamy wpisać tytuł wpisujemy to co będzie się pokazywać na pasku tytułowym przeglądarki do góry.

3. Tam, gdzie mamy wpisać kolor tła strony wpisujemy:

Jeden z podstawowych kolorów w języku angielskim, np.: red
albo kolor w formacie HTML-owym, np.: #CC0000

4. Z kolorem tekstu, który ma się
przesuwać jest tak samo jak wyżej.

5. Tam, gdzie mamy wpisać tekst tekstu, który będzie się przesuwał wpisujemy wybrany przez nas tekst, np.: “Cześć!”. Znaczniki <h1> można usunąć, one tylko kontrolują jaki ma być rozmiar tego tekstu.

6. Tekst oddzielony jest oddzielony linią o góry i u dołu. W tym celu używamy znacznika <hr>.

7. Tekst strony możemy dowolnie sformatować znacznikami zawartymi w tabelce u góry.

8. Aby wstawić zdjęcie musimy wiedzieć do jakiego folderu wstawimy ten obrazek na serwerze. Jeśli, np.: do folderu “images”, a obrazek będzie się nazywał “dom.jpg”, wtedy linijka kodu odpowiedzialna za obraz, będzie wyglądać następująco:

<img src=“images\dom.jpg”>

Możemy również wrzucić zdjęcie “luzem”:

<img src=“dom.jpg”>

Folder, lub luźne zdjęcie musi być w tym samym miejscu co plik strony (index.html).

9. Strona jest gotowa. Możemy dodać dodatkowe znaczniki i inne rzeczy, ale musimy pamiętać o zamykaniu znaczników, np.: <b><i>TEKST</i></b>. Teraz wystarczy wgrać ją na serwer.

wtorek, 12 lutego 2013

Różnice miedzy HTML a XHTML

Następcą języka HTML jest XHTML. Mimo, że mają wiele cech wspólnych są pewne cechy, których HTML nie posiada. Oto tabela różnic:

HTML	XHTML
Prawidłowy typ zawartości to `text/html`	Prawidłowy typ zawartości to `application/xhtml+xml`
Nie ma znaczenia wielkość liter. Nazwy elementów i atrybutów można pisać dużymi literami. `<HTML>` to to samo, co `<html>`	Nazwy elementów i atrybutów muszą być pisane małymi literami
CSS i DOM JavaScript nie rozróżnia wielkości liter w nazwach elementów	CSS i DOM działa tylko z nazwami elementów pisanymi dokładnie tak, jak w dokumencie XHTML
Niektóre elementy są zawsze puste i nie mają tagu zamykającego. DTD dokumentu z góry określa, które. Dla HTML są to m.in.: `<img>`, `<br>`, `<input>`	Puste są te elementy, które autor zapisze w postaci `<element/>` lub `<element></element>`
DTD wymusza automatycznie dostawianie elementów w niektórych miejscach, np. `<tbody>`	W XHTML DOM będzie zawierał tylko te elementy, które autor napisał.
HTML dopuszcza skrócone atrybuty, np. `<input checked>`	XHTML wymaga zawsze atrybutów z wartością, np. `<input checked="checked"/>`
Ma niezgodną z XML składnię, przez co nie można go bezpośrednio mieszać z XML-owymi językami.	XHTML jest zgodny z XML i ma swoją przestrzeń nazw. Może być łączony z Atom, SVG, MathML, RDF? i innymi.
Przeglądarki ignorują niepoprawny HTML, co może powodować różną interpretację dokumentu w różnych przeglądarkach	XHTML bezwzględnie wymaga poprawności składni

http://kurs.browsehappy.pl/HTML/XHTML