Мазмуну:

Биринчи веб -сайтыңызды нөлдөн жасоо: 4 кадам
Биринчи веб -сайтыңызды нөлдөн жасоо: 4 кадам

Video: Биринчи веб -сайтыңызды нөлдөн жасоо: 4 кадам

Video: Биринчи веб -сайтыңызды нөлдөн жасоо: 4 кадам
Video: HTML сабагы 4-сабак - ol,ul,li тегтери (шилтеме) ссылка жасоо / HTML ,CSS🔥 2024, Ноябрь
Anonim
Биринчи веб -сайтыңызды башынан баштап жасоо
Биринчи веб -сайтыңызды башынан баштап жасоо
Биринчи веб -сайтыңызды башынан баштап жасоо
Биринчи веб -сайтыңызды башынан баштап жасоо

Бул үйрөткүч сизге өзүңүздүн веб -сайтыңызды кантип нөлдөн баштап, эч кандай html үйрөнбөстөн жана толугу менен бекер кылууну көрсөтөт, бирок боёк программасында кандайдыр бир чеберчилик керек, бирок сизде андай жөндөм жок болсо, интернеттен издесеңиз болот. боёк менен эмне кылаарыңыз үчүн алдын ала жасалган нерселердин тизмеси.

  • Интернетке кирүү (эгер сиз муну окуп жатсаңыз, анда сизде бул бар)
  • Бояуу программасы
  • Болжол менен бир саат (жөндөмүңүзгө жараша дагы кыска)
  • Жана бир нече жүктөмөлөр, албетте, бекер буюмдар.

Биринчи жүктөө гимп деп аталат, ал негизинен фото дүкөндүн сугарылган версиясы же сиз чечкен терезелер боегунун көлөмдүү версиясы. Gimp бул программанын Linux жана mac колдонуучулары үчүн дагы версиялары бар. Кийинки нерсе - бул HTML редактору. Сиз муну бекер буюм деп ойлодуңуз. Бул эмне кылат, андыктан html үйрөнүүнүн кажети жок. бирок эгер сиз коддоону кааласаңыз, анда муну бул программада жасай аласыз. NVUGot баарын, Жакшы азыр Интервеб дүйнөсүнө кадам таштоого даяр.

1 -кадам: Сүрөт тартуу

Сүрөттөрдү жасоо
Сүрөттөрдү жасоо
Сүрөттөрдү жасоо
Сүрөттөрдү жасоо
Сүрөттөрдү жасоо
Сүрөттөрдү жасоо

Бул сиздин сайтыңыздын бардык сүрөттөрүн жасай турган кадам, албетте, бул этапта сиздин сайтыңыздын аталышына ээ болушуңуз керек. Сыналган жана чыныгы ыкма - бул сиздин сайтыңыз боло турган нерсенин баарын жасоо үчүн 1000x600 сүрөттү жасоо. мисалы, үйрөтүлө турган сайт - бул чындыгында үстүбүздөгү баннер, баскычтары бар апельсин тилкеси жана бир нече меню. Жөн эле бүт нерсени бир сүрөттөлүш кылып жасаңыз (жөн гана мазмун аймагын, башкача айтканда текст кайда ортоңку бетте, ошол жерди бош калтырыңыз) жана фон жасабаңыз, фонуңузду баракчаңызга туура келген катуу түс менен толтуруңуз. мында өз алдынча. Эгер сиз башкы баракчаңыздын кандай болушун кааласаңыз, ошону аласыз. кылган соң. чыкылдатуунун баарын, анын ичинде баннерди жана баскычтарды жаңы терезеге чаптаңыз жана өзүнчө сактаңыз-p.webp

Дагы бир кеңеш, аларды сактоо үчүн жаңы папканы түзүү керек, бирок уюштуруу үчүн эмес

2 -кадам: Баарын кайра бириктирүү

Баарын кайра ордуна коюу
Баарын кайра ордуна коюу

Эми бул үчүн сиз nvu ачасыз, мага бир аз чыкылдатуу керек болду, бирок бул татаал эмес. сизди кадам сайын басып өтөм.

