A weboldal készítés nagyszerű módja annak, hogy kifejezze magát. Bár számos webhely-készítő eszköz létezik, saját maga megírása szórakoztató módja annak, hogy többet megtudjon a webhelyek színfalai mögötti működéséről. Egy jó kezdő projekt egy webhely létrehozása és háttérkép hozzáadása CSS-sel. Ez a projekt elindítja Önt a HTML és a CSS használatával.
A CSS a Cascading Style Sheet rövidítése. Ez egy programozási nyelv, amely lehetővé teszi a jelölőnyelvek stílusát. Az egyik ilyen jelölőnyelv a HTML vagy a Hyper-Text Markup Language. A HTML-t weboldalak létrehozására használják. Bár a webhely stílusának egy részét HTML használatával szabályozhatja, a CSS sokkal több szabályozási és tervezési lehetőséget kínál.
Mivel a CSS csak egy stílusnyelv, használatához először valami stílusra van szükségünk. Egy nagyon egyszerű webhely elég lesz ahhoz, hogy elkezdhessünk játszani a CSS-sel. Oldalunkon megjelenik a „Hello World” felirat.
Hello World
Ha nem ismeri a HTML-t, nézzük meg gyorsan, mit csinál az összes elem. Mint említettük, a HTML egy jelölőnyelv, ami azt jelenti, hogy címkéket használ a szöveg megjelölésére. Ha egy szót <> körülvesz, az egy címke. A címkéknek két típusa van: egy címke, amely egy szakasz elejét jelöli a <> használatával, és egy, amely a szakasz végét jelöli a gombbal. A szakaszon belüli szövegnek is az a célja, hogy ezt a megkülönböztetést könnyebben áttekinthesse.
Példánkban négy címkénk van. A html címke jelzi, hogy mely elemek tartoznak a webhelyhez. A head címke tartalmazza a fejléc információkat, amelyek nem jelennek meg az oldalon, de szükségesek az oldal létrehozásához. Az összes megjelenített elem a body tagek között található. Csak egy megjelenített elemünk van, a p tag. Azt mondja a böngészőnek, hogy a szöveg egy bekezdés.
Kapcsolódó: 10 egyszerű CSS-kód, amelyet 10 perc alatt megtanulhat
Most, hogy van egy egyszerű oldalunk, testreszabhatjuk a stílust CSS-sel. Oldalunk jelenleg meglehetősen egyszerű, és nem sokat tehetünk, de kezdjük azzal, hogy a bekezdésünket kiemeljük, hogy szegéllyel meg tudjuk különböztetni a háttértől.
Hello World
Most a bekezdésünket fekete keret veszi körül. A CSS-ben stílusleírás hozzáadása a bekezdéscímkénkhoz megmutatta a webhelynek, hogyan kell stílust készíteni a bekezdésben. További leírásokat tudunk adni. Növeljük a szóközt vagy a kitöltést a bekezdés körül, és helyezzük középre a szöveget.
Hello World
Weboldalunk jobban néz ki, de a HTML-kódunk kezd rendetlennek tűnni a bekezdéscímkében található leírásokkal. Ezt az információt áthelyezhetjük a fejlécünkbe. Fejlécünk a weboldal helyes megjelenítéséhez szükséges információkkal szolgál.
Hello World
Mostantól a HTML-ünk könnyebben olvasható. Észre fogja venni, hogy néhány dolgot meg kellett változtatnunk. A stíluscímke megadja a webböngésző stílusinformációit, de azt is, hogy mit kell stílusolni. Példánkban két különböző módot használtunk annak meghatározására, hogy mit kell stílusolni. A stíluscímkében lévő p arra utasítja a webböngészőt, hogy alkalmazza ezt a stílust az összes bekezdéscímkére. A #ourParagraph szakasz azt mondja neki, hogy csak a ourParagraph azonosítójú stíluselemeket használja . Figyeljük meg, hogy az azonosító információkat hozzáadtuk a p címkéhez a testünkben.
Ha hozzáadjuk a stílusinformációkat a fejléchez, a kódunk sokkal könnyebben olvasható. Ha azonban sok különböző oldalt egyformán akarunk stílusozni, akkor ezt a szöveget minden oldal tetejére kell hozzáadnunk. Lehet, hogy ez nem tűnik nagy munkának, végül is lemásolhatja és beillesztheti, de sok munkát okoz, ha később módosítani szeretne egy elemet.
Ehelyett a CSS-információkat külön fájlban fogjuk tartani, és importálni fogjuk a fájlt az oldal stílusához. Másolja ki és illessze be a stíluscímkék közötti információkat egy új, ourCSSfile.css CSS-fájlba .
p { text-align: center } #ourParagraph { border-style: solid; padding: 30px; }
Ezután importálja a fájlt a HTML-fájlba.
Hello World
Most, hogy szilárd alapokkal rendelkezik a HTML és a CSS területén, a háttérkép hozzáadása egy szelet a tortán. Először határozza meg, hogy melyik elemhez szeretne háttérképet adni. Példánkban hátteret adunk az egész oldalhoz. Ez azt jelenti, hogy meg akarjuk változtatni a test stílusát . Ne feledje, hogy a törzscímkék az összes látható elemet tartalmazzák.
body{ background-image: url("sky.jpg"); } p { text-align: center } #ourParagraph { border-style: solid; padding: 30px; }
A törzsstílus módosításához a CSS-ben először használja a body kulcsszót. Ezután adjon hozzá göndör zárójeleket, ahogyan ezt a {} előtt tettük. A törzsre vonatkozó összes stílusinformációnak a göndör zárójelek között kell lennie. A módosítani kívánt stílusattribútum a background-image . Sok stílustulajdonság létezik. Ne várja el, hogy mindet megjegyezze. Jelöljön meg egy CSS-tulajdonságok csalólapot könyvjelzővel olyan attribútumokkal, amelyeket meg szeretne jegyezni.
Kapcsolódó: 8 klassz HTML-effektus, amelyet bárki hozzáadhat webhelyéhez
Az attribútum után kettősponttal jelezze, hogyan módosítja az attribútumot. Kép importálásához használja az url() függvényt . azt jelzi, hogy a képre mutató hivatkozást használ. Tegye a fájl helyét zárójelbe az idézőjelek közé. Végül pontosvesszővel fejezzük be a sort. Bár a szóköznek nincs jelentése a CSS-ben, használjon behúzást, hogy a CSS könnyebben olvasható legyen.
Példánk így néz ki:
Ha a kép a kép mérete miatt nem jelenik meg megfelelően, közvetlenül módosíthatja a képet. A CSS-ben azonban vannak háttérstílus-attribútumok, amelyek segítségével módosíthatja a hátteret. A háttérnél kisebb képek automatikusan megismétlődnek a háttérben. Ennek kikapcsolásához adja hozzá a background-repeat: no-repeat; elemedhez.
Kétféleképpen is el lehet érni, hogy egy kép a teljes hátteret lefedje. Először is beállíthatja a háttér méretét a képernyő méretére a háttér méretével: 100% 100%; , de ez megnyújtja a képet, és túlságosan torzíthatja a képet. Ha nem szeretné, hogy a kép arányai megváltozzanak, beállíthatja a háttér méretét is, hogy cover . A Cover funkcióval a háttérkép elfedi a hátteret, de nem torzítja a képet.
Változtassunk még egy utolsó dolgot. Most, hogy megvan a háttér, a bekezdésünk nehezen olvasható. Tegyük fehérre a hátterét. A folyamat hasonló. A módosítani kívánt elem a #ourParagraph. A # azt jelzi, hogy a "ourParagraph" egy azonosító név. Ezután a háttérszín attribútumot fehérre szeretnénk állítani .
body{ background-image: url("sky.jpg"); } p { text-align: center } #ourParagraph { background-color: white; border-style: solid; padding: 30px; }
Sokkal jobb.
Most, hogy tudja, hogyan változtathatja meg a különböző HTML-elemek stílusát, az ég a határ! A stílusattribútumok megváltoztatásának alapvető módja ugyanaz. Határozza meg a módosítani kívánt elemet, és írja le, hogyan módosíthatja az attribútumot. A legjobb módja annak, hogy többet tudjon meg, ha különböző tulajdonságokkal játszunk. Hívja ki magát, hogy a következő lépésben módosítsa a szöveg színét.
Az objektum-orientált programozás (OOP) a programozás egy formája, amelynek középpontjában az objektumok állnak: olyan kis egységek, amelyek egyesítik az adatokat és a kódot. A Simula volt az első OOP nyelv, amelyet fizikai modellek szimulálására hoztak létre. Az OOP használatával osztályokat definiálhat, amelyek sablonként működnek bizonyos típusú objektumok számára.
Virtuális környezet nélkül nem lehet sikeresen végrehajtani egy valós projektet Pythonban. Az olyan eszközök, mint a virtualenvwrapper és a virtualenv, általánosak a webfejlesztési virtuális környezetek létrehozására és kezelésére, míg az anacondát széles körben használják az adatkutatók.
A weboldal készítés nagyszerű módja annak, hogy kifejezze magát. Bár számos webhely-készítő eszköz létezik, saját maga megírása szórakoztató módja annak, hogy többet megtudjon a webhelyek színfalai mögötti működéséről. Egy jó kezdő projekt egy webhely létrehozása és háttérkép hozzáadása CSS-sel. Ez a projekt elindítja Önt a HTML és a CSS használatával.
A programoknak általában adatstruktúrára van szükségük a végrehajtás során szükséges adatok tárolására. Általában ezeket az adatokat változókban vagy tömbökben tárolják. Ezzel az a probléma, hogy elvész, amint a program befejezi a végrehajtást. Ez azért van, mert ezek ideiglenes memóriahelyek.
Ha Ön Python-fejlesztő, nagy hasznot húzhat a rendelkezésre álló keretrendszerek tömbjéből. Míg egyes keretrendszerek a legmegfelelőbbek nagy ökoszisztémák számára, mások konkrét fejlesztési célok kiszolgálására specializálódtak. Olvasson tovább, hogy megismerje az alapvető funkciókat, használatot és a két Python-keretrendszer – a Flask és a CherryPy – közötti különbségeket.
Gyakran szembesül a klasszikus dilemmával, miközben webhelyet készít magának vagy vállalkozásának. WordPress vs. Wix – melyiket válassza, és mi lenne a legjobb választás az Ön számára?
Ha azt tervezi, hogy frissíti a témát a WordPress-webhelyén, bővítményeket ad hozzá, vagy radikálisan megváltoztatja az irányt, érdemes időt szánni a tesztelésre, mielőtt a változtatások életbe lépnek.
A WordPress-t sok különböző cég használja tartalomkezelő rendszereihez. Ezért egyre nagyobb az igény a WordPress fejlesztőkre. Lehet, hogy már látott néhány álláshirdetést ezekre a pozíciókra.
A Python számos eszközt biztosít az adattudományhoz, a web- és az Android-fejlesztéshez. De a Python programozási nyelv egyik legjobb eszköze a Tkinter for Graphical User Interface. A python Tkinter könyvtára grafikus felületi widgeteket biztosít, amelyek segítenek felhasználóbarát alkalmazások létrehozásában. A Tkinter könnyen használható, könnyű és gyors. Nem kell kifejezetten telepítenie a Tkintert, mivel előre telepítve van a Pythonnal.
A Kotlin 2011-es Jetbrain általi beiktatása óta nagy hírnevet szerzett a fejlesztők közösségében. A statikusan tipizált és általános célú nyelvek közül Kotlin magasabb szinten áll a számítástechnika e korszakában tanulni kívánt programozási nyelvek többségéhez képest.
Ha számítógépek körül nőtt fel, és mindenhez ért az IT-hez, akkor lehet, hogy képes lesz programozó lenni. A modern munkaerőpiacon való versenyzés nagyon sok munkát igényel, így már a megfelelő készségek birtokában előnyt jelent.
A Raspberry Pi egy egylapos számítógép, amelyet azért hoztak létre, hogy mindenki számára elérhetővé tegye a számítástechnikát. Rengeteg kiegészítővel és globális közösségi támogatással gyengéd bevezetésként szolgál a fizikai számítástechnikába.
Egy blog indítása, még ha ingyenes is, nagy lépés – ezért ne tedd meg anélkül, hogy előbb felkészülnél. Ismerje meg az új bloggerek lépéseit és legnépszerűbb webhelyeit.
A Reactban a kellékek kifejezés tulajdonságokat jelent, és ezek a kellékek létfontosságú szerepet játszanak a React fejlesztési folyamatában. Az összetevők a React építőkövei. Ezek az összetevők kellékeket használnak a funkcionalitásuk javítására és a kód újrafelhasználására.
A gépi tanulás manapság mindenhol jelen van, a spamszűréstől és az arcfelismeréstől a hangasszisztensekig és a vezető nélküli autókig. A Microsoft Lobe nevű új alkalmazásának köszönhetően azonban nincs szükség mesterképzésre ahhoz, hogy megtanulja használni ezt az izgalmas technológiát.
Az objektum-orientált programozás (OOP) a programozás egy formája, amelynek középpontjában az objektumok állnak: olyan kis egységek, amelyek egyesítik az adatokat és a kódot. A Simula volt az első OOP nyelv, amelyet fizikai modellek szimulálására hoztak létre. Az OOP használatával osztályokat definiálhat, amelyek sablonként működnek bizonyos típusú objektumok számára.
Virtuális környezet nélkül nem lehet sikeresen végrehajtani egy valós projektet Pythonban. Az olyan eszközök, mint a virtualenvwrapper és a virtualenv, általánosak a webfejlesztési virtuális környezetek létrehozására és kezelésére, míg az anacondát széles körben használják az adatkutatók.
A weboldal készítés nagyszerű módja annak, hogy kifejezze magát. Bár számos webhely-készítő eszköz létezik, saját maga megírása szórakoztató módja annak, hogy többet megtudjon a webhelyek színfalai mögötti működéséről. Egy jó kezdő projekt egy webhely létrehozása és háttérkép hozzáadása CSS-sel. Ez a projekt elindítja Önt a HTML és a CSS használatával.
A programoknak általában adatstruktúrára van szükségük a végrehajtás során szükséges adatok tárolására. Általában ezeket az adatokat változókban vagy tömbökben tárolják. Ezzel az a probléma, hogy elvész, amint a program befejezi a végrehajtást. Ez azért van, mert ezek ideiglenes memóriahelyek.
Ha Ön Python-fejlesztő, nagy hasznot húzhat a rendelkezésre álló keretrendszerek tömbjéből. Míg egyes keretrendszerek a legmegfelelőbbek nagy ökoszisztémák számára, mások konkrét fejlesztési célok kiszolgálására specializálódtak. Olvasson tovább, hogy megismerje az alapvető funkciókat, használatot és a két Python-keretrendszer – a Flask és a CherryPy – közötti különbségeket.
Gyakran szembesül a klasszikus dilemmával, miközben webhelyet készít magának vagy vállalkozásának. WordPress vs. Wix – melyiket válassza, és mi lenne a legjobb választás az Ön számára?
Ha azt tervezi, hogy frissíti a témát a WordPress-webhelyén, bővítményeket ad hozzá, vagy radikálisan megváltoztatja az irányt, érdemes időt szánni a tesztelésre, mielőtt a változtatások életbe lépnek.
A WordPress-t sok különböző cég használja tartalomkezelő rendszereihez. Ezért egyre nagyobb az igény a WordPress fejlesztőkre. Lehet, hogy már látott néhány álláshirdetést ezekre a pozíciókra.
A Python számos eszközt biztosít az adattudományhoz, a web- és az Android-fejlesztéshez. De a Python programozási nyelv egyik legjobb eszköze a Tkinter for Graphical User Interface. A python Tkinter könyvtára grafikus felületi widgeteket biztosít, amelyek segítenek felhasználóbarát alkalmazások létrehozásában. A Tkinter könnyen használható, könnyű és gyors. Nem kell kifejezetten telepítenie a Tkintert, mivel előre telepítve van a Pythonnal.
A Kotlin 2011-es Jetbrain általi beiktatása óta nagy hírnevet szerzett a fejlesztők közösségében. A statikusan tipizált és általános célú nyelvek közül Kotlin magasabb szinten áll a számítástechnika e korszakában tanulni kívánt programozási nyelvek többségéhez képest.
