Previous Next Play Pause
Tłusty czwartek i stypendia na ferie Tłusty czwartek i stypendia na ferie
Uroczystość związana z 100-leciem odzyskania przez Polskę niepodległości Uroczystość związana z 100-leciem odzyskania przez Polskę niepodległości
Życzenia Życzenia
Bezpłatna nauka Bezpłatna nauka
Uroczystość wręczenia stypendiów Prezesa Rady Ministrów Uroczystość wręczenia stypendiów Prezesa Rady Ministrów

Kopie zapasowe ubuntu

Prawa do plików ubuntu

wyszukać plik na litere d

dir d*.*

wyszukać plik po trzeciej literze ? Wiem, że trzecia litera to jest : E . Chcę aby wyszukał wszystkie pliki które mają na trzeciej pozycji literę : E ?

dir ??e*.*

Ustawianie uprawnień dla folderów udostępnionych

Ograniczanie liczby użytkowników folderu udostępnionego

 

 

zablokuj ustawienia paska zadan - gpedit.msc - szablony administracyjne - menu start i pasek zadan - zapobiegaj zmianom ustawien paska zadan i menu start

 

UstawLogowanie interakcyjne: Monituj użytkownika o zmianę hasła przed jego wygaśnięciemdo 5 dni. Data wygaśnięcia ich hasła w przypadku 5 lub mniejszą liczbę dni między, użytkownicy zobaczą w oknie dialogowym każdym razem, gdy logowania do domeny.

Nie ustawiono wartość 0, co powoduje wyświetlenie ostrzeżenia wygaśnięcie hasła za każdym razem, gdy użytkownik loguje się.

Lokalizacja
Nazwa_obiektu_GPO\Computer Configuration\Windows Windows\Ustawienia zabezpieczeń\Zasady Lokalne\opcje

 

 

 

DRUKARKI

       

Registry Hive

HKEY_CURRENT_USER

       

Registry Path

Software\Microsoft\Windows\CurrentVersion\Policies\Explorer

       

Value Name

NoAddPrinter

       

Value Type

REG_DWORD

       

Enabled Value

1

       

Disabled Value

0

 

 

 

Komunikat przed logowaniem

REJESTR

1. Zaloguj się na konto z uprawnieniami administratora

