Talaan ng mga Nilalaman:

Paggawa ng Iyong Unang Website Mula sa Scratch: 4 Hakbang
Paggawa ng Iyong Unang Website Mula sa Scratch: 4 Hakbang

Video: Paggawa ng Iyong Unang Website Mula sa Scratch: 4 Hakbang

Video: Paggawa ng Iyong Unang Website Mula sa Scratch: 4 Hakbang
Video: 4 LIBRENG AI Website Builder : NGAYON ANG Lahat ay PWEDENG Gumawa ng Website! 2024, Hulyo
Anonim
Paggawa ng Iyong Unang Website Mula sa Scratch
Paggawa ng Iyong Unang Website Mula sa Scratch
Paggawa ng Iyong Unang Website Mula sa Scratch
Paggawa ng Iyong Unang Website Mula sa Scratch

Ituturo sa iyo ang itinuturo na ito kung paano gumawa ng iyong sariling website, ganap na mula sa simula nang hindi natututo ng anumang html, at ganap na libre, bagaman kailangan ang ilang kasanayan sa isang programa sa pintura, ngunit kung wala kang kasanayang maaari kang maghanap sa internet para sa kung ano ang gagawin mo sa pinturang paunang ginawa. ang listahan ng mga bagay na kailangan.

  • Pag-access sa Internet (malamang kung ang pagbabasa mo ay mayroon ka ng isang ito)
  • Isang programa sa pintura
  • Mga isang oras na oras (kahit na mas maikli depende sa iyong kasanayan)
  • At ilang i-download kung saan syempre ay libreng ware.

Ang unang pag-download ay tinatawag na gimp na karaniwang isang natubig na bersyon ng photo shop, o isang mas malaking bersyon ng windows pintura na iyong napagpasyahan. Ang gimp ng program na ito ay mayroon ding mga bersyon para sa mga gumagamit ng linux at mac. Susunod ay isang bagay na talagang gusto ko ito ay isang HTML editor, na kung saan. nahulaan mo ito Libreng ware. ito ang gumagawa nito kaya hindi mo kailangang malaman ang html. ngunit kung nais mong gawin ang pag-coding maaari mong gawin iyon sa program na ito upang. NVUGot lahat ng iyon, Mabuti ngayon kung saan handa nang humakbang sa mundo ng interweb.

Hakbang 1: Paggawa ng mga Larawan

Paggawa ng mga Larawan
Paggawa ng mga Larawan
Paggawa ng mga Larawan
Paggawa ng mga Larawan
Paggawa ng mga Larawan
Paggawa ng mga Larawan

Ito ang hakbang kung saan mo ginawa ang lahat ng mga larawan para sa iyong site, syempre magkakaroon ka ng isang pangalan para sa iyong site sa yugtong ito. Ang isang sinubukan at totoong pamamaraan ay gumawa ng isang 1000x600 na larawan na gawin ang lahat ng iyong site, kunin ang itinuturo na site halimbawa ang lahat talaga ay isang banner sa itaas, ang orange bar na may mga pindutan, at ilang mga menu bar. Gawin lamang ang buong bagay bilang isang solong imahe (iwanan lamang ang lugar ng nilalaman, hal kung saan ang teksto ay nasa gitnang pahina, iwanang blangko ang lugar na iyon) at huwag gumawa ng isang background, punan lamang ang background ng isang solidong kulay na maayos sa iyong pahina. Hindi ko sasabihin sa iyo ang mga tip sa pintura o anumang maaari mong tingnan sa iyong sarili. sa sandaling mayroon ka kung ano ang nais mong hitsura ng iyong pangunahing pahina. sabay tapos mo na. gupitin at i-paste ang lahat na maaaring mai-click, kasama ang banner at mga pindutan nang paisa-isa sa isang bagong window, at i-save ito nang hiwalay na siguraduhin na i-save ang mga ito bilang isang.png, tingnan ang mga larawan para sa isang halimbawa ng minahan. Ang punto dito ay paghiwalayin ang lahat upang mai-code mo ito.

Ang isa pang pahiwatig ay upang gumawa ng isang bagong folder upang mai-save ang mga ito, hindi kinakailangan ngunit para sa samahan

Hakbang 2: Pinagsasama ang Lahat

Pag-iisa ng Lahat
Pag-iisa ng Lahat

Ngayon para sa iyong pagbubukas ng nvu, kinuha ako ng kaunting pag-click sa paligid ngunit hindi ito kumplikado. madadala ka sa pamamagitan nito hakbang-hakbang.

