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.
Autor: o Brak komentarzy:

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 wpi­su­jemy w Notat­niku, a stronę zapi­su­jemy  jako: index.html
2. Tam, gdzie mamy wpi­sać tytuł wpi­su­jemy to co będzie się poka­zy­wać na pasku tytu­ło­wym prze­glą­darki do góry.
3. Tam, gdzie mamy wpi­sać kolor tła strony wpisujemy:
  • Jeden z pod­sta­wo­wych kolo­rów w języku angiel­skim, np.: red
  • albo kolor w for­ma­cie HTML-owym, np.: #CC0000
4. Z kolo­rem tek­stu, który ma się
prze­su­wać jest tak samo jak wyżej.
5. Tam, gdzie mamy wpi­sać tekst tek­stu, który będzie się prze­su­wał wpi­su­jemy wybrany przez nas tekst, np.: “Cześć!”.  Znacz­niki <h1> można usu­nąć, one tylko kon­tro­lują jaki ma być roz­miar tego tekstu.
6. Tekst oddzie­lony jest oddzie­lony linią o góry i u dołu. W tym celu używamy znacz­nika  <hr>.
7. Tekst strony możemy dowol­nie sfor­ma­to­wać znacz­ni­kami zawar­tymi w tabelce u góry.
8. Aby wsta­wić zdję­cie musimy wie­dzieć do jakiego fol­deru wsta­wimy ten obra­zek na ser­we­rze. Jeśli, np.: do fol­deru “ima­ges”, a obra­zek będzie się nazy­wał “dom.jpg”, wtedy linijka kodu odpo­wie­dzialna za obraz, będzie wyglą­dać następująco:
<img src=“images\dom.jpg”>
Możemy rów­nież wrzu­cić zdję­cie “luzem”:
<img src=“dom.jpg”>
Fol­der, lub luźne zdję­cie musi być w tym samym miej­scu co plik strony (index.html).
9. Strona jest gotowa. Możemy dodać dodat­kowe znacz­niki i inne rze­czy, ale musimy pamię­tać o zamy­ka­niu znacz­ni­ków, np.: <b><i>TEKST</i></b>. Teraz wystar­czy wgrać ją na ser­wer.





Autor: o 1 komentarz:

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

Autor: o Brak komentarzy:
Subskrybuj: Posty (Atom)