2. Uruchom edytor rejestru (Start>Uruchom, wpisz regedit, kliknij OK

3. Odszukaj klucz HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\Winlogon

4. Odszukaj wartość LegalNoticeCaption (jeżeli jej nie ma, stwórz ją - Edycja, Nowy, Wartość DWORD). Kliknij na nia dwukrotnie myszą i wpisz tytuł okienka, które ma się wyświetlić przed zalogowaniem.

ADVERTISING

5. Odszukaj lub stwórz wartość LegalNoticeText i po dwukliku wpisz tekst, który ma się wyświetlać.

 

 

 gpedit.msc

Aby włączyć komunikaty podczas logowania do systemu należy otworzyć Edytor lokalnych zasad grupy, aby to zrobić wystarczy w oknie start wpisać polecenie gpedit.msc

W otwartym oknie przechodzimy kolejno do ekranu: Konfiguracja Komputera > Ustawienia systemu Windows > Ustawienia zabezpieczeń > Zasady Lokalne > Opcje Zabezpieczeń.

Następnie znajdujemy pozycje:

·         Logowanie interakcyjne: tytuł komunikatu dla użytkowników próbujących się zalogować.

·         Logowanie interakcyjne: tekst komunikatu dla użytkowników próbujących się zalogować.

Po dwukrotnym kliknięciu na opcji będziemy mogli wpisać dowolny tekst, który zostanie wyświetlony podczas logowania do systemu. Aby wyłączyć komunikaty wystarczy usunąć zawartość tekstu w oknie Edytora lokalnych zasad grupy.

 

 

<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />

<form>

Podaj imie <textarea name="imi" cols="20" rows="1">

</textarea>

Podaj nazwisko <textarea name="naz" cols="20" rows="1">

</textarea>

<br>

<br>

Pesel: <input maxlength="11" type="text" name="pesel">

<br>

<br>

Kod pocztowy: <input maxlength="2" type="text" name="1">-<input maxlength="3" type="text" name="1">

 

<br><br>

podaj płec: <br>

<input type="radio" name="plec" value="podst"> mężczyzna <br>

<input type="radio" name="plec" value="sr"> kobieta <br>

<br>

wybierz wojewodztwo: <br>

<select name="wiek">

<option> Wybierz </option>

<option> &gt; Dolnośląskie </option>

<option> &gt; Kujawsko-pomorskie </option>

<option> &gt; Lubelskie </option>

<option> &gt; Lubuskie </option>

<option> &gt; Lódzkie </option>

<option> &gt; Małopolskie </option>

<option> &gt; Mazowieckie </option>

<option> &gt; Opolskie </option>

<option> &gt; Podkarpackie </option>

<option> &gt; Podlaskie </option>

<option> &gt; Pomorskie </option>

<option> &gt; Śląskie </option>

<option> &gt; Świętokrzyskie </option>

<option> &gt; Warmińsko-mazurskie </option>

<option> &gt; Wielkopolskie </option>

<option> &gt; Zachodniopomorskie </option>

</select>

<br><br>

Podaj swoje zainteresowania: <br>

<input type="checkbox" name="hobby" value="muzyka"> muzyka <br>

<input type="checkbox" name="hobby" value="sport"> sport <br>

<input type="checkbox" name="hobby" value="taniec"> taniec <br>

<input type="checkbox" name="hobby" value="film"> film <br>

<input type="checkbox" name="hobby" value="gra w kompa"> gra w kompa <br>

<input type="checkbox" name="hobby" value="motoryzacja"> motoryzacja <br>

<input type="checkbox" name="hobby" value="jedzenie"> jedzenie <br>

<input type="checkbox" name="hobby" value="informatyka"> informatyka <br>

<br>

<input type="reset" value="WYCZYSC">

<br>

<input type="submit" value"WYSLIJ">

 

 

 

 

https://www.download.net.pl/jak-zablokowac-uruchamianie-programu-w-windowsie/n/3006/

 

http://www.thetechlabs.com/tech-tutorials/flash/create-real-water-effects-with-flash-cs4-actionscript-30/

HP Scanjet Enterprise Flow 7500

Rozdzielczość skanowania

Łączność

Cena

Wymiary i waga

Zużycie energii

 

Sharp PN70TB3

Gniazda wejściowe

Gniazda wyjściowe

Rozdzielczość

Przekątna

Cena

 

SIGNAL XXL

Ilość dysz

Obsługiwane materiały do druku

Cena

Wymiary stołu roboczego

Średni pobór mocy podczas druku 

 

 

Sony PMW-F55

Rozdzielczość

Typ matrycy

Cena

Zużycie energii

Temperatura pracy i przechowywania

Waga

 

CREATIVE INSPIRE T6300

Cena

Waga

Moc wyjściowa

 

Redgear Pro Series Wireless Gamepad

Waga

Cena

Łączność

Napięcie ładowania

 

 

var i = 0;

while(i < 10)

{

  document.writeln(++i);

}

INSTALACJA JOOMLA NA SERWERZE LOKALNYM

logo

STRONA WWW KL 2

Zmiana topu - FLASH lub PHOTOSHOP 

Zmiana tła www - u góry grafika niżej dowolny kolor

Zmiana loga

Zmiana kolorów przycisków i tła do nich

Zmiana nazw zakładek na

Start /Egzamin E.14/Egzamin E.13/Egzamin E.12/Grafika/UTK/Kontakt

Zakładki z egzaminami mają inne tło strony i inną grafikę w tle i inny top 

W 3 polach nowe znaczniki umieszczamy filmy z YOU TUBE dotyczace egzaminow zawodowych, w zakładkach kontakt i stard dowolne zdjęcia

W polu Witaj na web standardy w Egzaminach krótkie info czego dotyczy dana kwalifikacja w Starcie i kontakcie lorem ipsum

W polu aktualności 5 linków róznych kolorów do allegro/zsm/olx/wikipedia/mapy google

W polu social media dzialające ikonki do profili znanych ludzi na portalach

Pola twoja reklama 2 banery reklamowe rollover w javie, 2 banery zwykla grafika, 2 banery flash

http://www.zstio-gorzow.pl/zasoby/elearning/joomla_techniki/zrodla/webstandardyHTML/#

http://computersun.pl/php_db/mysql/typy-zakresy-danych-mysql-w_92.html

_________________________________HTML

<!doctype html>

<html lang="pl">

<head>

<meta charset="utf-8">

<title>HTML5</title>

<link rel="stylesheet" type="text/css" href="/_css/screen.css">

<!--[if lt IE 9]>

<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body tracingsrc="_assets/tracing-wymiary.jpg" tracingopacity="20">

<header>

    <h1>webStandardy.pl</h1>

        <aside>

        <h2><q cite="http://www.twitter.com/webstandardy">Zobacz nasz profil w serwisie Twitter oraz na innych portalach społecznościowych jak Facebook i LinkedIn! </q></h2><br>

            <span>Opublikowano 3 minuty temu na twitterze</span>

        </aside>

    </header>

    

    <div id="left-column">

    

    <nav>

    <h2 class="hide">Główna nawigacja</h2>

    <ul>

        <li><a class="h" href="#">Home</a></li>

        <li><a class="a" href="#">Artykuły</a></li>

        <li><a class="s" href="#">Snippety</a></li>

        <li><a class="i" href="#">Inspiracje</a></li>

        <li><a class="b" href="#">Blog</a></li>

        <li><a class="f" href="#">Forum</a></li>

        <li><a class="k" href="#">Kontakt</a></li>

        </ul>

    </nav>

    

    <div id="top">

    <section>

            <h2>Nowy szeryf w miescie</h2>

            <p>HTML5 jest standardem, który zyskując coraz większe wsparcie wśród przeglądarek staje się nieodzownym towarzyszem każdego szanującego się front-end developera.</p>

        </section>

    </div>

    

<section id="artykuly">

    <h2 class="hide">Artykuły</h2>

    <section>

        <img src="/_img/art1.jpg" alt="Artykuł 1" />

            <hgroup>

              <h2>Nowe znaczniki w HTML5</h2>

              <h3>DODANO 14.09.2011 PRZEZ MIKI</h3>

            </hgroup>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>

        </section>

    <section id="art2">

        <img src="/_img/art2.jpg" alt="Artykuł 2" />

            <hgroup>

              <h2>Nowe znaczniki w HTML5</h2>

                <h3>DODANO 14.09.2011 PRZEZ MIKI</h3>

            </hgroup>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>

        </section>

    <section>

        <img src="/_img/art3.jpg" alt="Artykuł 3" />

            <hgroup>

              <h2>Nowe znaczniki w HTML5</h2>

                <h3>DODANO 14.09.2011 PRZEZ MIKI</h3>

            </hgroup>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>

        </section>

    </section>

<section id="aktualnosci">

     <h2>Aktualnosci</h2>  

        <ul>

        <li>KONWERSJA FLASH>HTML5 Z WALLABY</li>

        <li>NOWE SELEKTORY W CSS3</li>

        <li>METODY POZYCJONOWANIA ELEMENTÓW</li>

        <li>NOWOCZESNE UKŁADY STRON WWW</li>

        <li>WYKORZYSTANIE BIBLIOTEKI MODERNIZR</li>

           <li>PRZYSZŁOŚĆ TYPOGRAFII Z @FONT-FACE</li>

        <li>NAJWAŻNIEJSZE ZNACZNIKI HTML5</li>

        </ul>

    </section>

    

    <section id="witaj">

    <h2>Witaj na webstandardy</h2>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus, euismod porttitor purus lectus a orci. Vivamus vel ante ante, vitae molestie orci. Suspendisse cursus enim hendrerit ipsum cursus sodales ultricies velit volutpat. Suspendisse neque elit, condimentum mattis lacinia ut, dapibus a velit. Vestibulum ultrices vestibulum nunc, quis tincidunt magna varius sit amet. </p>

      <p>Cursus enim hendrerit ipsum cursus sodales ultricies velit volutpat. Suspendisse neque elit, condimentum mattis lacinia ut, dapibus a velit. 

      </p>

    </section>

    

    

<aside id="social">

    <h2 class="hide">Social bar</h2>

        <ul>

        <li><a href="#"><img src="/_img/social-media.jpg" alt="social 1"></a></li>

        <li><a href="#"><img src="/_img/rss.jpg" alt="social 2"></a></li>

        <li><a href="#"><img src="/_img/facebook.jpg" alt="social 3"></a></li>

        <li><a href="#"><img src="/_img/twitter.jpg" alt="social 4"></a></li>

        <li><a href="#"><img src="/_img/linkedin.jpg" alt="social 5"></a></li>

        <li><a href="#"><img src="/_img/youtube.jpg" alt="social 6"></a></li>

        <li><a href="#"><img src="/_img/email.jpg" alt="social 7"></a></li>

        </ul>

    </aside>

    

    <footer>

    <p>Copyright © 2011-2012 eduweb.pl. Wszystkie prawa zastrzeżone. Projekt i prowadzenie serwisu Grzegorz Róg</p>

        <span>Na skróty</span>

        <ul>

        <li><a href="#">HOME</a></li>

        <li><a href="#">ARTYKUŁY</a></li>

        <li><a href="#">SNIPPETY</a></li>

        <li><a href="#">INSPIRACJE</a></li>

        <li><a href="#">BLOG</a></li>

        <li><a href="#">FORUM</a></li>

        <li><a href="#">KONTAKT</a></li>

        </ul>

    </footer>

    

    <!-- koniec lewej kolumny -->

    </div>

    

    <div id="right-column">

    

    <aside>

   

      <h2 class="hide">Logowanie</h2>

   

     <div class="search"><!-- form --></div>

        

      <div class="login"><ul>

        <li class="wi">Wiadomości</li>

        <li class="po">Powiadomienia</li>

        <li class="sn">Snippety</li>

        <li class="ed">Edycja profilu</li>            

        </ul>

        

        <p>Skocz na forum, mamy już 999 aktywnych użytkowników!</p></section>

        

</aside>

    

    <aside id="reklamy">

     <h2 class="hide">Reklamy</h2>

        <img src="/_img/reklama.jpg" alt="reklama 1" /><img src="/_img/reklama.jpg" alt="reklama 1" /><img src="/_img/reklama.jpg" alt="reklama 1" /><img src="/_img/reklama.jpg" alt="reklama 1" /><img src="/_img/reklama.jpg" alt="reklama 1" /></aside>

    

    <!-- koniec prawej kolumny -->

    </div>

    

</body>

</html>

___________________________________

__________________________________________________   CSS

@charset "utf-8";

/* CSS Document */

/* 

------- Kolory -------

piasek: #eae6db

ciemny piasek: #dcd8ce

ciemnoszary: #212629

ciemny pomarańcz: #f9762d

pomarańcz: #fbb928

niebieski top: #27536d

linki: #5da2c7

rozmiary fontów:

12 - 1em

13 - 1.08em

14 - 1.16em

20 - 1.66em

35 - 2.92em

*/

@font-face {font-family: 'Museo-300';src: url('../_assets/webfonts/eot/style_154926.eot?#iefix') format('embedded-opentype'),url('../_assets/webfonts/woff/style_154926.woff') format('woff'),url('../_assets/webfonts/ttf/style_154926.ttf') format('truetype'),url('../_assets/webfonts/svg/style_154926.svg#Museo-300') format('svg');}

/* ~~ RESET ~~ */

ul, ol, dl { 

padding: 0;

margin: 0;

list-style-type: none;

}

h1, h2, h3, h4, h5, h6, p {

margin: 0;

font-size: 1em;

}

a img { 

border: none;

}

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section { 

    display:block;

}

/* ~~ REUSABLE ~~ */

.hide {

text-indent: -998em;

height: 0px;

}

/* ~~ LINKI ~~ */

a:link {

color: #5da2c7;

}

a:visited {

color: #5da2c7;

}

a:hover, a:active, a:focus {

text-decoration: none;

}

/* ~~ LAYOUT ~~ */

html {

overflow: scroll;

background: #eae6db url(../_img/bg-top-repeat.gif) repeat-x;

}

body {

font-size: 0.75em; /* 12px */

font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

padding: 0px;

overflow: hidden;

width: 1133px;

margin: 0px auto;

}

_____________________________________________________

@font-face {font-family: 'Museo-300';src: url('../_assets/webfonts/eot/style_154926.eot?#iefix') format('embedded-opentype'),url('../_assets/webfonts/woff/style_154926.woff') format('woff'),url('../_assets/webfonts/ttf/style_154926.ttf') format('truetype'),url('../_assets/webfonts/svg/style_154926.svg#Museo-300') format('svg');}

GTA

<html>

<head>

<title>Mój dokument</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="/style.css" />  

</head>

<body>

<div id="bialy"></div>

<div id="czerwony"></div>

</body>

</html>

body {

background-color:yellow;

}

#bialy {

float:left;

background-color:white;

height:350px;

width:100%;

font-size:124px;

text-align:center;

}

