Блокнотпен қарапайым веб -бетті қалай құруға болады: 15 қадам

Мазмұны:

Блокнотпен қарапайым веб -бетті қалай құруға болады: 15 қадам
Блокнотпен қарапайым веб -бетті қалай құруға болады: 15 қадам

Бейне: Блокнотпен қарапайым веб -бетті қалай құруға болады: 15 қадам

Бейне: Блокнотпен қарапайым веб -бетті қалай құруға болады: 15 қадам
Бейне: VPN деген не? Қалай қолданады 2024, Қараша
Anonim

Күн сайын біз түрлі сайттарға кіреміз. Дегенмен, кейде біз ойлаймыз, жеке веб -сайтты құру қиын ба? Бұл мақалада сізге блокнотпен қарапайым HTML веб -бетін құруға нұсқау беріледі.

Қадам

1 -ші әдіс: Жеке веб -бетті құру

Блокнот көмегімен қарапайым веб -бетті жасау 1 -қадам
Блокнот көмегімен қарапайым веб -бетті жасау 1 -қадам

Қадам 1. Блокнотты ашыңыз

Бұл мәтіндік редактор Windows-тың барлық компьютерлерінде орнатылған бағдарлама болып табылады және оны Бастау мәзірінен табуға болады. Блокнот ашылғаннан кейін Файл> Басқаша сақтау түймешігін басыңыз, содан кейін Файл түрі бағанында Барлық файлдарды таңдаңыз. Жасалған файлды 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 параметрі кескін файлының атауын жазуға қызмет етеді, ал ені мен биіктігі функциясы ұзындығы мен енін сипаттайды.

12 -қадам. Басқа бетке апаратын сілтеме жасаңыз, мысалы Басқа бет

Таңбаның ортасындағы мәтін - бұл бетте пайда болатын мәтін, ал href параметрінде тағайындалған бет бар. Сілтемелер арқылы келушілер сіздің сайтыңыздың әр түрлі беттеріне оңай ауыса алады.

Қадам 13. Сайтты толтыруды аяқтағаннан кейін бетті жабу арқылы аяқтаңыз

Соңында HTML кодын жабыңыз

Блокнот көмегімен қарапайым веб -бетті жасау 14 -қадам
Блокнот көмегімен қарапайым веб -бетті жасау 14 -қадам

Қадам 14. Жасалған веб -бетті.html кеңейтімімен сақтаңыз және оны тексеру үшін сүйікті шолғышта ашыңыз

Блокнот көмегімен қарапайым веб -бетті жасау 15 -қадам
Блокнот көмегімен қарапайым веб -бетті жасау 15 -қадам

Қадам 15. Сайтыңызды интернетке жүктеу үшін келесі нұсқаулықты оқыңыз

Кеңестер

  • Интернетте веб -сайтты құруға арналған нұсқаулықтары бар әр түрлі сайттар бар. W3school - бұл жақсы материалмен жабдықталған сайт.
  • HTML файлындағы барлық тегтерді жапқаныңызға көз жеткізіңіз.
  • Файлдың бірінші жолына белгі қойыңыз. Бұл жалау сіз жасайтын файлдың HTML5 файлы екенін көрсетеді.
  • Қаріпті алдын ала және кейінгі белгілермен өзгертіңіз. «N» әрпін қажетті шрифтпен ауыстырыңыз, мысалы «Verdana».
  • Егер сізге бұрыштық жақшалар қажет болса, кодты қолданыңыз. Бұл уақытта & белгісін пайдалану үшін & кодын қолданыңыз.
  • HTML оқулықтарына сәйкес, сіз әрқашан веб -файлдар мен қалталарды бос орынсыз және тыныс белгілерінсіз кіші әріппен атауыңыз керек. Windows файл атауларына бос орын қоюға мүмкіндік берсе де, хостинг провайдерлерінің көпшілігі жоқ. Сонымен қатар, файл атауы сіздің сайтыңызды басқаруды жеңілдетеді.

Ұсынылған: