Блокнот менен жөнөкөй веб -баракчаны кантип түзүү керек: 15 кадам

Мазмуну:

Блокнот менен жөнөкөй веб -баракчаны кантип түзүү керек: 15 кадам
Блокнот менен жөнөкөй веб -баракчаны кантип түзүү керек: 15 кадам

Video: Блокнот менен жөнөкөй веб -баракчаны кантип түзүү керек: 15 кадам

Video: Блокнот менен жөнөкөй веб -баракчаны кантип түзүү керек: 15 кадам
Video: Губка Боб. ПАРОДИЯ [SpongeBob] 2024, Ноябрь
Anonim

Күн сайын биз ар кандай веб -сайттарга киребиз. Бирок, кээде ойлонобуз, жеке веб -сайтыңызды түзүү кыйынбы? Бул макалада сиз Notepad менен жөнөкөй HTML веб -баракчасын түзүүгө жетектелесиз.

Кадам

Метод 1дин 1: Өз веб баракчаңызды түзүү

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 1 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 1 -кадам

Кадам 1. Ачык блокнот

Бул текст редактору ар бир Windows компьютеринде жеткиликтүү камтылган программа болуп саналат жана аны Start менюсунда тапса болот. Блокнот ачылгандан кийин, Файл> Сактоо баскычын чыкылдатыңыз, андан кийин Файл Түрү тилкесинен Бардык Файлдарды тандаңыз. Түзүлгөн файлды HTML форматында сактаңыз. Жалпысынан алганда, сайттын башкы бетинде "index.html" деген аталыш бар жана сайттагы бардык барактарга шилтемелер камтылган.

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 2 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 2 -кадам

2 -кадам. HTMLди түшүнүңүз

HTMLдеги (гипертекстти белгилөө тили) белги (тег) ичинде.

Бул белгилер сиздин веб -сайтыңызды курууга кызмат кылат. HTML кодун бүтүрүү үчүн, аяктоочу тегди колдонуңуз. Жабуу белгиси ар кандай белгилерди жабуу үчүн пайдалуу, мисалы, жоон же абзац белгилери.

Блокнотту колдонуу менен жөнөкөй веб -баракча түзүңүз 3 -кадам
Блокнотту колдонуу менен жөнөкөй веб -баракча түзүңүз 3 -кадам

Кадам 3. Файлдын жогору жагына тег киргизүү менен веб -баракчаңызды баштаңыз

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 4 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 4 -кадам

Кадам 4. Ар кандай маалыматты киргизүү үчүн тэгдерди колдонуңуз

Белгилер барактын аталышын коюу үчүн пайдалуу, ал эми (кошумча) тэгдер веб -баракчанын мазмунун түшүндүрүүнү киргизүү үчүн колдонулат. Белги анда Google сыяктуу издөө системалары тарабынан окулат.

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 5 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 5 -кадам

Кадам 5. Тегти киргизгенден кийин, баракка тег менен ат коюңуз, мисалы wikiHow HTML

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 6 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 6 -кадам

Кадам 6. белгини колдонуу менен сайттын башын бүтүрүү

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 7 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 7 -кадам

Кадам 7. Барактын мазмунун киргизүү үчүн тэгдерди колдонуңуз

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

Блокнотту колдонуу менен жөнөкөй веб -баракчаны түзүңүз 8 -кадам
Блокнотту колдонуу менен жөнөкөй веб -баракчаны түзүңүз 8 -кадам

Кадам 8. Веб баракчанын мазмунун

Мисалы, сайттын башын түзүү менен баштаңыз. Сайттын аталышы сайттын чоң тамгалар менен жазылган бөлүгү жана белги менен белгиленген

чейин

. Кол коюу

Сиз эң чоң шрифт өлчөмү бар сайттын башын түзүү үчүн колдоно аласыз. Белгинин астындагы белгини колдонуп көрүңүз

Менин сайтыма кош келиңиз

. Белгини жапканыңызды текшериңиз

сүйлөмдүн аягында.

Блокнотту колдонуу менен жөнөкөй веб -баракчаны түзүңүз 9 -кадам
Блокнотту колдонуу менен жөнөкөй веб -баракчаны түзүңүз 9 -кадам

Кадам 9. Белги менен баракка абзац түзүңүз

Мисалы, жаз

Параграф тест!

Жаңы сап түзүү үчүн белгини колдонуңуз, же тыныгуулар.

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 10 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 10 -кадам

10 -кадам. Сиз, албетте, түзгөн веб -баракчаңыздын жөнөкөй текстти камтышын каалабайсыз

Веб баракчалардагы текстти форматтоо үчүн төмөнкү желектерди колдонуңуз: калың текстке, курсив менен жазууга жана астын сызууга. Жогорудагы белгини колдонгондон кийин, аны жабууну унутпаңыз!

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 11 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 11 -кадам

Кадам 11. Белги менен сүрөт кошуу

Image
Image

сайтты кооздоо жана текст түрүндө түшүндүрүүгө мүмкүн болбогон маалыматтарды кошуу.

Кол коюу

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 13 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 13 -кадам

иштеши үчүн белгилүү бир маалыматты талап кылат. Белгинин толук синтаксиси

мындай түзүлүшү мүмкүн:.

Белгидеги src параметри сүрөт файлынын атын жазууга, узундугу менен туурасын сүрөттөө үчүн туурасы менен бийиктиги функциясына кызмат кылат.

Step 12. Шилтемени башка баракчага алып барыңыз, мисалы, Башка барак

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

Кадам 13. Сайтты толтуруп бүткөндөн кийин, баракчаны жабуу менен бүтүрүңүз

Акырында, HTML кодун жабыңыз

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 14 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 14 -кадам

Кадам 14. Түзүлгөн веб -баракчаңызды.html кеңейтүүсү менен сактаңыз жана аны сынап көрүү үчүн сүйүктүү браузериңизде ачыңыз

Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 15 -кадам
Блокнотту колдонуу менен жөнөкөй веб баракча түзүңүз 15 -кадам

Step 15. Сайтыңызды интернетке жүктөө үчүн төмөнкү көрсөтмөнү окуңуз

Кеңештер

  • Интернетте веб -сайтты түзүү үчүн колдонмолорду камтыган ар кандай сайттар бар. W3school жакшы материалдары бар бир сайт.
  • HTML файлындагы ар бир тегди жабууну текшериңиз.
  • Файлдын биринчи сабына белгини коюңуз. Бул желек сиз түзүп жаткан файл HTML5 файлы экенин көрсөтөт.
  • Шрифтти мурун жана кийинки белгилери менен алмаштырыңыз. "N" дегенди каалаган тамгалар менен алмаштырыңыз, мисалы "Verdana".
  • Эгер бурч кашаанын колдонулушу керек болсо, кодду колдонуңуз. Ошол эле учурда, & белгисин колдонуу үчүн, & кодун колдонуңуз.
  • HTML үйрөткүчтөрүнө ылайык, веб файлдарды жана папкаларды кичине тамгалар менен, боштуктар жана пунктуацияларсыз атоо керек. Windows файл аттарына боштук коюуга мүмкүндүк берсе да, көптөгөн хостинг провайдерлери жок. Мындан тышкары, тыкан файл аты сиздин сайтыңызды башкарууну жеңилдетет.

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