#czerwony {

float:left;

background-color:red;

min-height:350px;

width:100%;

}

<head>

<style>

body {

background-color: grey;

}

p {

color: white;

background-color: black;

}

a.niebieski {

color: green;

text-decoration:none;

}

 a.niebieski:hover {

color:yellow;

text-decoration:none;

}

a.czerwony {

color: orange;

text-decoration:none;

}

 

a.czerwony:hover {

color:white;

text-decoration:none;

}

</style>

</head>

<p><strong>LINK 1</strong></p>

<ul>

<li><a href="http://www.zsm-swiecie.pl" class="niebieski">LINK DO ZSM SWIECIE</a></li>

</ul>

 

<p><strong>LINK 2</strong></p>

<ul>

<li><a href="http://www.wp.pl" class="czerwony">LINK DO WP</a></li>

</ul>

https://faktura.egrupa.pl/images/news/faktura-rr-wzor2.jpg

Dana

Relacyjna baza danych 

Typ danej (ang. data type) - rodzaj danej, czyli forma zapisu informacji:

znakowy (ang.character) 

liczbowy (ang.number) 

logiczny (ang.logical) 

data (ang.date) 

alfanumeryczny (ang.alphanumeric)

numeryczny (ang.numeric) 

walutowy (ang.currency) 

notatnikowy (ang.memo) 

binarny (ang.binary) 

graficzny (ang.graphic) 

obiektowy (ang.OLE) �

Format danej 

Rekord

Pole

Tabela

Klucz podstawowy (klucz główny)

Klucz obcy

Relacja

Typy relacji 

jeden-do-jednego

jeden-do-wielu

wiele-do-wielu

Sortowanie

Zapytanie

Kwerenda wybierająca 

Filtr

Formularz

Raport

Procedura

Makro

Moduł

System zarządzający bazami 

Program wykonawczy bazy 

<script language="JavaScript">

<!-- 

document.write(document.lastModified)

// -->

</script>

http://cennik.poczta-polska.pl/plik,1/cennik_uslug_powszechnych_w_obrocie_krajowym_i_zagranicznym_01032016.pdf

http://www.freeiconspng.com/uploads/pdf-icon-png-17.png

PHP

Co to jest PHP
Komentarze
Zmienne
Typy zmienych
Zmiana typu
Predefiniowane zmienne
Stałe
Operatory arytmetyczne
Operator przypisania
Operatory operacji bitowych
Operatory porównania
Operator kontroli błędów
Operator wywołania
Operatory inkrementacji i dekrementacji
Operatory logiczne
Operator ciągu
Instrukcje warunkowe
Pętla FOR
Pętla while
Pętla do…while
Przerywanie wykonań pętli
Składnia switch
Tablice
Funkcje
Klasy
Formularze
Upload plików
Odnośniki
Cookies
register_globals

 

 

GALERIE    http://fotoblogia.pl/5393,20-darmowych-galerii-do-fotograficznego-portfolio

 

 

http://www.tutorialized.com/tutorial/Lift-Objects-Right-Off-Their-Pages-With-This-Photoshop-Effect/86042

http://www.programoteka.pl/html//inny%20dymek.php

http://www.flashperfection.com/tutorials/Create-real-water-effects-with-Flash-CS4-ActionScript-3.0-49262.html

 

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>How to Make a JavaScript Image Rollover</title>

<!--JavaScript code goes here.-->
<script language="javascript">
function MouseRollover(MyImage) {
MyImage.src = "2.png";
}
function MouseOut(MyImage) {
MyImage.src = "1.png";
}
</script>
</head>

<body>

<div align="center">

<!--The rollover image displays here.-->
<img src="/1.png" boarder="0px" width="650px" height="550px" 
onMouseOver="MouseRollover(this)" 
onMouseOut="MouseOut(this)" />
</div>

</body>
</html>

 

 

 

TOP WWW

http://www.videosites.pl/proj8/

http://cdn15.se.smcloud.net/t/photos/353367/2015-hyundai-i20.jpeg

http://portalnaukijazdy.pl/images/news/2599.jpg

http://www.autoszkola-osemka.pl/wp-content/uploads/2014/03/DSC_4337.jpg

https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Luigi_emblem.svg/2000px-Luigi_emblem.svg.png

FLASH

http://www.bannerflash.pl/przyklady-swfnew-woe_orange_750x200_20120612v1.html

http://www.bannerflash.pl/przyklady-swfnew-acer_750x200_20120622v1.html

http://www.bannerflash.pl/przyklady-swfnew-orzel_750x200_20111102v2.html 

http://www.bannerflash.pl/przyklady-swfnew-estilo_950x200_20120418v2.html

http://www.bannerflash.pl/przyklady-swfnew-ecutech_300x250_20120315v2.html

 

 

Strona www w joomla 3
3 zakładki 
Start (art)/Galeria(2 kat po 3 zdjęcia/Załączniki (4 załączniki doc i pdf)
TOP 3 zdjęcia slider
Attachments
Phoca Gallery
JCE EDITOR

 

http://devzum.com/2015/07/best-photoshop-tutorials-june-2015/
http://creativenerds.co.uk/tutorials/60-best-photoshop-tutorials-from-2014/
http://graphicdesignjunction.com/2014/07/best-photoshop-tutorials-2014/

 

 

<?php

$a = 5; //OPERATOR PRZYPISANIA "="

echo "<br />--------------<br />";

echo ($a+5); //OPERATOR DODAWANIA "+"

echo "<br />--------------<br />";

echo ($a-5); // OPERATOR ODEJMOWANIA "-"

echo "<br />--------------<br />";

echo ($a*2); //OPERATOR MNOŻENIA "*"

echo "<br />--------------<br />";

echo ($a/2); //OPERATOR DZIELNIA "/"

echo "<br />--------------<br />";

echo ($a%2); // OPERATOR RESZTY Z DZIELENIA "%" w pięciu 2 miesci sie 2 razy, czyli 2 * 2 = 4, 5 - 4 = 1;

echo "<br />--------------<br />";

$imie = "Jan";
$nazwisko = "Kowalski";

$polaczenie = $imie." ".$nazwisko;

echo $polaczenie;

echo "<br />--------------<br />";

$b = 10;

$b += 10 + 5 + $a; //TO JEST TO SAMO CO $b = $b + 10 + 5 + $a;

echo $b;

echo "<br />--------------<br />";

$b -= 30; //TO JEST TO SAMO CO $b = $b - 30;

echo $b;


/*
+=
-=
*=
/=
%=
.=
*/

echo "<br />--------------<br />";

$i = 1;
$i++; //INKREMENTACJA DOKLADNIEJ POSTINKEREMENTACJA A TO JEST TO SAMO CO: $i = $i + 1 LUB $i += 1;
echo $i;
echo "<br />";

echo ($i++);
echo "<br />";
echo $i;
echo "<br />--------------<br />";

$i = 1;
$i--; //DEKREMENTACJA DOKLADNIEJ POSTDEKREMENTACJA A TO JEST TO SAMO CO: $i = $i - 1 LUB $i -= 1;
echo $i;
echo "<br />";

echo "<br />--------------<br />";

$i = 1;
++$i; //INKREMENTACJA DOKLADNIEJ PREINKREMENTACJA A TO JEST TO SAMO CO: $i = $i - 1 LUB $i -= 1;
echo $i;
echo "<br />";
echo (++$i);
echo "<br />";
echo $i;
echo "<br />--------------<br />";

$i = 1;
--$i; //DEKREMENTACJA DOKLADNIEJ PREDEKREMENTACJA A TO JEST TO SAMO CO: $i = $i - 1 LUB $i -= 1;
echo $i;
echo "<br />";

echo "<br />--------------<br />";


/* 1 1 1 1 0 = (1 * 2 ^ 4) + (1 * 2 ^ 3) + (1 * 2 ^ 2) + (1 * 2 ^ 1) + (0 * 2 ^ 0) =
= 16 + 8 + 4 + 2 + 0 = 30


PRZESUWAM W LEWO TO MNOZE RAZY 2

1 1 1 1 0 0 = 60

PRZESUWAM W PRAWO TO DZIELE RAZY 2
1 1 1 1 = 15
*/
$c = 30;

echo $c<<1; // W LEWO

echo "<br />--------------<br />";

echo $c>>1; //W PRAWO

// 1 1 1 1 0 = 30
// 1 0 1 0 0 = 20 | - ALTERNATYWA BITOWA
//WYNIK: 1 1 1 1 0 = 30


$d = 20;

echo "<br />--------------<br />";

echo ($c | $d);

// 1 1 1 1 0 = 30
// 1 0 1 0 0 = 20 & - KONIUNKCJA BITOWA
//WYNIK: 1 0 1 0 0 = 20


echo "<br />--------------<br />";

echo ($c & $d);

/*
|| - ALTERNATYWA - LUB
&& - KONIUNKCJA - I
! = Negacja

> - znak wiekszosci
< - znak mniejszosci
>= - wiekszy badz rowny
<= - mniejszy badz rowny
== - ROWNY 
=== - ROWNY A DOKLADNIEJ IDENTYCZNY (tego samego typu)
!= - NIE ROWNY
!== - NIE IDENTYCZNY


@ - małpka, neguje błąd i go nie wypisuje

*/


?>

 

<?php

// TABLICA ASOCJACYJNA $nazwa_zmiennej['string'] = wartosc;
/* 
$tab['cosik'] = "tralal";
$tab['miejscowosc'] = "Kraków";
$tab['liczba'] = 5;
$tab[5] = "smak";

*/ echo "<br /><br />";

$tab = array( 'cosik' => 'tralal', 'miejscowosc' => 'Kraków', 'liczba' 
=> '5', 5 => 'smak');


echo $tab['cosik']."<br />";
echo $tab['miejscowosc']."<br />";
echo $tab['liczba']."<br />";
echo $tab[5]."<br />";

?>

 https://www.youtube.com/watch?v=ks9fgf53gi4

Wykonaj stronę internetową w CMS Joomla

Szkoła jazdy

O nas - opis z dowolnej szkoły + 1 zdjęcie
Kursy - Samochód Motor itp opisy z dowolnej szkoły
Cennik - Tabela z cennikiem
Galeria - 2 kategorie (samochody, motory) zdjęcia z kursów z dowolnej www
Zapisy - zakładka z formularzem MS Word do pobrania
Kontakt - Mapa google i dane kontaktowe

Kolorystyka związana z logiem L (niebieski i biały)

 

 

http://phpkurs.pl/operatory/

<?php

$a=100;
do {
print $a;
print ('<br>');
$a-= 2;
}
while ($a>0);
?>

 

<?php
print ("zzzzzzzzzzzzzzzzzzzzzzz");
$a=1;
$b=2;
$c=3;

$suma=$a+$b+$c;
print('<br>');
print $suma;

?>

 

 

http://www.gajdaw.pl/php/zmienne-w-php/print.html

 

<?php

$CosCosCos = 4; //$nazwa_zmiennej = wartosc
$CosCosCos = 5;
$CoscosCos = 6;
$cos_cos_cos = 8;

echo $CosCosCos."<br />";
echo $coscoscos."<br />";
echo $CoscosCos."<br />";

echo "----------------<br />";
var_dump($CosCosCos); // int (integer) - l. całkowita
echo "<br />----------------<br />";

$cos4 = 4;
$jakies = "tekscik";

echo "----------------<br />";
var_dump($jakies); //string (tekst) " " ' '
echo "<br />----------------<br />";
echo "<br />----------------<br />";
echo $jakies{2};
echo "<br />----------------<br />";

$dlugosc_jakies = strlen($jakies); //strlen (string length) - długość tekstu 
echo "<br />----------------<br />";
echo $dlugosc_jakies;
echo "<br />----------------<br />";
/*
Nie możemy dawać spacji w nazwach zmiennych
Wielkość liter ma znaczenie! ;)
Nie wolno używać liter na początku zmiennej
Nie ładnie jest używać polskich znaków w zmiennych

*/

echo $cos4."<br /><br />";

echo $jakies."<br /><br />";

$_zmienna = 4.2;


echo $_zmienna."<br />";

var_dump($_zmienna); // float - typ zmiennoprzecinkowej zmiennej, czyli rzeczywistej, double (mocniejsza precyzja) 3.44444124124124

$prawda = true; // PRAWDA - inna od zera! ;) (1)

$falsz = false; // FAŁSZ - ZERO

echo '<br /><br /><br /> \n$prawda <br /><br /><br />';
echo "<br /><br /><br /> \\n\$prawda <br /><br /><br />";
echo "<br /><br /><br /> $prawda <br /><br /><br />";
echo "<br /><br /><br /> ".$prawda."<br /><br /><br />";

echo ord('1')."<br />";

echo chr(49)."<br />";

define("nazwa_gry", "Mroczne Lata Camelotu");

echo nazwa_gry."<br />";

$lrzeczywista = 5.65624124;

echo (int)($lrzeczywista)."<br />"."<br />"; // (typ)(co_rzutujemy)

echo round($lrzeczywista, 2) //round (co_zaokraglic, do_ilu_miejsc_po_przecinku);


?>

 

 

1. Stwórz w sql nową tabele o nazwie farby
pola (id,nazwa, cena) id liczba- nazwa varchar cena 4000,22 czterocyfrowa z 2 miajscami po przecinku


CREATE TABLE farby (id int(11), nazwa VARCHAR(24), cena decimal(6,2))

2. Wstaw 1 wiersz do tabeli farby
Id-1 nazwa-sniezka cena-1000,22

INSERT INTO farby (id,nazwa,cena) VALUES ('1','sniezka','1000.22')

3. Dodaj kolumne kategoria (varchar) do tabeli farby

ALTER TABLE farby ADD kategoria VARCHAR(24) AFTER cena


4. Wstaw kategorie olejne do 1 wiersza tabeli


UPDATE farby SET kategoria = ‘olejne’ WHERE id = 1

5. Usuń tabele farby

DROP TABLE farby1

6. Usuń rekord id=2 z tabeli farby

DELETE FROM farby WHERE id = 2

7. Zmień w tabeli farby pole id na nr
typ danych integer

ALTER TABLE farby CHANGE id nr int(11)


8. Podaj średnią cene z tabeli farby

SELECT AVG(cena) AS srednia FROM farby

9. Pokaż aktualna datę i godzinę

SELECT NOW()

10. Sprawdź ile wierszy ma tabela farby

SELECT COUNT(nr)FROM farby

 

 

 

 

<body>
<?php
$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('produktykopia' , $lacze);
$tytul = $_POST['tytuł'];
$cena = $_POST['cena'];
$zpt = "INSERT INTO cennik (tytul, cena) VALUES ('$tytul','$cena')";
$rezultat = mysql_query($zpt);
?>
</body>

 

 

<body>
<form action="formularz.php" method="post">
<p><label>Tytuł: <input type="text" name="tytuł" value="" /></label></p>
<p><label>Cena: <input type="text" name="cena" value="" /></label></p>
<p><input type="submit" name="submit" value="Wyślij" /></p>
<p><input type="reset" name="wyczysc" value="Wczyść" /></p>
</form>
</body>

 

<body>
<?php
$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('produktykopia' , $lacze);
$zpt = 'DELETE FROM cennik WHERE id = 11';
$rezultat = @mysql_query($zpt, $lacze);
$podsumowanie = @mysql_affected_rows($lacze);
echo $podsumowanie;


/*while ($wyniki = @mysql_fetch_assoc($rezultat)) {
echo "<pre>";
print_r($wyniki['nazwa'].'<br />'.$wyniki['cena'].' 
zł');
echo "<pre>";
}*/
?>
</body>

 

<body>
<?php
$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('produktykopia' , $lacze);
$zpt = 'DELETE FROM cennik WHERE id = 12';
$rezultat = @mysql_query($zpt, $lacze);
/*while ($wyniki = @mysql_fetch_assoc($rezultat)) {
echo "<pre>";
print_r($wyniki['nazwa'].'<br />'.$wyniki['cena'].' 
zł');
echo "<pre>";
}*/
?>
</body>

 

 

<body>
<?php
$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('kursy' , $lacze);
$zpt = 'SELECT * FROM produkty';
$rezultat = @mysql_query($zpt, $lacze);
while ($wyniki = @mysql_fetch_assoc($rezultat)) {
echo "<pre>";
print_r($wyniki['nazwa'].'<br />'.$wyniki['cena'].' 
zł');
echo "<pre>";
}
?>
</body>

 

<body>
<?php
$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('kursy' , $lacze);
$zpt = 'SELECT nazwa,cena FROM produkty';
$rezultat = @mysql_query($zpt, $lacze);
while ($wyniki = @mysql_fetch_assoc($rezultat)) {
echo "<pre>";
print_r($wyniki);
echo "<pre>";
}
?>
</body>

 

<body>

<?php

$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('kursy' , $lacze);

$zpt = 'SELECT * FROM klienci';

$rezultat = @mysql_query($zpt, $lacze);

$wyniki = @mysql_fetch_assoc($rezultat);
echo "<pre>";
print_r($wyniki);
echo "<pre>";

?>

</body>

 

<body>

<?php

$lacze = @mysql_connect('localhost', 'zsm', 'zsm');
$baza = mysql_select_db('kursy' , $lacze);

$zpt = 'SELECT * FROM produkty';

$rezultat = @mysql_query($zpt, $lacze);
while ($wyniki = @mysql_fetch_assoc($rezultat)) {

print_r($wyniki);

}

?>

</body>

 

 

 

select *
from produkty
limit 0, 10 -wyświetlanie produktów od 0 do 10
where id_produktu = 41
where cena > 40 and cena < 50
where cena > 10 and cena > 50

KLAUZRA ORDER INTO


INSERT INTO klienci VALUES ('','Jan','Kowalski')


INSERT INTO klienci (imie, nazwisko) VALUES ('Piotr','Polak')

INSTRUKCJA UPDATE

UPDATE klienci SET imie = 'Kamil'
WHERE id = 2

UPDATE cennik SET cena = cena*0.9

INSTRUKCJA DELETE FROM

DELETE FROM cennik WHERE id = 10

DELETE FROM cennik1 WHERE cena < 40

DROP TABLE cennik1

SELECT COUNT(id_produktu)FROM produkty

SELECT COUNT(id_produktu)AS licznik FROM produkty - licznik

SELECT AVG(cena) AS srednia FROM produkty - srednia

SELECT MAX(cena) AS maksimum FROM produkty - MAX CENA

SELECT MIN(cena) AS minimum FROM produkty - MIN CENA

SELECT SUM(styczen) AS styczen_suma FROM sprzedaz

CREATE TABLE kategorie (id INT, nazwa VARCHAR(24))

CREATE TABLE styczen SELECT id, Sklep, styczen FROM sprzedaz

ALTER TABLE sprzedaz ADD kwiecien INT

DROP kwiecien

ALTER TABLE sprzedaz ADD oddzial INT AFTER sklep

ALTER TABLE sprzedaz MODIFY oddzial VARCHAR(24)

ALTER TABLE sprzedaz CHANGE oddzial nazwa_oddzialu VARCHAR(24)

<nav>
<ul>
<li><a href="/firma.html">Firma</a></li>
<li><a href="#oferta.html">Oferta</a></li>
<li><a href="/galeria.html">Galeria</a></li>
<li><a href="#kontakt.html">Kontakt</a></li>

</ul>
</nav>

 

nav {
float: left;
width: 100%;
background: #fff;
border-bottom: 3px solid #000;
overflow: hidden;
position: relative;
}
nav ul {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
nav ul li {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}
nav ul li a {
display: block;
margin: 0 0 0 1px;
padding: 3px 10px;
background: #ddd;
color: #000;
text-decoration: none;
line-height: 40px;

}
nav ul li a:hover {
background: #b00;
color: #fff;
}
nav ul li a.zaznaczony,

nav ul li a.zaznaczony:hover {
color: #fff;
background: #000;
font-weight: bold;
}

 

 

 

 

 

 

 

<!DOCTYPE html>

<head>

<style>

#gora {
clear:both;
background-color:white;
text-align:center;
min-height:360px;
font-size:124px;
}

#dol {
clear:both;
background-color:red;
text-align:left;
min-height:360px;
font-size:24px;
}
</style>
</head>
<body>

<div id="gora">POLSKA</div>

<div id="dol">Polska, Rzeczpospolita 
Polska (RP) – państwo unitarne w Europie 
Środkowej położone między Morzem 
Bałtyckim na północy a Sudetami i 
Karpatami na południu, w dorzeczu Wisły, 
Odry i Niemna. Powierzchnia 
administracyjna Polski wynosi 312 679 
km²[b][1], co daje jej 70. miejsce na 
świecie i 9. w Europie. Zamieszkana 
przez prawie 38,5 miliona ludzi (2014), 
zajmuje pod względem liczby ludności 34. 
miejsce na świecie[5], a 6. w Unii 
Europejskiej.</div>

</body>
</html>

 

 

 

<!DOCTYPE html>

 

<head>

 

<style>

 

#naglowek {
background-color:yellow;
text-align:left;
min-height:250px;
font-size:24px;
}

 

