Rozpoczynamy pracę z kodem! Technik informatyk. Egzamin EE.09 / E.14
HTML-код
- Опубликовано: 29 сен 2016
- Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku.
🔔 Subskrybuj - bit.ly/pasja-sub
Jeśli masz ochotę wesprzeć to co robimy, to możesz:
🖐 Zostać Patronem - patronite.pl/pasja-informatyki
☕️ Ufundować nam wirtualną kawę - buycoffee.to/pasja-informatyki
👉 Fanpage na Facebooku - bit.ly/pasja-fb
👉 Profil Patronite - patronite.pl/pasja-informatyki
👉 Lista Patronów - pasja-informatyki.pl/patroni
👉 Donacje na blogu - miroslawzelent.pl/donate
👉 Harmonogram publikacji - bit.ly/pasja-harmonogram
👉 Kontakt z nami - pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa - bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum - pasja-informatyki.pl
👉 Blog informatyczny - miroslawzelent.pl
👉 Trenażer egzaminacyjny - egzamin-informatyk.pl
👉 Egzamin-E13.pl - egzamin-e13.pl
👉 Forum dyskusyjne - forum.pasja-informatyki.pl/
👉 Witryna podcastowa - podcast.pasja-informatyki.pl/
👉 Twitter MZ - / miroslawzelent
👉 Twitter DS - / stelmach_damian
🕐 TIMESTAMPS (CHWILE CZASOWE):
[ 00:00:13 ] Tytułem wstępu
[ 00:00:52 ] Stworzenie plików projektu
[ 00:01:45 ] Index = strona główna, skąd taka nazwa?
[ 00:04:46 ] Wybór doctype'u dla dokumentu
[ 00:05:40 ] W3Schools = Manual W3C?
[ 00:06:56 ] Standardy HTML 4.01, XHTML
[ 00:07:48 ] Ewolucja standardów webowych
[ 00:09:55 ] Ramy szkieletu HTML, język polski
[ 00:10:59 ] Znacznik (tag) i atrybut
[ 00:12:45 ] Head i body, głowa i ciało witryny
[ 00:13:58 ] Skrypty JS w sekcji body - dlaczego?
[ 00:17:30 ] Zestaw znaków - meta charset
[ 00:19:06 ] Długa czy krótka wersja meta charset?
[ 00:20:12 ] Domykanie znaczników HTML5 vs XHTML
[ 00:21:08 ] Cel zdobywania wiedzy, umiejętności miękkie
[ 00:24:11 ] Popularne charsety: utf-8, iso-8859-2
[ 00:25:26 ] Kodowanie dokumentu (pliku) HTML
[ 00:26:56 ] Angielski interfejs w edytorze
[ 00:27:42 ] Tytuł strony (title) i jego znaczenie SEO
[ 00:31:20 ] Opis strony: meta description
[ 00:33:12 ] Czy opis zawsze pojawia się w Google?
[ 00:35:29 ] Słowa kluczowe meta keywords i waga dla SEO
[ 00:38:10 ] Określenie autora witryny, meta author
[ 00:40:33 ] Znacznik meta poprawiający widok strony w IE
[ 00:43:11 ] Co jeszcze można dodać do templatki?
[ 00:43:54 ] Inkludowanie arkusza stylów CSS
[ 00:46:40 ] Prosty test poprawnego podpięcia arkusza
[ 00:47:04 ] Podstawowe informacje o składni CSS
[ 00:49:46 ] Inkludowanie skryptu JavaScript
[ 00:51:21 ] Prosty test poprawnego podpięcia skryptu
[ 00:52:43 ] Tytułem podsumowania
📁 OBUDOWA DYDAKTYCZNA, TEST, WERSJA MP3:
pasja-informatyki.pl/programow...
🎵 MUZYKA:
Sappheiros - Far away: • ❰Chillstep/Downtempo❱ ...
/ far-away
/ @sappheiros
/ sappheirosmusic
/ sappheirosmusic
A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: bit.ly/CCAttribution
#pasjainformatyki #programowanie #technikinformatyk
Wyjątkowość kursów pana Mirosława to to, że kontent który jest w nich działa nie tylko na wiedzę, ale również duchowo. Każdy odcinek kursu motywuję do dalszego działania, autor nie pozwala na nudę, poprzez różne wstawki itp. To co napisałem to tylko i wyłącznie moje zdanie i obserwacje po kilkunastu godzinach spędzonych na tym kanale. Bardzo dziękuje za pana działalność, za każdą minute poświęconą dla nas, widzów. Pozdrawiam :)
Kocham te kompletne, napakowane wiedzą odcinki
Wsparcie komentarzem dla statystyk
Filmowi niedługo stuknie 3 lata, a ludzie dalej go oglądają. To świadczy o jakości materiałów. Rzadko można znaleźć coś takiego za darmo, a nawet wiele płatnych opcji nie równa się z tym. Kilka miesięcy wsparcia to parędziesiąt złotych. Nie pozwólmy, by takie idee umarły :)
Jakby to ująć...
This guy never fails to remind me how awesome learning new things is.
Z niecierpliwością będę czekał na kolejne odcinki o programowaniu, bardzo przydatne na naukę bądź powtórkę przed egzaminem który już w styczniu.
Świetna robota.
Mega szacunek za pracę wkładaną w te odcinki!
Pamiętam jak rok temu natknąłem się na Pana film o c++, zaraził mnie Pan pasją do pisania programów. Dziękuję!
Podoba mi się jak rozwija się ten kanał to w jakim kierunku idzie, oby tak dalej!
Dziękuję Panu za zaangażowanie, mam nadzieję, że gdy kiedyś gdy będę siedział przed biurkiem w wymarzonej firmie jako programista webowy przypomną mi się pierwsze kroki z Mirosławem Zelentem :)
super film! konkretnie i merytorycznie dziekujemy
Skąd ja wiedziałem, że przykładem będzie pudelek? Obejrzałem sobie ten odcinek dla powtórzenia wiadomości, przy okazji dowiedziałem się kilku drobnych rzeczy, dzięki :)
Dziękuję. Super jasno i rzeczowo wytłumaczone.
Świetna robota. Spadam do C++. Wytrwałości życzę.
Fajnie i przyjemnie się tego słucha. Nic tylko wiecej i wiecej filmow :)
Dziękuję za Pana pracę.
Jak zwykle świetny materiał :D
Komentarz dla zasięgów
Fajnie się ogląda twoje filmy. Wpadłem tu tylko po to by zakuć do e14 a jednak zainteresowałem się tematem, dużo ciekawiej przedstawionym niż w szkole :)
Dzięki! ;-)
Dziadek Piotr programista, super się bawię przy nauce :) Rewelacyjne podejście do nauki, poparte rewelacyjnymi wstawkami zaczerpniętymi od najlepszych i pionierskich lektur Dale'a Carnegiego.
Dziękuję
Dobra robota.
Jesteś Świetny !!!!!! Dzięki tobie obudziła się w mnie pasja do programowania ! Rób dalej to co robisz !
świetny odcinek .dzięki!
Fajny film, pomocny jak zawsze!
Świetny odcinek, dzięki Panie Mirosławie, wcześniej uczyłem się samodzielnie, ale po którymś niepowodzeniu zrezygnowałem, myślę że tym razem dam radę.
Wow bardzo mi się podoba pański sposób tłumaczenia zagadnień. To wideo bardzo mnie zmotywowało. Dziękuje.
po siedmiu latach samodzielnej nauki programowania webowego doszedłem do tych samych wniosków o których Mirosław mówi, tak więc początkujący programiści - oglądacie serię najlepszych tutoriali w pięknym języku polskim.
Oj komuś się humor wyostrzył heheehe. Dobre, z humorkiem. Przyjemmnie się oglądanawet jak się wszystko wie
Komentarz dla statystyk! Zrozumiałam większość, będąc laikiem w temacie i po krótkim kursie htmla na uczelni (nie informatycznej). Świetny materiał!
Komentarz dla statystyk :)
Pozdrawiam i czekam na kolejne odcinki!
Świetny odcinek, pełen profesjonalizm jak zawsze ;)
Kolejny fajny odcinek :) Jestem na Pana kanale już od roku, jak ten czas leci. Jest Pan moją "drogą" do całkowitej zmiany branży. Pozdrawiam
Dzięki :)
Elegancki poradnik, Lecimy !
Widzę sporo zmian o których były dyskusje na forum, świetny materiał! ;)
Panie Mirku bardzo chciałem Panu podziękować ostatnią styczność z programowaniem miałem na studiach (podstawy C++) niestety wtedy bardzo się zniechęciłem przez nauczyciela informatyki który nas uczył i wszystko to wydawało mi się jakieś nie zrozumiałe mało kto nadążał - odpuściłem. Teraz po latach po obejrzeniu Pańskich filmów złapałem bakcyla na programowanie nigdy nie sądziłem że programowanie może być takie ciekawe i interesujące. Zobaczyłem to zupełnie z innej strony ech gdyby parę lat temu na studiach ktoś mi otworzył oczy i nakierował na programowanie, nauczył podstaw w taki sposób jak Pana kursy i podejście . Początek jest najważniejszy pana kursy są świetne chciałbym się dalej rozwijać. Kiedy będą kolejne cześci HTML, PHP, CSS i Javy? Seria Programowanie Webowe widzę ze to już powtarzany materiał wszystko chyba to już było we wcześniejszych kursach. Złożyłem papiery na studia podyplomowe programowanie aplikacji webowych ale nie wiem czy to dobry pomysł czy nie lepiej uczyć sie samemu? Studia bardzo duzo kosztuja a podobno można nauczyć sie na nich tylko ogólnych podstaw z niektorych jezyków php, ruby, js itd.
świetne!
Mistrzowskie tutki! Bravo.
Panie Mirosławie, po pierwsze dziękuję za jak zawsze znakomity materiał!
Po drugie, jeśli jest Pan ciekaw, dlaczego serwisy takie jak pudelek są popularne, dlaczego lubimy zaglądać w życie innych, to nic innego tylko wziąć się za niesamowicie interesującą dziedzinę nauki jaką jest psychologia ewolucyjna. Można zacząć od książki Davida Bussa, a potem szukać i czytać dalej; jest całe mnóstwo fachowej literatury. I po pewnym czasie mechanizmy, za którymi stoją nasze działania, emocje, osądy stają się jasne ;)
Pozdrawiam !
Pańskie poradniki są niesamowite!!!
Komentarz dla statystyk :D super pomocny film
Odcinek bardzo dobry jak pozostałe.
Dobra robota. Czekamy na dalsze odcinki
XD Chciałem drugi raz się subskrybować :p
Bardzo dobrze Pan tłumaczy. Nie wiem czy to przez to, że dzięki panu nauczyłem się programować w c++. Ale nie obrażając pana Damiana To jednak wolę słuchać pana, panie Mirosławie :D {DZIĘKI}
Bardzo dziękuje za filmiki! Mam 22 lata i postanowiłem nauczyć się programować. Niestety nigdy nie byłem za dobry z matematyki, wiec funkcje i algorytmy trochę mnie przerażają, ale postanowiłem skupić się na front-endzie gdzie raczej więcej trzeba się nauczyć niż nafunkcjować^^
dobra robota
akurat takiego odcinka potrzebowalem
Thx.
Uważam, że char powinno się czytać "kar", a nie "czar" bo pochodzi od słowa character(ang. znak), a to czyta się "karakter", a nie "czarakter". Poza tym dobra robota, o wszystkim co powiedziałeś w odcinku wiedziałem już wcześniej, ale i tak obejrzałem, fajnie się ciebie słucha i lubię słuchać twoich dygresji.
Pozdrawiam.
Czepiając się wymowy, "ja, osobiście" to pleonazm ;) Mnie trochę od tego uszy bolą, ale film i tak super.
Co do tej piosenki którą cytowałeś - jest to Luxtorpeda "Wilki Dwa"
Mirosław Zelent na prawdę zaczął szanować nasz czas :-)
❤️
fajne!
Jeśli chodzi o pozycjonowanie to chyba spore znaczenie ma również skąd wpisuje się daną frazę (bardziej precyzyjnie - jaki ma się ustawiony język w ustawieniach google). Ja będąc obecnie w UK (domyślnie mi ustawiło angielski) wpisuje E12 czy E13 to na początku pojawiają się strony google maps a później postcodes (odpowiedniki naszych kodów pocztowych).
taki odcinek to jak 14 lekcji w mojej szkole :D
Będą jeszcze kursy z C++ ? Jestem jak na razie na 7 odcinku :) i filmy bardzo mi pomogły.
Witam,
należy zwrócić uwagę, że takie użycie właściwości 'background: gray' resetuje wszystkie podwłaściwości należące do 'background' w tym wypadku, prosty przykład z background:
body
{
background-image: url('bg.png');
background-repeat: no-repeat;
background: url('bg2.png');
}
Ustawiamy na tło obrazek bg.png oraz ze ma go nie powielać, następnie przy użyciu ogólnego "background" zmieniamy tło na obrazek bg2.png wówczas właściwość "background-repeat' jest ustawiana do wartości domyślnej czyli do powielania obrazka.
Oczywiście w przypadku koloru jest to właściwie bez znaczenia ma być szare bez żadnych udziwnień ;) (choć nie do końca bo np. czasami ustawia się zastępczy kolor w razie gdyby plik z tłem był niedostępny), ale np. dla margina już nie będzie takie obojętne bo: "margin: 10px" ustawi wszystkie marginesy na 10px (left, right, top, bottom).
Komentarz dla statystyk! ;)
good job
Jako osoba zajmujaca sie SEO na co dzien, zauwazylem drobny blad dotyczacy znacznika meta description. Jego zawartosc nie ma zadnego znaczenia dla dzisiejszych algorytmow decydujacych o pozycji strony w wynikach wyszukiwania Google. Nie ma wiec znaczenia czy uzyjemy w nim slow kluczowych. Opis powinien byc tworzony wylacznie z mysla o uzytkownikach, przedstawiac zawartosc strony i zachecac do wejscia na nia. Poza tym odcinek niezmiennie na bardzo wysokim poziomie :) Juz kilka lat temu myslalem, ze Pan Miroslaw doszedl do dydaktycznego mistrzostwa, ale mam wrazenie, ze kolejne serie sa coraz lepsze!
Polecam 1 odcinek HTML mądraliński, widac kto go nie oglada ;D
Taka ciekawostka. W Wielkiej Brytanii ucząc się j. angielskiego chcąc napisać słowo "kolor" należy napisać "colour" a w językach programowania czy w CSS pisze się "color". Błąd? Nie, po prostu języki programowania wywodzą się z amerykańskiej wersji języka angielskiego. Jeżeli się mylę to poprawcie mnie proszę.
Fajnie że znów są kursy HTML i CSS Tylko czemu od początku?
Może Pan Mirosław zrobi kiedyś kurs stworzenia własnej wyszukiwarki? :)
W poprzednich kursach zawsze na koncu video bylo podsumowanie. Brakuje tego w tych nowych kursach.
Moim zdaniem byłoby jeszcze lepiej jakby wyszedł pan z materiałem poza Technikum...
ja też tak myślę ale wiesz najpierw podstawy od zera do bohatera :D
Wychodzi z materiałem poza technikum - zobacz odcinek zerowy
Fajne
Panie Mirku, co jak co, ale do pustego Pan nalewa. Pozdrawiam :D
dla statystyki ;-)
I love it
Witam! Hmmm...zaraźliwa ta pasja informatyki ;).
komentarz dla statystyk :)
Mirosław my hero!
najs
Mnie sie wydaje, że ta potrzeba zaglądania w ludzką prywatność jest wrodzona żeby wiedzieć czy ktoś przypadkiem nie planuje przejęcia 'kontroli nad swiatem'
Komentarz dla statystyk. :)
Witam, co jaki czas planuje Pan wrzucać tutaj filmy z tej serii ? :)
Fajny ten lynx (zwłaszcza nazwa mi się podoba), tylko trochę toporny.
Hello World!!!
Witam. Jaki polecisz program do nagrywania (tego co robie na laptopie) I pozniejszej obrobki? Sony Vegas ktorego uzywasz jest dosc drogi.
komentarz dla statystyk
[Komentarz dla statystyk]
Ciekawy jestem, dlaczego w skrypcie podajemy atrybut SRC, a w linku do css podajemy atrybut href? Logika działania jest podobna, w obu przypadkach przecież ustalamy ścieżkę do pliku.
Komentarz dla statystyk
Z tego co czytałem W3Schools nie jest polecany, bo uczy złych praktyk - powstały nawet pluginy ukrywające ten serwis w wynikach wyszukiwania Google
O, widzę fan VGHS :)
Fajnie wiedzieć że Pan kojarzy serial. Myślę nad rewatchem zwłaszcza ze na Netflixie wszystkie odcinki są z napisami 😄
Pozdrawiam
Kojarzę, miło wspominam ten webserial, jako taki tribute dla FPSów ale i kreatywne efekty specjalne oraz zabawę wieloma filmowymi kalkami w sezonach 2-3 :)
Akurat Freddie Wong to mój guru jeśli chodzi o VFX =D
W branży żartobliwie nazywany W3Fools ;)
Co ile będą pojawiać się kolejne odcinki? :) Pozdrawiam!
Luxtorpeda, film młodzi gniewni wiedzę że mamy podobny gust :)
zły link w podpisie do filmu, jest zaproszenie do E13 a nie do E14 ;)
pozdrawiam
Witam. Mam pytanie do pana Mirosława Zelenta. Chciałbym się dowiedzieć ile odcinków z kursu języka html i kursu języka css jeszcze będzie na kanale i mniej więcej kiedy one się pojawią? Domyślam się, że gdyby weszły np. jakieś nowe znaczniki to odcinek może nagle się pojawić, ale chodzi mi o odcinki, które są już zaplanowane. Z góry dziękuję za odpowiedź. ;)
52:53 Akurat przerabiam "Ferdydurke" :D
W Windows 10 jest Microsoft Edge, a on stosuje standardy domyślnie.
2020 :)
Hello :) sama robię stronę www z info i portfolio. Dzięki Twoim lekcjom już mam treść i wygląd. Jeszcze slajdy i php. Jak uruchomię to się pochwalę :)
Marta Piechocińska no I?:)
I jak? :D
23:35 - Wilki Dwa...
Klikanie w książkę :D hehehe troszkę śmiechłem XD
Witam.
Skoro javascript podpinamy tak:
to czemu analogicznie nie podpinamy css tak:
?
(ewentualnie odwrotnie, czyli zarówno css i js podpinać jako )
Będziesz robił filmiki o ubuntu server? A jeśli nie to polecasz jakąś książkę na ten temat?