Мазмуну:

Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек: 14 кадам
Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек: 14 кадам

Video: Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек: 14 кадам

Video: Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек: 14 кадам
Video: All My Loving - The Beatles - Ukulele Tutorial ​(with Closed Captions & Subtitles) @TeacherBob 2024, Ноябрь
Anonim
Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек
Жаңы баштагандар үчүн кашаанын жардамы менен жөнөкөй веб баракчаны кантип түзүү керек

Киришүү

Төмөнкү көрсөтмөлөр кронштейндерди колдонуп веб баракча жасоо үчүн этап -этабы менен көрсөтмө берет. Кронштейндер веб -иштеп чыгууга негизги көңүл бурулган баштапкы код редактору. Adobe Systems тарабынан түзүлгөн, бул MIT лицензиясына ылайык лицензияланган акысыз жана ачык булак программасы жана учурда Adobe жана башка ачык булак иштеп чыгуучулар тарабынан GitHubда сакталат. Бул JavaScript, HTML жана CSS тилдеринде жазылган.

Нускамалар

Эскертүү: - Бардык HTML тегдери кашаанын ортосунда болушу керек:

1 -кадам: Программаны жүктөп алыңыз

Программаны жүктөп алыңыз
Программаны жүктөп алыңыз

Бул веб -сайттан кронштейндерди жүктөп алыңыз

2 -кадам: Ачык кашаа

Ачык кашаа
Ачык кашаа

жүктөлгөн Brackets программасын компьютерден ачыңыз.

3 -кадам: Жаңы файл түзүү

Жаңы файл түзүү
Жаңы файл түзүү

Кронштейндерди ачкандан кийин, терезенин жогорку сол жагындагы файл сөлөкөтүн чыкылдатыңыз, андан кийин жаңы чыкылдатыңыз, сиз "Аталышы жок" жаңы файлды көрөсүз.

4 -кадам: Файл катары сактаңыз

Файл катары сактаңыз.. Файл
Файл катары сактаңыз.. Файл

Бул аталышсыз файлды оң баскыч менен чыкылдатыңыз, "Сактоо" баскычын чыкылдатыңыз, андан кийин аны дискте сактоо керек

бул учурда сиз файлга каалаган ат бере аласыз, жөн гана ".html" (чекит html) кошуу үчүн аталышынан кийин текшериңиз.

5 -кадам: DOCTYPE тегинен баштаңыз

DOCTYPE тэги менен баштаңыз
DOCTYPE тэги менен баштаңыз

Ар бир html баракчасы төмөнкү структура теги менен башталышы керек, ал браузерге HTML баракчасын көрсөтүүдө кандай эрежелерди сактоо керектигин айтат.

6 -кадам: HTML Тэги

HTML Тэг
HTML Тэг

жана - бул тегдер документти баштоо жана бүтүрүү.

7 -кадам: Баш жана дене тегдери

Баш жана дене тегдери
Баш жана дене тегдери

Html тегдеринин ортосунда жазыңыз жана анда "көшөгөнүн артында" нерселер бар. Ошондой эле, жазыңыз жана анда текст, сүрөттөр, видео, аудио ж.

8 -кадам: Meta Tag

Meta Tag
Meta Tag

Тегдердин ортосуна, издөө системасынын терминдери же тамгаларды коддоо сыяктуу маалыматты берген жерди жазыңыз.

9 -кадам: Title Tag

Title Tag
Title Tag

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

10 -кадам: P Tag колдонуу менен абзац кошуу

P Tag колдонуу менен абзац кошуу
P Tag колдонуу менен абзац кошуу

Веб -баракчада көргүңүз келген маалыматты, мисалы, сүрөт, аудио, видео жана абзацтын ортосунда жазыңыз, менин мисал үчүн мен бул белгилерди абзац үчүн жазам:

жана.

11 -кадам: Сиздин жыйынтыктарды көрүү

Жыйынтыктарыңызды көрүү
Жыйынтыктарыңызды көрүү
Жыйынтыктарыңызды көрүү
Жыйынтыктарыңызды көрүү

Сиздин жыйынтыктарды көрүү үчүн: биринчи файлды оң баскыч менен чыкылдатыңыз жана "сактоо" баскычын чыкылдатыңыз.

Эскертүү: - сиз каалаган убакта өзгөртүү киргизип, жыйынтыгын көргүңүз келсе, биринчиден, файлды сактоо керек, "Ctrl + S" жарлыктарын колдонсоңуз болот.

12 -кадам: Форматты өзгөртүү

Форматтоону өзгөртүү
Форматтоону өзгөртүү
Форматтоону өзгөртүү
Форматтоону өзгөртүү

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

13 -кадам: Single/Double Line Break Tag

Single/Double Line Break Tag
Single/Double Line Break Tag
Single/Double Line Break Tag
Single/Double Line Break Tag

Эгерде сиз абзацтардын ортосунда бир/эки саптуу үзүлүш жасоону кааласаңыз, тэгди колдонуңуз

14 -кадам: Жыйынтык

Куттуктайм! азыр сиз өзүңүздүн веб -баракчаңызды кура баштасаңыз болот.

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

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