#lewy {
float:left;
background-color:green;
min-height:550px;
width:20%;
}

 

#srodek {
float:left;
background-color:blue;
min-height:550px;
width:60%;
}
#prawy {
float:left;
background-color:red;
min-height:550px;
width:20%;
}

 

#stopka {
clear:both;
background-color:black;
text-align:center;
min-height:60px;
}
</style>
</head>
<body>
<div id="naglowek">sdfsdfsdffdf</div>
<div id="lewy">sdfsdfsdffdf</div>
<div id="srodek">sdfsdfsdffdf</div>
<div id="prawy">sdfsdfsdffdf</div>
<div id="stopka">sdfsdfsdffdf</div>
</body>
</html>

 

 

 

Strona serwisu komputerowego

strona ma mieć 4 zakładki
O firmie (tekst + foto)
Usługi (tabela z cennikiem)
Galeria (TiltViewer)
Kontakt (mapa google + adres)

Top graficzny ale na każdej zakładce inne zdjęcie (nie flash!)

 

Uklad strony:

Logo i nazwa firmy
Menu główne
Top (zdjęcie poziome związane z działalnością firmy)

2 kolumny lewa reklamy (3 banery
intel,asus,HP)
Środkowa teksty na www

 

 

Budowa i działanie karty graficznej

