Satura rādītājs:
- 1. darbība: izveidojiet pildspalvu
- 2. darbība: pievienojiet atsauces
- 3. darbība: kods
- 4. darbība: mainiet šo kodu atbilstoši savām vajadzībām
- 5. darbība: demonstrācija
![Kopēšanas ievietošana starpliktuvē tīmekļa vietnē: 5 soļi (ar attēliem) Kopēšanas ievietošana starpliktuvē tīmekļa vietnē: 5 soļi (ar attēliem)](https://i.howwhatproduce.com/images/004/image-10822-23-j.webp)
Video: Kopēšanas ievietošana starpliktuvē tīmekļa vietnē: 5 soļi (ar attēliem)
![Video: Kopēšanas ievietošana starpliktuvē tīmekļa vietnē: 5 soļi (ar attēliem) Video: Kopēšanas ievietošana starpliktuvē tīmekļa vietnē: 5 soļi (ar attēliem)](https://i.ytimg.com/vi/5Jppcxc1Qzc/hqdefault.jpg)
2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:56
![Pogas ievietošana starpliktuvē tīmekļa vietnē Pogas ievietošana starpliktuvē tīmekļa vietnē](https://i.howwhatproduce.com/images/004/image-10822-24-j.webp)
Tas var likties vienkārši, un es varētu izskatīties muļķīgi, ievietojot to Instructables, taču patiesībā tas nav tik vienkārši. Ir CSS, Jquery, HTML, daži iedomātā javascript, un, labi, jūs zināt.
1. darbība: izveidojiet pildspalvu
![Izveidojiet pildspalvu Izveidojiet pildspalvu](https://i.howwhatproduce.com/images/004/image-10822-25-j.webp)
Ir šī foršā vietne ar nosaukumu Codepen. Agrāk, lai kodētu HTML, man tas bija jādara
- Palaidiet File Explorer.
- Dodieties uz Mani dokumenti.
- Izveidojiet txt failu.
- Pārdēvējiet šo failu uz "MyHTMLDoc.html".
- Brīdinājuma dialoglodziņā noklikšķiniet uz Labi.
- Aizveriet File Explorer.
- Atveriet Visual Studio, kas aizņem piecas minūtes.
- Atveriet failu Visual Studio, kas aizņem vēl piecas minūtes. VS ir ļoti lēns.
- Sākt.
- Kad esmu pabeidzis, man ir jāatver fails Edge, lai apskatītu savu darbu.
Tagad viss, kas jums jādara, ir
- Palaidiet Edge.
- Dodieties uz vietni
- Augšējā labajā stūrī nospiediet jauno pildspalvu.
- Sāciet kodēšanu.
Redzi, cik tas ir vieglāk? Vienkārši ievadiet JS, CSS un HTML attiecīgajos lodziņos. Rezultāti tiek automātiski parādīti labajā pusē.
Patiesībā Codepen ir tik daudz labāks, ka es iesaku jums izveidot savu kontu tieši tagad. Jā, man nepatīk būt vienai reklāmai, bet es nevaru palīdzēt. Tas ir daudz labāk. Es neko nevaru darīt.
Vai arī, ja nevēlaties izveidot kontu, varat izveidot pildspalvu bez konta. Jūs varat saglabāt savu pildspalvu ar lietotājvārdu "Anonīmais kapteinis".
2. darbība: pievienojiet atsauces
![Pievienot atsauces Pievienot atsauces](https://i.howwhatproduce.com/images/004/image-10822-26-j.webp)
Tā kā mēs izmantosim Jquery un šo (patiešām) foršo tingajammy ar nosaukumu "Balloon.css", mums vispirms jāpievieno atsauces. Ja esat jauns, es jums pastāstīšu, kā to izdarīt Codepen.
- Noklikšķiniet uz Iestatījumi.
- Atkarībā no tā, vai atsauce ir stila lapa vai skripts, noklikšķiniet uz CSS vai Javascript.
- Sadaļā Pievienot ārēju (Javascript vai CSS) pievienojiet atsauces.
Pievienot:
bla bla bla: BLAAAAAAA !!!!
Tagad noņemiet to un ievietojiet HTML tagu, kas saista uz jūsu iecienītāko CDN Jquery un Balloon.css.
3. darbība: kods
![Kods Kods](https://i.howwhatproduce.com/images/004/image-10822-27-j.webp)
Zemāk pievienojiet šo kodu.
codepen.io/slate-coding/pen/oepQpX
Kopējiet/ielīmējiet kodu pildspalvā.
4. darbība: mainiet šo kodu atbilstoši savām vajadzībām
![Šī koda maiņa atbilstoši jūsu vajadzībām Šī koda maiņa atbilstoši jūsu vajadzībām](https://i.howwhatproduce.com/images/004/image-10822-28-j.webp)
Ar pildspalvu varat vijāties, cik vēlaties, atbilstoši savām vajadzībām, pēc tam kopējiet un ielīmējiet kodu visur, kur vēlaties.
5. darbība: demonstrācija
![Demo Demo](https://i.howwhatproduce.com/images/004/image-10822-29-j.webp)
codepen.io/alexvgs/pen/oepQpX
Ieteicams:
Node.js tīmekļa vietne 2. daļa: 7 soļi
![Node.js tīmekļa vietne 2. daļa: 7 soļi Node.js tīmekļa vietne 2. daļa: 7 soļi](https://i.howwhatproduce.com/images/004/image-9544-j.webp)
Node.js tīmekļa vietne 2. daļa: Laipni lūdzam 2. DAĻĀ !! Šī ir mana Node.js vietnes lietojumprogrammas apmācības 2. daļa. Es sadalīju šo apmācību divās daļās, jo tā atdala tos, kuriem nepieciešams tikai īss ievads, un tos, kuri vēlas pilnu apmācību tīmekļa vietnē. Es eju cauri
HP WebCam 101 Aka 679257-330 tīmekļa kameras moduļa atkārtota izmantošana kā vispārēja USB tīmekļa kamera: 5 soļi
![HP WebCam 101 Aka 679257-330 tīmekļa kameras moduļa atkārtota izmantošana kā vispārēja USB tīmekļa kamera: 5 soļi HP WebCam 101 Aka 679257-330 tīmekļa kameras moduļa atkārtota izmantošana kā vispārēja USB tīmekļa kamera: 5 soļi](https://i.howwhatproduce.com/images/006/image-17049-7-j.webp)
Atkārtoti izmantot HP WebCam 101 Aka 679257-330 tīmekļa kameras moduli kā vispārēju USB tīmekļa kameru: es vēlos papildināt savu 14 gadus veco Panasonic CF-18 ar pavisam jaunu tīmekļa kameru, bet Panasonic vairs neatbalsta šo brīnišķīgo mašīnu, tāpēc man tas ir jādara izmantojiet pelēko vielu kaut kam vienkāršākam nekā b & b (alus un burgeri). Šī ir pirmā daļa
AR objektu ievietošana GPS koordinātās paplašinātajā realitātē: 8 soļi (ar attēliem)
![AR objektu ievietošana GPS koordinātās paplašinātajā realitātē: 8 soļi (ar attēliem) AR objektu ievietošana GPS koordinātās paplašinātajā realitātē: 8 soļi (ar attēliem)](https://i.howwhatproduce.com/images/004/image-9032-13-j.webp)
AR objektu ievietošana GPS koordinātās paplašinātajā realitātē: šī pamācība ietvers mobilās lietotnes izveidi AR objektu novietošanai GPS koordinātās ar ARkit un ARCore, izmantojot Unity3D. Es jums pastāstīšu, kā izveidot projektu, ko izveidoju, izmantojot Mapbox, kas ļauj mums atzīmēt ziņojumus konkrētā G
Tīmekļa izstrādes vides instalēšana vietnē Localhost: 6 soļi
![Tīmekļa izstrādes vides instalēšana vietnē Localhost: 6 soļi Tīmekļa izstrādes vides instalēšana vietnē Localhost: 6 soļi](https://i.howwhatproduce.com/images/004/image-10862-22-j.webp)
Tīmekļa izstrādes vides instalēšana vietnē Localhost: Šī pamācība ir parādīta, kā vietējā serverī instalēt Apache, PHP, MySQL. Arī to, kā to iestatīt, lai jums būtu dažas lieliskas tīkla funkcijas, piemēram, varētu ielādēt saknes direktoriju, izmantojot datora nosaukumu (http: //desktop/index.php), b
Yokozuna Ninja plaukstošais taisnības rokturis (kameras kopēšanas statīva statīva adapteris): 5 soļi (ar attēliem)
![Yokozuna Ninja plaukstošais taisnības rokturis (kameras kopēšanas statīva statīva adapteris): 5 soļi (ar attēliem) Yokozuna Ninja plaukstošais taisnības rokturis (kameras kopēšanas statīva statīva adapteris): 5 soļi (ar attēliem)](https://i.howwhatproduce.com/preview/how-and-what-to-produce/11125209-yokozuna-ninja-booming-grip-of-righteousness-camera-copy-stand-tripod-adapter-5-steps-with-pictures-j.webp)
Yokozuna Ninja Booming Grip of Righteousness (kameras kopēšanas statīva statīva adapteris): nevajag jaukt ar nindzju kustīgā celtņa kameras uzstādīšanu, izveidojiet šo parocīgo adapteri, lai kā statīvu kamerai izmantotu savu statīvu. Fotografējot lietas, kas jānovieto līdzenumā, piemēram, *junk *vai citas lietas, kas jums jāiemetina vietnē eb@y, jūs vēlaties iegūt