Una kakailanganin mong kunin ang nangungunang bar na itinakda sa default sa 600 (sigurado ako) ngunit gugustuhin mong i-drag ito at gawing 1000 ang lapad, gawin ang pareho sa gilid gawin lamang itong 600. Susunod sa iyo Gusto kong gawin muna ang background ng site na hindi mo gagamitin ang punan na ginamit mo sa iyong programa sa pintura, sa halip ay pumunta sa Format> Mga Kulay ng Pahina at Background, i-click ang gamitin ang mga pasadyang kulay. at gawing kulay ng background ang ginawa mo sa programang pintura. Ang susunod na bagay na nais mong gawin ay idagdag ang nangungunang banner. i-click ang pindutan ng imahe sa tool bar. at hanapin ang iyong banner. mag-click huwag gumamit ng kahaliling teksto. at ok nasa iyo na ang iyong unang imahe sa iyong pahina. * i-click ang source bar sa ilalim ng programa upang makita kung magkano ang na-coding na iyon. mabuting paraan din ito upang malaman ang HTML. I-upload ang natitirang mga pindutan, maaari mong gamitin ang kahaliling teksto o hindi nasa sa iyo. subalit kakailanganin mong i-click ang pindutan at pumunta sa format bar sa mga katangian ng imahe at link. i-click ang link bar at gawin itong naka-link sa kung ano ang nauugnay dito, ang pindutan ng home ay magiging index.htm, ang pindutan ng mga link ay magiging mga link. isulat kung ano ang naka-link sa mga pindutan sa down kakailanganin mo ang mga ito sa paglaon kapag natapos mo na ang lahat dapat itong magmukhang larawan ng website bago mo mag-cut and paste. Ang huling bagay na nais mong gawin ay upang gumawa ng isang talahanayan sa gitna ng pahina sa ilalim ng mga pindutan, maaari mong baguhin ang kulay at mga hangganan sa menu bar, dito pupunta ang iyong pangunahing teksto. sumulat ng isang bagay sa kanilang makatarungan upang mayroon kang isang bagay sa iyong site.

Hakbang 3: Pagkuha ng Lahat ng Pag-set up

Pag-set up ng Lahat
Pag-set up ng Lahat
Pag-set up ng Lahat
Pag-set up ng Lahat
Pag-set up ng Lahat
Pag-set up ng Lahat

Ngayon mayroon kang website na medyo nagawa. ngunit marahil ay wala kang oras o puwang na kinakailangan upang mag-set up ng isang server, kasama kung gayon hindi ito magiging libre. ngunit ang mga ito ay mga lugar na magho-host sa iyong website nang libre sa kanilang mga server. ang paborito ko ay. freewebs

Kung hindi mo nais na talagang gawin itong itinuturo at nagbabasa lamang, maaari ka pa ring gumawa ng isang site mula sa kanila mayroon silang lahat na kailangan mo lang gawin ay piliin kung paano mo nais ang hitsura ng iyong site at i-type ang nais mo. Ang ganitong paraan ng paggawa nito ay mas maraming kakayahang umangkop

Gumawa ng isang account sa mga freewebs kung nakuha ang iyong pangalan ng website huwag magalala magdagdag lamang ng 2 sa dulo ng iyong site sa ngayon, ibig sabihin, mga minahan punkholy, kung kinuha ito tatawagin kong punkholy2. (malamang na hindi ito ang nai-type ng mga tao kapag pumunta sila sa iyong site. Huli sa lahat kapag tinitiyak na itakda ito sa html mode. Magtatapos ka sa isang screen tulad ng pangatlong larawan, i-click ang site manager, at i-click upang i-edit ang pahina na tinatawag na index.htm tanggalin ang mga bagay na nasa kanila, pumunta sa source bar sa nvu at kopyahin at i-paste iyon sa blangko na text editor ngayon. i-upload ang mga imahe sa pangunahing direktoryo at i-click ang maliit na mundo upang matingnan ang pahina. kung may anumang mali na gumawa ng isang puna tungkol dito at padalhan ako ng isang mensahe kasama ang iyong html sa loob at masamang makita kung ano ang magagawa ko.

Hakbang 4: Pagtatapos

Bare sa akin ang iyong halos tapos na. natatandaan kung kailan ka napose upang isulat ang mga pangalan? Ngayon kung kailangan mo sila. gumawa ng ilang mga bagong pahina na pinangalanan ang parehong mga bagay tulad ng mga pindutan na naka-link sa. pumunta ngayon kopyahin ang html code mula sa pahina ng Index. at kopyahin ito sa mga bagong pahina, sa pagsuri. dapat mong makita kung nasaan ang teksto na ipinasok mo sa home page. maaari mong tanggalin iyon at magsulat ng ibang bagay na mapupunta sa pahina, pagkatapos ay kakailanganin mong maghanap ng ilang html kung nais mong magdagdag ng mga link sa iba pang site at mga bagay na tulad nito. ngunit para sa karamihan nito ang iyong Tapos na subukan ang iyong mga pindutan tingnan kung gumagana ang mga ito. pag-isipan ang ilang nilalaman at maging masaya. * bilang isang opsyonal na hakbang kung nakakuha ka ng isang pangalan na kinuha at kailangang maglagay ng 2 sa iyong pangalan, pumunta dito at irehistro ang nais mong pangalan. kahit na kinuha ito sa freewebs malamang na hindi ito makuha dito. huli lamang ang karaniwang komento ng mga bagay-bagay kung mayroon kang mga problema, alam kong ito ay isang mahabang pagtuturo sa maraming impormasyon, at kung may naiwan akong sabihin sa akin, huwag mag-apoy ako, si Iv ay gumawa ng maraming mga website at isang bagay na sa palagay ko ay halata na maaaring hindi masyadong halata sa isang bago sa ito. kung nais mo ng isang halimbawa ang aking sitewww.punkholy.tk.

Inirerekumendang: