Orodha ya maudhui:
- Vifaa
- Hatua ya 1: Chagua Kihariri cha Nakala
- Hatua ya 2: Unda Mradi Wako Mpya
- Hatua ya 3: Unda Index yako.html
- Hatua ya 4: Pata Ramani yako
- Hatua ya 5: Ongeza kwenye Wavuti
- MADUKA YA KAHAWA KARIBU NAWE
- Hatua ya 6: Hakiki
- Hatua ya 7: Ifanye ionekane bora
- Hatua ya 8: Kuifanya ionekane bora Pt2
- Hatua ya 9: UKAGUZI
Video: Tengeneza Duka la Kahawa Inayopata Tovuti: Hatua 9
2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-02-01 14:42
Katika Agizo hili nitakuonyesha jinsi ya kutengeneza tovuti rahisi inayoonyesha maduka ya kahawa karibu na wewe, Kutumia Ramani za Google, HTML na CSS
Vifaa
Kompyuta
Kihariri cha maandishi (ninatumia Atom)
Muunganisho wa wifi
Hatua ya 1: Chagua Kihariri cha Nakala
Ninatumia Atom, ambayo inaweza kupakuliwa Hapa. Mara baada ya kupakuliwa kufunguliwa hufanya mradi mpya
Hatua ya 2: Unda Mradi Wako Mpya
- Fungua Atomu
- Pata faili
- Chini ya faili bonyeza mpya
- chini kushoto (mac) kutakuwa na kitufe cha kutengeneza folda mpya
- taja folda yako "'Tovuti ya Ramani'
- Bonyeza wazi chini kulia
Hatua ya 3: Unda Index yako.html
- Ongeza faili mpya kwenye folda yako (Kwenye atomu bonyeza-folda na bonyeza mpya)
- Ipe faili hii 'Index.html'
- Ongeza muundo huu wa msingi wa HTML, Hii inatumika katika kila mradi wa HTML:
Hatua ya 4: Pata Ramani yako
- Tembelea ramani za Google hapa: Ramani za Google
- Tafuta kahawa
- unapaswa kupata maduka yote ya kahawa katika eneo lako la jumla
- bonyeza mistari mitatu karibu na kahawa
- pata sehemu ya kushiriki au kupachika
- chagua ramani ya kupachika
- Chagua saizi ya ramani (nilitumia Kubwa) na ukamilishe eneo lako
- bonyeza nakala HTML
Hatua ya 5: Ongeza kwenye Wavuti
- Rudi kwenye faili ya HTML.
- kati ya vitambulisho viwili ingiza nambari hii:
'
MADUKA YA KAHAWA KARIBU NAWE
'Nambari iliyowekwa ndani kutoka kwa Ramani za Google'
'
Hatua ya 6: Hakiki
Hiyo ni sehemu ya kwanza kufanyika!
Hifadhi faili na uipate kwenye kompyuta yako, bonyeza mara mbili na itafunguliwa kwenye kivinjari chako chaguo-msingi kukaguliwa.
Hatua ya 7: Ifanye ionekane bora
- Kati ya vitambulisho viwili ongeza "Maduka ya kahawa karibu yangu"
- Ongeza faili mpya kwa njia ile ile uliyounda 'Index.html' lakini iipe jina 'Style.css'
- rudi kwenye faili yako ya HTML, andika nambari hii juu ya kichwa chako,"
- Nenda kwenye picha za google na pakua clipart nzuri ya kikombe cha kahawa
- Ongeza picha kwenye folda iliyo na faili zetu zote
- katika faili ya CSS, Andika nambari ifuatayo: 'body {
- picha ya nyuma: url (JINA LA PICHA);
- saizi ya nyuma: kifuniko;
- }'
Hatua ya 8: Kuifanya ionekane bora Pt2
- ikiwa tutaokoa na kukagua sasa, tunaweza kuona kuwa msingi wa wavuti sasa umebandikwa na vikombe vyetu vya kahawa
- Kwa kusikitisha ni ngumu kusoma kichwa chetu
- Kwa hivyo katika CSS, chini ya 'mwili {}' ongeza nambari ifuatayo: h1 {
- rangi ya asili = rgb (255, 255, 255);
- saizi ya fonti = 40px;
- }
Hatua ya 9: UKAGUZI
Hiyo ndio! Umemaliza. Umejifunza misingi ya HTML, CSS na nambari ya kupachika, Umefanya vizuri. Unaweza kuhariri nambari kuifanya iwe sawa na ladha yako na kuifanya ionyeshe ramani ya chochote unachotaka. Kuanzia hapo unaweza kuendelea na safari yako ya ujenzi wa wavuti na kuboresha milele.
Ilipendekeza:
$ 14 ya kisasa ya Kahawa ya kusaga Kahawa: Hatua 6
$ 14 ya kisasa ya Kahawa ya kusaga Kahawa: Mradi huu ni maendeleo ya $ 7 ya Kahawa ya kusaga Kahawa Iliyoagizwa nilichapisha miaka michache iliyopita. Kadiri wakati unavyoendelea, ndivyo pia haja ya grinder ya kahawa ya kisasa zaidi. Sawa na kile nilichosema katika Mwongozo wa mwisho, lengo la hii
Kahawa ya Mashine ya Kahawa na Raspberry Pi na Karatasi za Google: Hatua 5
Kahawa ya Mashine ya Kahawa iliyo na Raspberry Pi na Karatasi za Google: Hii inayoweza kufundishwa itakuonyesha jinsi ya kujenga tracker ya Raspberry Pi-based kwa mashine ya kahawa iliyoshirikiwa katika nafasi yako ya ofisi. Kutumia onyesho la OLED ya tracker na swichi za mitambo, watumiaji wanaweza kuingia kwenye matumizi ya kahawa, angalia usawa wao na
Jinsi ya Kuunda Tovuti (Mwongozo wa Hatua kwa Hatua): Hatua 4
Jinsi ya Kuunda Tovuti (Mwongozo wa Hatua kwa Hatua): Katika mwongozo huu, nitakuonyesha jinsi watengenezaji wengi wa wavuti huunda tovuti zao na jinsi unavyoweza kuepuka wajenzi wa wavuti wa bei ghali ambao mara nyingi ni mdogo sana kwa wavuti kubwa. kukusaidia epuka makosa ambayo nilifanya wakati nilianza
Duka la duka la AFM la DIY: Hatua 14 (na Picha)
Duka la duka la DIY AFM: Sasisha: hapa kuna kampuni inayozalisha aina hii ya AFM http://www.stromlinet-nano.com/ Furahiya! Kuna semina ya DIY AFM na mtu mmoja anayependeza kutoka Amerika na profesa mmoja kutoka India. Walikusanya DIY AFM yao wenyewe ndani ya masaa 2 wakati wa kutengeneza
Tengeneza Tovuti ya Bure ya 100%! Hakuna Matangazo au Virusi !: Hatua 7
Tengeneza Tovuti ya Bure ya 100%! Hakuna Matangazo au Virusi !: Wavuti " yola " ni tovuti nzuri ya kutengeneza tovuti za bure kabisa. Ama wavuti ya kibinafsi au wavuti ya kampuni, hata tovuti iliyolindwa kwa nenosiri, na unaweza kuunda yote na wewe mwenyewe na hakuna maarifa ya nambari inahitajika lakini itasaidia