- procesor graficzny GPU
- pamięć podręczna RAM
- konwerter cyfrowo-analogowy
- złącze magistrali
- BIOS
- zestaw wyjść (D-sub,DVI,TV-out,HDMI,Display port)
do powyższego schemat zdjęcia i opisy

 

 

Sprawdzian 3A JAVA SCRIPT

Sprawdzian 3A JAVA SCRIPT

1. Wypisz wszystkie liczby parzysrte od 0 do 100 stosując pętlę for. Pod każdą z liczb ma być wiersz odstępu
Przykład:
4
6
8
….
44
2. Napisz skrypt który podzieli 2 wpisane liczby tylko w przypadku druga będzie większa od 0, w przeciwnym wypadku niech pojawi się ” Pamiętaj, cholero, nie dzieli się przez zero!
Przykład:
Przykład wpisałem 10 i 5 =2

3. Napisz FUNKCJE o nazwie suma, która doda do siebie 2 dowolnie wpisane liczby. Zastosuj deklaracje FUNKCJI!.

Przykład:
Wpisałem 10 i 2 =12

4. Napisz pętle (WHILE) która wypisze liczby nieparzyste od 1 do 10 z tekstem liczba

Przykład:
liczba 13
liczba 15
liczba 17
…….
liczba 45

5. Napisz skrypt który sprawdzi czy dana liczba jest dodatnia, ujemna, równa 0 lub nie jest liczbą. Funkcja ma wyświetlać się jak w poniższym przykładzie
Przykład:
Wpisałeś z klawiatury 7 - wpisałes 7 twoja liczba jest większa niż 0
Wpisałeś z klawiatury -7 - wpisałes 7 twoja liczba jest mniejsza niż 0
Wpisałeś z klawiatury 0 - wpisałes 0 twoja liczba jest równa 0
Wpisałeś z klawiatury a - wpisałes a to nie liczba

6. Popraw błędy ortograficzne Ówaga-uwaga, podószka-poduszka, mócha-mucha, 
zastosuj replace

7. Zadeklaruj tablice składającą się z 5 liczb (2,4,6,7,10), odwróć ją zastosuj reverse


8. Napisz skrypt który po podaniu hasła ZSM odeśle cię do pliku zsm.html (plik pusty z zielonym kolorem tła)
9. Napisz prawidłową deklaracje skryptu w pliku zewnętrznym zadeklaruj w nim zmienną (A) swoje imię i wyświetl tą zmienną
10. Wykorzystaj praktycznie dowolny operator relacyjny
11. Wykorzystaj praktycznie dowolny operator logiczny
12. Wykorzystaj praktycznie dowolny operator bitowy
13. Wykorzystaj praktycznie dowolny operator matematyczny

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www</title>

<style>

#caly_blok {
font-size:24px;

}

#naglowek {
background-color:red;
text-align:center;
min-height:250px;
}

#lewy {
float:left;
background-color:green;
min-height:550px;
width:20%;
}


#srodek {
float:left;
background-color:blue;
min-height:550px;
width:60%;
}

#prawy {
float:left;
background-color:yellow;
min-height:550px;
width:20%;
}

#stopka {
clear:both;
background-color:black;
text-align:center;
}

p {
margin:0;
padding:15px;
}
</style>

</head>

<body>

<div id="caly_blok">

<div id="naglowek">nagłówek strony</div>

<div id="lewy">
<p>lewa kolumna</p>
</div>

<div id="srodek">
<p>srodek</p>
</div>
<div id="prawy">
<p>prawa kolumna</p>
</div>

<div id="stopka">stopka strony</div>
</div>

</body>
</html>

@charset "utf-8";
/* CSS Document */

/*

------- Kolory -------

piasek: #eae6db
ciemny piasek: #dcd8ce
ciemnoszary: #212629
ciemny pomarańcz: #f9762d
pomarańcz: #fbb928
niebieski top: #27536d

linki: #5da2c7

rozmiary fontów:
12 - 1em
13 - 1.08em
14 - 1.16em
20 - 1.66em
35 - 2.92em

*/

@font-face {font-family: 'Museo-300';src: url('/../_assets/webfonts/eot/style_154926.eot?#iefix') format('embedded-opentype'),url('../_assets/webfonts/woff/style_154926.woff') format('woff'),url('../_assets/webfonts/ttf/style_154926.ttf') format('truetype'),url('../_assets/webfonts/svg/style_154926.svg#Museo-300') format('svg');}


/* ~~ RESET ~~ */
ul, ol, dl { 
padding: 0;
margin: 0;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0; 
font-size: 1em;
}
a img { 
border: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

/* ~~ REUSABLE ~~ */

.hide {
text-indent: -998em;
height: 0px;
}

/* ~~ LINKI ~~ */
a:link {
color: #5da2c7;
}
a:visited {
color: #5da2c7;
}
a:hover, a:active, a:focus {
text-decoration: none;
}

/* ~~ LAYOUT ~~ */

html {
overflow: scroll;
background: #eae6db url(../_img/bg-top-repeat.gif) repeat-x;
}

body {
font-size: 0.75em; /* 12px */
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
padding: 0px;
overflow: hidden;
width: 1133px;
margin: 0px auto;
}

#left-column {
float: left;
width: 917px;
}

#right-column {
float: right;
width: 198px;
}

header {
overflow: hidden;
margin-top: 54px;
height: 117px;
}

header h1 {
background: url(/../_img/logo.png) no-repeat;
float: left;
height: 150px;
width: 390px;
text-indent: -999em;
}

header aside {
background: url(/../_img/twitter.png) top right no-repeat;
float: right;
width: 403px;
height: 47px;
background-color: rgba(51,51,51,.7);
color: #fff;
margin-top: 35px;
padding: 5px 20px;
font-weight: bold;
}


header aside h2 {
display: inline;
}

/* NAWIGACJA */

nav {
border-top: #fbb928 4px solid;
}

nav ul {
width: 917px;
}

nav ul li {
float: left;
}

nav ul a {
display: block;
width: 131px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
font-size: 1.3em;
text-shadow: #000 1px 1px;
color: #fff !important;
font-family: "Museo-300";
}

.h { background-color: #2f5971;}
.a { background-color: #34617b;}
.s { background-color: #396b87;}
.i { background-color: #417b9b;}
.b { background-color: #4b8cb0;}
.f { background-color: #559ec7;}
.k { background-color: #5eafdd;}

/* TOP */

#top {
background: url(/../_img/top-bg.png) no-repeat;
height: 250px;
width: 960px;
float: left;
}

#top section {
height: 90px;
width: 375px;
margin: 60px 0 0 40px;
color: #fff;
clear: both;
}
#top section h2 {
font-size: 2.3em;
font-family: "Museo-300";
}
#top section p {
font-size: 1.18em;
}

/* ARTYKUŁY */

#artykuly section {
float: left;
width: 274px;
height: 252px;
background: #dcd8ce;
margin-bottom: 40px;
padding: 9px;
}

#art2 {
margin: 0 20px;
}

#artykuly h2, #artykuly h3 {
font-size: 1.18em;
}

#artykuly p {
margin-top: 15px;
}


/* AKTUALNOŚCI */

#aktualnosci {
float: left;
width: 272px;
height: 217px;
background: #fbb928;
padding: 10px;
}

#aktualnosci h2 {
font-size: 2.9em;
color: #27536d;
font-family: "Museo-300"; 
}

#aktualnosci ul li {
font-size: 1.04em;
padding: 5px 0 5px 10px;
line-height: 1.1em;
font-weight: bold;
border-bottom: 1px #666 dotted;
}

#witaj {
float: right;
border-bottom: 4px solid #f9762d;
background: #212629;
width: 584px;
height: 213px;
padding: 10px;
color: #fff;
}

#witaj h2 {
font-family: "Museo-300"; 
font-size: 2.9em;
}
#witaj p {
font-size: 1.16em;
margin-top: 15px;
}

/* SOCIAL */

#social {
154px;
}

#social ul li img {
float: left;
margin: 20px 0;
}

/* FOOTER */

footer ul li, footer span {
float: left;
}

footer ul li a {
text-decoration: none;
display: block;
padding: 0 10px;
border-right: 1px solid rgba(0,153,204,1);
}

footer ul li:last-child a {
border-right: none;
}

footer {
background: url(/../_img/logo-footer.jpg) 0 right no-repeat;
background-color: #dcd8ce;
height: 27px;
overflow: hidden;
color: rgba(102,102,102,1);
padding: 10px;
clear: both;
}

/* SEARCH LOGIN BOX */

.login {
padding: 20px;
background: #fff;
border-bottom: 7px #fbb928 solid;
width: 161px;
height: 163px;
margin-bottom: 36px;
}

.login ul li {
padding: 5px 0;
}
.login ul {
margin-bottom: 10px;
}

.search {
width: 201px;
border-top: 4px #fbb928 solid;
height: 41px;
background: #5eafdd;
}

.wi:before { content: url(../_img/email-small.jpg); padding-right: 5px; }
.po:before { content: url(../_img/alert-small.jpg); padding-right: 5px; }
.sn:before { content: url(../_img/star-small.jpg); padding-right: 5px; }
.ed:before { content: url(/../_img/edit-small.jpg); padding-right: 5px; }

/* REKLAMY */

#reklamy {
padding: 4px 0;
}

 

<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>HTML5</title>
<link rel="stylesheet" type="text/css" href="/_css/screen.css">

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body tracingsrc="/_assets/tracing-wymiary.jpg" tracingopacity="20">


<header>
<h1>webStandardy.pl</h1>
<aside>
<h2><q cite="http://www.twitter.com/webstandardy">Zobacz nasz profil w serwisie Twitter oraz na innych portalach społecznościowych jak Facebook i LinkedIn! </q></h2><br>
<span>Opublikowano 3 minuty temu na twitterze</span>
</aside>
</header>

<div id="left-column">

<nav>
<h2 class="hide">Główna nawigacja</h2>
<ul>
<li><a class="h" href="#">Home</a></li>
<li><a class="a" href="#">Artykuły</a></li>
<li><a class="s" href="#">Snippety</a></li>
<li><a class="i" href="#">Inspiracje</a></li>
<li><a class="b" href="#">Blog</a></li>
<li><a class="f" href="#">Forum</a></li>
<li><a class="k" href="#">Kontakt</a></li>
</ul>
</nav>

<div id="top">
<section>
<h2>Nowy szeryf w miescie</h2>
<p>HTML5 jest standardem, który zyskując coraz większe wsparcie wśród przeglądarek staje się nieodzownym towarzyszem każdego szanującego się front-end developera.</p>
</section>
</div>

<section id="artykuly">
<h2 class="hide">Artykuły</h2>
<section>
<img src="/_img/art1.jpg" alt="Artykuł 1" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
<section id="art2">
<img src="/_img/art2.jpg" alt="Artykuł 2" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
<section>
<img src="/_img/art3.jpg" alt="Artykuł 3" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
</section>

<section id="aktualnosci">
<h2>Aktualnosci</h2> 
<ul>
<li>KONWERSJA FLASH>HTML5 Z WALLABY</li>
<li>NOWE SELEKTORY W CSS3</li>
<li>METODY POZYCJONOWANIA ELEMENTÓW</li>
<li>NOWOCZESNE UKŁADY STRON WWW</li>
<li>WYKORZYSTANIE BIBLIOTEKI MODERNIZR</li>
<li>PRZYSZŁOŚĆ TYPOGRAFII Z @FONT-FACE</li>
<li>NAJWAŻNIEJSZE ZNACZNIKI HTML5</li>
</ul>
</section>

<section id="witaj">
<h2>Witaj na webstandardy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus, euismod porttitor purus lectus a orci. Vivamus vel ante ante, vitae molestie orci. Suspendisse cursus enim hendrerit ipsum cursus sodales ultricies velit volutpat. Suspendisse neque elit, condimentum mattis lacinia ut, dapibus a velit. Vestibulum ultrices vestibulum nunc, quis tincidunt magna varius sit amet. </p>
<p>Cursus enim hendrerit ipsum cursus sodales ultricies velit volutpat. Suspendisse neque elit, condimentum mattis lacinia ut, dapibus a velit. 
</p>
</section>



<aside id="social">
<h2 class="hide">Social bar</h2>
<ul>
<li><a href="#"><img src="/_img/social-media.jpg" alt="social 1"></a></li>
<li><a href="#"><img src="/_img/rss.jpg" alt="social 2"></a></li>
<li><a href="#"><img src="/_img/facebook.jpg" alt="social 3"></a></li>
<li><a href="#"><img src="/_img/twitter.jpg" alt="social 4"></a></li>
<li><a href="#"><img src="/_img/linkedin.jpg" alt="social 5"></a></li>
<li><a href="#"><img src="/_img/youtube.jpg" alt="social 6"></a></li>
<li><a href="#"><img src="/_img/email.jpg" alt="social 7"></a></li>
</ul>
</aside>

