01-ден 07-ге дейін
Файлдарыңызды жаңа қалтада орналастырыңыз
Windows Notepad - веб-беттерді жазу үшін пайдалануға болатын негізгі мәтінді өңдеу бағдарламасы. Веб-беттер - тек мәтін және сіз HTML-ды жазу үшін кез-келген сөзді өңдеу бағдарламасын пайдалана аласыз. Бұл жаттығу сізді осы үрдіс арқылы өтеді.
Блокнотта жаңа веб-сайтты құру кезінде бірінші кезекте істеу - оны сақтау үшін бөлек қалта жасау. Әдетте веб-беттеріңізді «Менің құжаттарым» қалтасындағы HTML деп аталатын қалтаға сақтайсыз, бірақ оларды қалаған жерде сақтай аласыз.
- Менің құжаттарым терезесін ашыңыз
- Файл > Жаңа > Қалта тармағын басыңыз
- My_website қалтасына атаңыз
Маңызды ескерту: Веб-қалталар мен файлдарды барлық кіші әріптерді пайдаланып, кез-келген бос орын немесе тыныс белгілерінсіз атаңыз. Windows бос орындарды пайдалануға мүмкіндік беретін болса, көптеген веб-хостинг жеткізушілері болмайды және сіз файлдар мен қалталарды басынан дұрыс деп атасаңыз, өзіңізді біраз уақыт пен қиындықтардан құтқарасыз.
02/07
Бетті HTML ретінде сақтаңыз
Блокнотта веб-бетті жазу кезінде бірінші кезекте істеу керек - бетті HTML ретінде сақтау. Бұл сізге уақыт пен қиыншылықты кейінірек сақтайды.
Каталог атауымен қатар әрқашан барлық кіші әріптерді, файл атауында бос орындарды немесе арнайы таңбаларды пайдаланыңыз.
- Блокнотта Файлды , содан кейін Басқаша сақтау түймешігін басыңыз .
- Веб-сайт файлдарын сақтайтын қалтаға өтіңіз.
- Басқаша сақтау түрі ашылмалы мәзірін Барлық файлдарға (*. *) Өзгертіңіз .
- Файлды атаңыз. Бұл нұсқаулық pets.htm атауын пайдаланады .
03 07
Веб-бетті жазуды бастау
Сіздің Notepad HTML құжатыңызға бірінші кезекте жазу керек - DOCTYPE. Бұл браузерлерге қандай HTML күтуі керек екенін көрсетеді. Бұл оқулық HTML5 пайдаланады.
Doctype мәлімдемесі тег болмайды. Компьютерге HTML5 құжаты келіп жатқандығын айтады. Ол әр HTML5 бетінің жоғарғы жағында өтеді және бұл пішінді қабылдайды:
Сізде DOCTYPE бар болса, HTML-ды бастауға болады. Бастаманың екеуін де теріңіз
тег және аяқталу тегі және веб-бет мазмұны үшін кейбір бос орын қалдырыңыз. Блокнотыңыздың құжаты келесідей болуы керек:
04 07
Веб-бетіңіздің басын жасаңыз
HTML құжатының бастығы веб-парақ туралы негізгі ақпарат сақталады - бет тақырыбы және іздеу механизмін оңтайландыру үшін мүмкін мета тегтер сияқты нәрселер. Бас бөлімді жасау үшін, қосыңыз
Тегтер арасындағы Блокнот HTML мәтіндік құжатындағы тегтер.
مورСонымен қатар
тегтер арасында олардың арасындағы бос орын қалдырыңыз, осылайша сізде бас ақпаратты қосу үшін бөлме бар.
05 07
Head Бөліміндегі Бет атауын қосыңыз
Веб-бетіңіздің тақырыбы - браузер терезесінде көрсетілетін мәтін. Сондай-ақ, біреу сіздің сайтыңызды сақтаған кезде, бетбелгілерде және сүйіктілерде жазылған. Тақырып мәтінін
тегтерді пайдалану тегтері. Ол веб-бетте пайда болмайды, тек браузердің жоғарғы жағында.
Бұл мысал беті «McKinley, Shasta және басқа да үй жануарлары» деп аталады.
مورمور
McKinley, Shasta және басқа да үй жануарлары
Сіздің атыңыз қаншалықты ұзағырақ екендігін немесе сіздің HTML-де бірнеше жолды қамтитын маңызды емес, бірақ қысқа тақырыптар оқуға жеңілірек болады, ал кейбір браузерлер браузер терезесінде ұзындарды қысқартады.
07 07
Веб-беттегі негізгі орган
Веб-беттің денесі ішінде сақталады
тегтер. Мәтінді, тақырыптарды, субпозицияларды, кескіндерді және сызбаларды, сілтемелерді және барлық басқа мазмұнды орналастырғаныңыз. Ұзын уақыт қалауы мүмкін.
Бұл парақты Блокнотта веб-бетін жазу үшін қолдануға болады.
Сіздің атыңыз басы осында келеді. Веб-беттегі барлық нәрсе осында
07 07
Суреттер қалтасын жасау
HTML құжаттың мазмұнын қоспас бұрын, суреттерге арналған қалта бар болу үшін каталогтарды орнатуыңыз керек.
- Менің құжаттарым терезесін ашыңыз.
- My_website қалтасына өзгертіңіз.
- Файл > Жаңа > Қалта тармағын басыңыз .
- Қалта суреттерін атаңыз .
Барлық суреттеріңізді суреттер қалтасында веб-сайтыңыз үшін сақтаңыз, сонда оларды кейінірек табуға болады. Бұл сізге қажет болған кезде оларды жүктеуді жеңілдетеді.