Kazalo:
- Korak: Ustvarite pisalo
- 2. korak: Dodajte reference
- 3. korak: Koda
- 4. korak: Spremenite to kodo, da bo ustrezala vašim potrebam
- 5. korak: Demo
Video: Vstavljanje gumba za kopiranje v odložišče na spletno stran: 5 korakov (s slikami)
2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:05
To se morda sliši preprosto in morda bi se mi zdelo neumno, če bi ga dali na Instructables, v resnici pa to ni tako enostavno. Obstaja CSS, Jquery, HTML, nekaj domišljijskega javascripta in, no, veste.
Korak: Ustvarite pisalo
Obstaja to kul mesto z imenom Codepen. V preteklosti sem moral samo kodirati v HTML
- Zaženite File Explorer.
- Pojdite na Moji dokumenti.
- Ustvarite datoteko txt.
- Preimenujte to datoteko v "MyHTMLDoc.html".
- Pritisnite OK v pogovornem oknu z opozorilom.
- Zaprite File Explorer.
- Odprite Visual Studio, ki traja pet minut.
- Odprite datoteko v Visual Studiu, kar traja še pet minut. VS je zelo počasen.
- Začni.
- Ko končam, moram odpreti datoteko v Edgeu, da si ogledam svoje delo.
Zdaj je vse, kar morate storiti
- Zaženite Edge.
- Pojdite na
- V zgornjem desnem kotu pritisnite novo pero.
- Začni kodiranje.
Vidite, kako lažje je? Samo vnesite svoja JS, CSS in HTML v ustrezna polja. Rezultati se samodejno prikažejo na desni.
Pravzaprav je Codepen veliko boljši, zato vam priporočam, da si zdaj ustvarite svoj račun. Ja, sovražim biti edini, ki oglašuje, vendar si ne morem pomagati. Je veliko bolje. Ničesar ne morem storiti glede tega.
Če pa ne želite ustvariti računa, lahko ustvarite pero brez računa. Svoje pero lahko shranite pod uporabniškim imenom "Anonimni kapitan".
2. korak: Dodajte reference
Ker bomo uporabljali Jquery in to (res) kul zadevo, imenovano "Balloon.css", moramo najprej dodati reference. Če ste novi, vam bom povedal, kako to storite v Codepenu.
- Kliknite Nastavitve.
- Odvisno od tega, ali je referenca slogovna lista ali skript, kliknite CSS ali Javascript.
- Pod Dodaj zunanje (Javascript ali CSS) dodajte reference.
Dodaj:
bla bla bla: BLAAAAAAA !!!!
Zdaj to odstranite in vstavite oznako HTML, ki povezuje vaš najljubši CDN za Jquery in Balloon.css.
3. korak: Koda
Pod to dodajte to kodo.
codepen.io/slate-coding/pen/oepQpX
Kodo kopirajte/prilepite v pisalo.
4. korak: Spremenite to kodo, da bo ustrezala vašim potrebam
S peresom se lahko poigravate, kolikor želite, nato pa kodo kopirajte in prilepite kamor koli želite.
5. korak: Demo
codepen.io/alexvgs/pen/oepQpX
Priporočena:
Kako ustvariti preprosto spletno stran z oklepaji za začetnike: 14 korakov
Kako ustvariti preprosto spletno stran z oklepaji za začetnike: Uvod Naslednja navodila vsebujejo navodila po korakih za izdelavo spletne strani z oklepaji. Oklepaji so urejevalnik izvorne kode, ki se osredotoča predvsem na spletni razvoj. Ustvaril ga je Adobe Systems, je brezplačna in odprtokodna programska oprema z licenco
Naredite spletno stran za kavarno: 9 korakov
Naredite spletno mesto za iskanje kavarne: V tem navodilu vam bom pokazal, kako narediti preprosto spletno mesto, ki prikazuje kavarne v vaši bližini, z uporabo Google Zemljevidov, HTML in CSS
Spletno povezana SMART LED animacijska ura s spletno nadzorno ploščo, sinhroniziran časovni strežnik: 11 korakov (s slikami)
Spletno povezana SMART LED animacijska ura S spletno nadzorno ploščo, sinhroniziranim časovnim strežnikom: Zgodba te ure sega daleč nazaj-več kot 30 let. Moj oče je to idejo uvedel, ko sem bil star komaj 10 let, veliko pred revolucijo LED - takrat, ko so LED svetile 1/1000 svetlosti njihovega trenutnega bleščečega sijaja. Resnično
Naložite svojo spletno stran za konfiguracijo Arduino/ESP iz oblaka: 7 korakov
Naložite svojo spletno stran za konfiguracijo Arduino/ESP iz oblaka: ko ustvarjate projekt Arduino/ESP (ESP8266/ESP32), bi lahko vse trdo kodirali. Pogosteje pa se kaj zgodi in na koncu boste svojo napravo IoT znova priključili na IDE. Ali pa imate samo več ljudi, ki dostopajo do konfiguracije
Postavite zemljevid zemljevida na svojo spletno stran: 8 korakov
Postavite zemljevid Platial na svojo spletno stran: Ko najdete zemljevid na Platial ali ustvarite svojega, ga boste želeli postaviti na svoj blog ali spletno mesto. Ta navodila vas bodo vodila skozi korake, kako to storiti. Vsak prostorni zemljevid lahko objavi vsak