<footer>
<p>Copyright © 2011-2012 eduweb.pl. Wszystkie prawa zastrzeżone. Projekt i prowadzenie serwisu Grzegorz Róg</p>
<span>Na skróty</span>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTYKUŁY</a></li>
<li><a href="#">SNIPPETY</a></li>
<li><a href="#">INSPIRACJE</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">KONTAKT</a></li>
</ul>
</footer>

<!-- koniec lewej kolumny -->
</div>

<div id="right-column">

<aside>

<h2 class="hide">Logowanie</h2>

<div class="search"><!-- form --></div>

<div class="login"><ul>
<li class="wi">Wiadomości</li>
<li class="po">Powiadomienia</li>
<li class="sn">Snippety</li>
<li class="ed">Edycja profilu</li> 
</ul>

<p>Skocz na forum, mamy już 999 aktywnych użytkowników!</p></section>

</aside>

<aside id="reklamy">
<h2 class="hide">Reklamy</h2>
<img src="/_img/reklama.jpg" alt="reklama 1" />
<img src="/_img/reklama.jpg" alt="reklama 1" />
<img src="/_img/reklama.jpg" alt="reklama 1" />
<img src="/_img/reklama.jpg" alt="reklama 1" />
<img src="/_img/reklama.jpg" alt="reklama 1" />

</aside>

<!-- koniec prawej kolumny -->
</div>

</body>
</html>

<section id="artykuly">
<h2 class="hide">Artykuły</h2>
<section>
<img src="/_img/art1.jpg" alt="Artykuł 1" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
<section id="art2">
<img src="/_img/art2.jpg" alt="Artykuł 2" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
<section>
<img src="/_img/art3.jpg" alt="Artykuł 3" />
<hgroup>
<h2>Nowe znaczniki w HTML5</h2>
<h3>DODANO 14.09.2011 PRZEZ MIKI</h3>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, massa ac egestas sodales, velit felis fringilla lacus vitae molestie orci. </p>
</section>
</section>

 

 

 

http://i238.photobucket.com/albums/ff95/gusbo57/s2000.jpg

<!DOCTYPE html>

 

Znacznik

Opis

<audio>

Znacznik odpowiadający strumieniowi audio

<video>

Znacznik osadzania materiału filmowego

<source>

Umożliwia definiowanie kilku różnych źródeł dla elementów (znaczników) audio/video

<embed>

Osadzenie zewnętrznej zawartości (np. plug-in)

<track>

Dodatkowa ścieżka dla audio lub video (np. napisy)

Nowe znaczniki obsługi formularzy

Znacznik

Opis

<datalist>

Definiuje zestaw elementów option z domyślnymi własnościami

<keygen>

Kontrolka do generowania pary kluczów publicznego i prywatnego

<output>

Przedstawia wynik obliczeń

Nowy znacznik <canvas>

Znacznik

Opis

<canvas>

Obszar zależny od rozdzielczości, służący do wyświetlania dynamicznej grafiki

Nowy znaczniki strukturalne i semantyczne

 

Znacznik

Opis

<audio>

Znacznik odpowiadający strumieniowi audio

<video>

Znacznik osadzania materiału filmowego

<source>

Umożliwia definiowanie kilku różnych źródeł dla elementów (znaczników) audio/video

<embed>

Osadzenie zewnętrznej zawartości (np. plug-in)

<track>

Dodatkowa ścieżka dla audio lub video (np. napisy)

Nowe znaczniki obsługi formularzy

 

 

Znacznik

Opis

<datalist>

Definiuje zestaw elementów option z domyślnymi własnościami

<keygen>

Kontrolka do generowania pary kluczów publicznego i prywatnego

<output>

Przedstawia wynik obliczeń

Nowy znacznik <canvas>

 

Znacznik

Opis

<canvas>

Obszar zależny od rozdzielczości, służący do wyświetlania dynamicznej grafiki

Nowy znaczniki strukturalne i semantyczne

Znacznik

Opis

<article>

Określa sekcję reprezentującą pojedyczną część serwisu (np. artykuł)

<aside>

Dodatkowa, poboczna treść w stosunku do artykułu

<bdi>

Oznaczenie dla fragmentu tekstu zapisanego w formacie dwukierunkowym

<command>

Definicja komendy wywoływanej przez użytkownika np. polecenie menu

<details>

Definiuje kontrolkę prezentującą dodatkowe informacje

<summary>

Podsumowanie, etykieta lub legendla dla elementu details

<figure>

Określa ilustrację i jej zawartość

<figcaption>

Opis lub legenda elementu znacznika figure

<footer>

Określa stopkę dla elementu, do którego się odnosi

<header>

Określa nagłówek dla elementu, do którego się odnosi

<mark>

Uwydatnienie tekstu

<meter>

Wartość skalarna lub liczba z przedziału np. wolne miejsce na dysku

<nav>

Sekcja odsyłaczy nawigacyjnych do innych stron lub w ramach dokumentu

<progress>

Postęp wykonywania procesu lub zadania

<ruby>

Adnotacja RUBY

<rt>

Znacznik RUBY RT

<rp>

Znacznik RUBY RP – wyznacza ramy, w których ukazuje się adnotacja w przeglądarce, która nie interpretuje RUBY

<section>

Sekcja dokumentu

<time>

Oznacza datę i/lub czas/time

<wbr>

Łamanie wiersza

Pliki:
Download this file (1.jpg)1.jpg[ ]1660 kB
Download this file (2.jpg)2.jpg[ ]1262 kB
Download this file (access1.pdf)access1.pdf[ ]560 kB
Download this file (e14_2014_08_praktyka.pdf)e14_2014_08_praktyka.pdf[ ]1712 kB
Download this file (egzamin2017.rar)egzamin2017.rar[ ]432 kB
Download this file (e_12_2013_05_01.pdf)e_12_2013_05_01.pdf[ ]741 kB
Download this file (e_12_2014.pdf)e_12_2014.pdf[ ]1606 kB
Download this file (e_12_2014_08_01.pdf)e_12_2014_08_01.pdf[ ]2605 kB
Download this file (e_12_2015_01_01.pdf)e_12_2015_01_01.pdf[ ]3512 kB
Download this file (e_12_2015_05_01.pdf)e_12_2015_05_01.pdf[ ]3370 kB
Download this file (e_12_2015_05_02.pdf)e_12_2015_05_02.pdf[ ]2895 kB
Download this file (e_12_2015_05_03.pdf)e_12_2015_05_03.pdf[ ]2634 kB
Download this file (e_12_2015_05_04.pdf)e_12_2015_05_04.pdf[ ]2947 kB
Download this file (e_12_2015_05_05.pdf)e_12_2015_05_05.pdf[ ]2931 kB
Download this file (e_12_2015_05_06.pdf)e_12_2015_05_06.pdf[ ]2759 kB
Download this file (e_12_2016_01_01.pdf)e_12_2016_01_01.pdf[ ]3038 kB
Download this file (e_12_2016_05_01.pdf)e_12_2016_05_01.pdf[ ]149 kB
Download this file (e_14_2015_01_01_16_kolor.pdf)e_14_2015_01_01_16_kolor.pdf[ ]4422 kB
Download this file (klasa2.jpg)klasa2.jpg[ ]232 kB
Download this file (wwwcss.jpg)wwwcss.jpg[ ]1480 kB
Download this file (xxx.zip)xxx.zip[ ]274 kB