Kazalo:

Vstavljanje gumba za kopiranje v odložišče na spletno stran: 5 korakov (s slikami)
Vstavljanje gumba za kopiranje v odložišče na spletno stran: 5 korakov (s slikami)

Video: Vstavljanje gumba za kopiranje v odložišče na spletno stran: 5 korakov (s slikami)

Video: Vstavljanje gumba za kopiranje v odložišče na spletno stran: 5 korakov (s slikami)
Video: CS50 2013 - Week 9, continued 2024, Julij
Anonim
Vstavljanje gumba Kopiraj v odložišče na spletno stran
Vstavljanje gumba Kopiraj v odložišče na spletno stran

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

Ustvari pisalo
Ustvari pisalo

Obstaja to kul mesto z imenom Codepen. V preteklosti sem moral samo kodirati v HTML

  1. Zaženite File Explorer.
  2. Pojdite na Moji dokumenti.
  3. Ustvarite datoteko txt.
  4. Preimenujte to datoteko v "MyHTMLDoc.html".
  5. Pritisnite OK v pogovornem oknu z opozorilom.
  6. Zaprite File Explorer.
  7. Odprite Visual Studio, ki traja pet minut.
  8. Odprite datoteko v Visual Studiu, kar traja še pet minut. VS je zelo počasen.
  9. Začni.
  10. Ko končam, moram odpreti datoteko v Edgeu, da si ogledam svoje delo.

Zdaj je vse, kar morate storiti

  1. Zaženite Edge.
  2. Pojdite na
  3. V zgornjem desnem kotu pritisnite novo pero.
  4. 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

Dodajte reference
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.

  1. Kliknite Nastavitve.
  2. Odvisno od tega, ali je referenca slogovna lista ali skript, kliknite CSS ali Javascript.
  3. 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

Koda
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

Spremenite to kodo, da bo ustrezala vašim potrebam
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

Demo
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: 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 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, 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: 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 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