Биринчиден, сиз 600гө демейки боюнча орнотулган жогорку тилкени алышыңыз керек (мен ишенем), бирок сиз муну сүйрөп, 1000 туурасына айландыргыңыз келет, аны 600гө чейин бериңиз. Сиз сайттын фонун түзгүңүз келет, сиз боёк программаңызда колдонулган толтурууну колдонбойсуз, анын ордуна Формат> Барактын Түстөрүнө жана Фонго өтүңүз, ыңгайлаштырылган түстөрдү колдонууну чыкылдатыңыз. жана фон түсүн боёк программасында эмне кылганыңызды жасаңыз. Кийинки нерсе, сиз жасай турган нерсе - жогорку баннерди кошуу. куралдар тилкесиндеги сүрөт баскычын чыкылдатыңыз. жана баннериңизди табыңыз. чыкылдатыңыз башка текстти колдонбоңуз. жана макул. азыр сиздин баракчаңызда биринчи сүрөтүңүз бар. *Программанын ылдый жагындагы булак тилкесин чыкылдатып, канча коддолгонун көрүңүз. бул дагы HTML үйрөнүүнүн жакшы жолу. Калган баскычтарды жүктөп бериңиз, сиз башка текстти колдоно аласыз, же сизге эмес. бирок сиз баскычты басып, сүрөт жана шилтеме касиеттериндеги формат тилкесине өтүшүңүз керек болот. шилтеме тилкесин чыкылдатып, аны тиешелүү нерсеге шилтеме кылыңыз, үйдүн баскычы index.htm болмокчу, шилтемелер баскычы шилтемелер болмокчу. бул кесүү жана чаптоо алдында веб -сайттын сүрөтүнө окшош болушу керек. Сиз кылгыңыз келген акыркы нерсе - баскычтардын астындагы барактын ортосунда таблица жасоо, меню тилкесиндеги түсүн жана чектерин өзгөртө аласыз, бул жерде сиздин негизги текст кетет. сиздин сайтыңызда бир нерсе болушу үчүн, аларга бир нерсе жазыңыз.

3 -кадам: Баарын орнотуу

Баарын жөндөө
Баарын жөндөө
Баарын жөндөө
Баарын жөндөө
Баарын жөндөө
Баарын жөндөө

Эми сизде веб -сайт дээрлик бар. бирок сизде серверди орнотууга убакыт же мейкиндик жок болсо керек, ошондо бекер болмок эмес. бирок алар веб -сайтыңызды өз серверлеринде бекер жайгаштыра турган жерлер. менин сүйүктүүм. freewebs

Эгерде сиз чындыгында бул үйрөткүчтү жасоону каалабасаңыз жана жөн эле окуп жатсаңыз, анда дагы эле алардын сайтынан жасай аласыз, алар сизге керектүү нерселердин бардыгын камтыйт, сиздин сайтыңыздын кандай болушун каалаганыңызды тандап, каалаганыңызды териңиз. Муну жасоонун бул жолу бир топ ийкемдүү

Эгерде веб -сайтыңыздын аталышы алынса, тынчсызданбаңыз, азырынча сайтыңыздын аягына 2 кошуп коюңуз, б.а. шахталар punkholy, эгерде мен аны punkholy2 деп атайт элем. (бул, кыязы, адамдар сиздин сайтка киргенде эмне жазбайт жана index.htm деп аталган баракты түзөтүү үчүн чыкылдатыңыз, андагы нерселерди жок кылыңыз, nvuдагы булак тилкесине өтүңүз жана азыр бош текст редакторуна көчүрүп чаптаңыз. Акыры башкы каталогго сүрөттөрдү жүктөп, кичинекей глобусту чыкылдатыңыз. page.if бир нерсе туура эмес болуп калса, бул тууралуу комментарий жазыңыз жана мага html менен билдирүү жөнөтүңүз жана мен эмне кыла алам.

4 -кадам: Аяктоо

Мени менен жылаңач, дээрлик бүттүң. эсиңиздеби, качан сиз бул ысымдарды жазып алдыңыз? Эми алар сизге керек болгондо. баскычтар шилтеме кылынган нерселерге окшош жаңы барактарды жасаңыз. азыр индекстин баракчасынан html кодун көчүрүү. жана жаңы барактарга көчүрүү, текшерүүдөн кийин. сиз үй баракчасына тексттин кайда киргенин көрүшүңүз керек. сиз муну өчүрүп, баракчага кире турган башка нерсени жаза аласыз, анда башка сайтка шилтемелерди жана башка ушул сыяктуу нерселерди кошууну кааласаңыз, анда html издөө керек болот. бирок анын көбү үчүн АТКАРЫЛГАНДЫГЫҢДЫ текшерип көрүңүз, алар иштейт. кээ бир мазмунду ойлонуп, бактылуу болуңуз.*эгерде сиз алган ысымга ээ болсоңуз жана кошумча түрдө сиздин атыңызга 2 коюу керек болсо, бул жерге барып, каалаган ысмыңызды каттаңыз. ал freewebs мүмкүнчүлүктөрү боюнча кабыл алынган болсо да, бул жерде кабыл алынбайт. Акыркы убакта сизде көйгөйлөр болсо, кадимки нерселерди комментарийлеңиз, мен билем, бул көп маалымат менен көрсөтмөлүү, жана мен бир нерсени таштап койсом, мага жалын айтпа мага, Iv көптөгөн веб -сайттар түзүлдү жана мен ойлогон нерсе, бул жаңы келген адам үчүн анча ачык эмес болушу мүмкүн. Эгер мисал келсе, бул жерде менин сайтым www.punkholy.tk.

Сунушталууда: