Përmbajtje:
- Hapi 1: Krijoni një stilolaps
- Hapi 2: Shtoni Referencat
- Hapi 3: Kodi
- Hapi 4: Ndryshimi i atij Kodi sipas nevojave tuaja
- Hapi 5: Demo
Video: Vendosja e një kopjeje në butonin e kujtesës në një faqe në internet: 5 hapa (me fotografi)
2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:20
Kjo mund të tingëllojë e thjeshtë, dhe mund të dukem budalla për ta vënë atë në Instructables, por në realitet, nuk është aq e lehtë. Ekziston CSS, Jquery, HTML, disa javascript të zbukuruar, dhe, mirë, e dini.
Hapi 1: Krijoni një stilolaps
Ekziston kjo faqe e lezetshme e quajtur Codepen. Në të kaluarën, vetëm për të koduar në HTML, më duhej
- Nisni File Explorer.
- Shkoni te Dokumentet e Mia.
- Krijoni një skedar txt.
- Riemërtoni atë skedar në "MyHTMLDoc.html".
- Klikoni OK në dialogun paralajmërues.
- Mbyll File Explorer.
- Hapni Visual Studio, e cila zgjat pesë minuta.
- Hapni skedarin në Visual Studio, i cili merr pesë minuta të tjera. VS është shumë i ngadalshëm.
- Fillo.
- Kur të mbaroj, duhet të hap skedarin në Edge për të parë punën time.
Tani, gjithçka që duhet të bëni është
- Nis Edge.
- Shkoni në
- Në këndin e sipërm të djathtë, goditni Pen të ri.
- Filloni Kodimin.
Shihni sa më e lehtë është? Thjesht futni JS, CSS dhe HTML në kutitë e tyre përkatëse. Rezultatet shfaqen automatikisht në të djathtë.
Në fakt, Codepen është shumë më mirë, kështu që unë ju rekomandoj që të shkoni të krijoni llogarinë tuaj tani. Po, urrej të jem ajo që reklamon, por nuk mund ta ndihmoj. Isshtë shumë më mirë. Nuk mund të bëj asgjë për këtë.
Ose, nëse nuk doni të krijoni një llogari, mund të shkoni të krijoni një stilolaps pa llogari. Ju mund ta ruani stilolapsin tuaj nën emrin e përdoruesit "Kapiteni Anonim".
Hapi 2: Shtoni Referencat
Meqenëse ne do të përdorim Jquery dhe këtë gjë (vërtet) të lezetshme të quajtur "Balloon.css", së pari duhet të shtojmë referenca. Nëse jeni i ri, unë do t'ju tregoj se si ta bëni këtë në Codepen.
- Klikoni Cilësimet.
- Në varësi të faktit nëse referenca është një stil-fletë ose një skenar, klikoni ose CSS ose Javascript.
- Nën Shto të jashtme (Javascript ose CSS) shtoni referencat.
Shto:
bla bla bla: BLAAAAAAA !!!!
Tani hiqeni atë dhe vendoseni në etiketën HTML që lidhet me CDN -në tuaj të preferuar për Jquery dhe Balloon.css.
Hapi 3: Kodi
Nën atë, shtoni këtë kod.
codepen.io/slate-coding/pen/oepQpX
Kopjoni/ngjisni kodin në stilolapsin tuaj.
Hapi 4: Ndryshimi i atij Kodi sipas nevojave tuaja
Ju mund të vendosni përreth sa të doni me stilolaps për t'iu përshtatur nevojave tuaja, pastaj kopjoni-ngjisni kodin kudo që dëshironi.
Hapi 5: Demo
codepen.io/alexvgs/pen/oepQpX
Recommended:
Si të bëni një faqe në internet bazë duke përdorur Notepad: 4 hapa
Si të krijoni një uebfaqe bazë duke përdorur Notepad: A ka pyetur dikush " si mund të bëj një faqe në internet nga një program themelor i shkrimit? &Quot; Epo, padyshim, jo veçanërisht … Gjithsesi, këtu do t'ju tregoj se si të bëni një BAZ faqe interneti duke përdorur vetëm fletore
Si të merrni një faqe në internet falas (TLD, Hosting, SSL): 16 hapa
Si të merrni një faqe në internet falas (TLD, Hosting, SSL): Uebfaqet po bëhen një gjë e madhe. Më parë, kompanitë e mëdha, si Microsoft, Google, etj. Kishin faqet e tyre të internetit. Ndoshta disa blogerë dhe kompani më të vogla bënë gjithashtu. Por tani, veçanërisht gjatë kësaj pandemie COVID-19 (po, po e shkruaj këtë në vitin 2020),
Si të krijoni një faqe në internet (një udhëzues hap pas hapi): 4 hapa
Si të krijoni një faqe në internet (një udhëzues hap pas hapi): Në këtë udhëzues, unë do t'ju tregoj se si shumica e zhvilluesve të uebit ndërtojnë faqet e tyre dhe si mund të shmangni ndërtuesit e shtrenjtë të faqeve të internetit që shpesh janë shumë të kufizuara për një sit më të madh. Gjithashtu t'ju ndihmojë të shmangni disa gabime që kam bërë kur fillova
Si të ndërtoni një faqe në internet në një Raspberry Pi, Me Node.js, Express dhe MongoDB Pjesa 1: 6 Hapat
Si të ndërtoni një faqe në internet në një Raspberry Pi, Me Node.js, Express dhe MongoDB … Pjesa 1: Mirë se vini në PJESA 1 e mësimit tim të aplikacionit në internet node.js. Pjesa 1 do të kalojë përmes softuerit të nevojshëm të përdorur për zhvillimin e aplikacionit node.js, si të përdorni përcjelljen e portit, si të ndërtoni një aplikacion duke përdorur Express dhe si të ekzekutoni aplikacionin tuaj. Pjesa e dytë e kësaj
Spidering një faqe interneti Ajax me një formë hyrjeje asinkrone: 6 hapa (me fotografi)
Spidering një faqe interneti Ajax me një formë hyrjeje asinkrone: Problemi: Mjetet spidering nuk lejojnë vërtetimin e hyrjes në AJAX. Ky udhëzues do t'ju tregojë se si të identifikoheni përmes një forme AJAX duke përdorur Python dhe një modul të quajtur Mechanize. Merimangat janë programe të automatizimit të uebit që po bëhen gjithnjë e më popullore