home | free vpn | free proxy | web proxy | premium vpn
Domain: radchuk.ru
[1]header-logo
* [2]Vstuplenie
* [3]SHpargalka
* [4]Resursy
Vladimir Radchuk
Vladimir Radchuk
Dobro pozhalovat' na moj personal'nyj sajt dlya primeneniya navykov
adaptivnoj krossbrauzernoj verstki. Zdes' ispol'zuetsya isklyuchitel'no
HTML5 i CSS3. YA tak zhe horosho znakom s PHP i imel delo s MySQL.
Sejchas zanimayus' isklyuchitel'no verstkoj, no mogu vpolne komfortno
okunut'sya v lyubimyj sintaksis PHP.
Tak kak `eto uchebnyj sajt, to zdes' vy najdiote poleznye vypiski iz
uchebnogo materiala, a takzhe budet blok ssylok na uchebnye resursy. YA
v razrabotke uzhe ne pervyj god. Iznachal'no ya pisal na Java ME s
knopochnogo telefona dlya takih zhe knopochnyh telefonov. S poyavleniem
noutbuka uvlioksya OpenGL i izuchal C++ i Java SE.
V odin prekrasnyj moment menya priglasili v Android startap. Dva goda
ya byl edinstvennym Android razrabotchikom v startape. So vremenem
dobavlyu syuda nekotorye svoi narabotki, a to slozhno navernoe poverit'
chto chelovek s takim bagazhom znanij peremetnulsya v verstal'schiki.
Ili net?
Sejchas chitayu knigu po CSS i parallel'no praktikuyus'. Kak tol'ko
pojmu chto uverenno chuvstvuyu sebya v verstke, zajmus' osvoeniem
nativnogo Javascript. Mnogo chital o niom i schitayu chto tot
Javascript chto ya kovyryal v 2014 neploho vyros v horoshij instrument.
Edinstvennoe chto mne neprivychno v niom, tak `eto otsutstvie yavnoj
tipizacii dannyh. No kogda menyaesh' yazyki programmirovaniya kak
perchatki, ponimaesh' odno, privykanie k yazyku proishodit dovol'no
bystro.
Moi navyki:
* HTML - 70.0 %
* CSS - 20.0 %
* PHP - 40.0 %
* MySQL - 60.0 %
Moi kontakty:
Telefon: [5]+7 (978) 661-87-69
E-mail: [6]admin@radchuk.ru | [7]wRadchuk@gmail.com
VK: [8]wRadchuk
SHpargalka
* HTML (Hypertext Markup Language) - `eto yazyk gipertekstovoj
razmetki, kotoryj ispol'zuetsya dlya strukturirovaniya i
otobrazheniya veb-stranicy i eio soderzhimogo (kontenta). V
seredini 90-h tak zhe ispol'zovalsya dlya dizajna stranic
(tablichnaya verstka).
* CSS (Cascading Style Sheets) - `eto kaskadnye tablicy stilej,
kotorye pridayut sajtu vneshnij vid. Vsio chto kasaetsya dizajna
sajta opisyvaetsya s pomosch'yu yazyka CSS.
* Gramotnoe oformlenie struktury sajta (chistyj HTML kod) i ponimanie
ierarhii nasledovaniya CSS (da, v CSS est' OOP) ochen' uproschayut
zhizn' verstal'shiku.
* Stoit otmetit' chto brauzery uzhe soderzhat stili po umolchaniyu (k
primeru sinii ssylki s podcherkivaniem i otstupy ot kraiov) i
chtoby sajt otobrazhalsya korrektno, mozhno ispol'zovat' uzhe
gotovye CSS stili sbrosa. Naprimer [9]Reset.css libo bolee
loyal'nyj [10]Normalize.css, kotoryj ne stiraet pod chistuyu mnogie
poleznye standartnye stili. Tak zhe mozhno sozdat' svoj CSS fajl
sbrosa.
* Vazhno podklyuchat' fajly sbrosa do primeneniya vashih stilej,
inache stili napisannye vami budut tak zhe otmeneny (vazhna
posledovatel'nost'). `Eto bazovye principy krossbrauzernoj verstki
veb-sajtov. No pomimo brauzerov est' eschio i razlichnye tipy
ustrojstv (telefony, smartfony, planshety, noutbuki i PK) o kotoryh
ne stoit zabyvat'. Vazhno chtoby sajt rabotal i korrektno
otobrazhalsya na vseh ustrojstvah. Dlya `etogo neobhodimo vladet'
adaptivnoj verstkoj.
* Dlya togo chtoby pridat' opredelionnyj stil' HTML `elementam nuzhno
vospol'zovat'sya selektorami CSS. Selektory byvayut raznye,
naprimer selektory tegov - a, div, span, p, h1-h6 i t.d), selektory
klasssov - .class_name, selektory indifikatorov #id_name, selektory
grupp - `eto kogda my srazu zadaiom stil' neskol'kim selektoram,
naprimer paragrafu i vsem zagolovkam ustanovit' odin shrift ili
cvet (tak zhe mozhno dobavit' v takuyu gruppu selektory klassov i
indifikatorov).
* Pomimo vyshe perechislennyh selektorov est' i drugie. No o nih
pogovorim chut' pozzhe. Nemnogo o selektorah indifikatorov. `Eti
selektory v osnovnom nuzhny Javascript dlya upravleniya `elementami
stranicy i oni ne ispol'zuyutsya v dizajne. Est' isklyuchenie,
selektory indeksov mozhno ispol'zovat' v kachestve yakorya dlya
navigacii povesiv ssylku na indeks. Esli vy kliknite v shapke sajta
na ssylki, to vy uvidite kak `eto rabotaet.
* S prihodom HTML5 poyavilis' semanticheskie tegi. Oni ne kak ne
vliyayut na vid `elementov, no teper' naprimer chtoby ukazat'
header mozhno napisat' vmesto
. Tak zhe dlya podvala sajta est' teg
footer, nav dlya navigacii i eschio s desyatok tegov kotorye legko
nahodyatsya esli zaguglit' "Semantika HTML5", no tak zhe est'
[11]video na YouTube s razborom chasti tegov.
Resursy
* [12]Sovremennyj uchebnik CSS - `eto onlajn-kniga, prizvannaya
oznakomit' veb-razrabotchikov s sovremennymi sposobami sozdaniya
sajtov, v tom chisle i adaptivnyh. V nej rassmatrivayutsya
novejshie metody primeneniya CSS i HTML. Material rasschitan na
teh, kto uzhe znakom s HTML hotya by na nachal'nom urovne.
* [13]Novaya bol'shaya kniga CSS - polnost'yu pererabotannoe
chetvertoe izdanie `etoj knigi pomozhet vam podnyat' navyki raboty
s HTML i CSS na novyj uroven'; ona soderzhit mnozhestvo cennyh
sovetov, opisanij priemov, a takzhe instrukcii, napisannye v stile
spravochnogo rukovodstva. Veb-dizajnery, kak nachinayuschie, tak i
opytnye, pri pomoschi `etoj knigi bystro nauchatsya sozdavat'
krasivye veb-stranicy, kotorye pri `etom molnienosno zagruzhayutsya
kak na PK, tak i na mobil'nyh ustrojstvah.
* [14]Novaya bol'shaya kniga CSS - `eto ssylka na PDF fajl.
* [15]BrainsCloud - Hochesh' nauchit'sya sozdavat' sajty? Togda tebe
syuda! Mnogo kachestvennogo kontenta po veb-razrabotke tebe
obespecheno!
* [16]HTMLBASE - samyj sovremennyj spravochnik po HTML i CSS ot
BrainsCloud.
* [17]Victor Stork - privet, menya zovut Viktor Stork i ya
veb-programmist. Na `etom kanale ty nauchish'sya sozdavat' sajty
ispol'zuya HTML, CSS i JavaScript.
* [18]Responsive Web Design - kak sdelat' odin sajt dlya vseh
ustrojstv.
* [19]Otzyvchivyj veb-dizajn - `eto tehnologiya sozdaniya
veb-stranic, kotoraya obespechivaet udobstvo ih prosmotra na
razlichnyh ustrojstvah (stacionarnyh komp'yuterah, noutbukah,
planshetah, smartfonah, televizorah, imeyuschih podklyuchenie k
Internet (naprimer, cherez igrovuyu pristavku), i t.d.).
* [20]Otzyvchivyj veb-dizajn - `eto ssylka na PDF fajl.
* [21]Onlajn spravochnik - `eto ssylka na ocherednoj spravochnik po
HTML. Takzhe na sajte est' mnogo vkusnoj informacii.
© [22]Vladimir Radchuk | [23]V `etom mire nichego ne daiotsya prosto
tak - dazhe v moment zachatiya my boremsya za svoio pravo na zhizn'
References
1. https://radchuk.ru/page/stat
2. https://radchuk.ru/page/home#card
3. https://radchuk.ru/page/home#crib
4. https://radchuk.ru/page/home#res
5. tel:+79786618769
6. mailto:admin@radchuk.ru
7. mailto:wRadchuk@gmail.com
8. https://vk.com/wradchuk
9. https://meyerweb.com/eric/tools/css/reset/
10. https://necolas.github.io/normalize.css/
11. https://youtu.be/bQRmGxhARhc?list=PL3LQJkGQtzc7aWRyr-GaxyO_dwj5inJ1t
12. https://idg.net.ua/blog/uchebnik-css
13. https://habr.com/ru/company/piter/blog/280828/
14. https://radchuk.ru/file/book_ccs.pdf
15. https://youtu.be/CvEttNvty0U
16. https://htmlbase.ru/
17. https://www.youtube.com/c/VictorStork/featured
18. https://habr.com/ru/post/125247/
19. https://habr.com/ru/post/125247/
20. https://radchuk.ru/file/book_design.pdf
21. https://webref.ru/html
22. https://vk.com/wradchuk
23. https://radchuk.ru/page/home#header