Егер сіз HTML-сайт жасау жолдарын іздесеңіз, мұнда сізге бастау үшін бірнеше кеңестер берілген. Веб-сайт жасау үшін HTML-Lernen үйреніңіз, немесе Moodle жүйесінде веб-сайт жасау үшін Visual Studio кодын пайдаланыңыз. Кез келген жағдайда, Сіз өзіңіздің сайтыңызды жасау үшін кем дегенде HTML туралы негізгі түсінікке ие болуыңыз керек. HTML-бетті жасаудың бірнеше жолы бар, бірақ бұл ең көп таралған.
HTML-Seite құру
Өз веб-сайтыңызды құрудың бірінші қадамы - HTML пайдалануды үйрену. HTML - веб-беттерге арналған стандартты белгілеу тілі. Оны Тим Бернерс-Ли әзірлеген 1991 CERN-де жұмыс істеген кезде. Бұл әлемдегі алғашқы веб-сайтты жасау үшін қолданылатын негізгі технологиялардың бірі болды. Содан бері тіл айтарлықтай жетілдіріліп, қайта жазылды, бірақ оның негізгі мақсаты өзгеріссіз қалады. Оның негізгі мақсаты - веб-беттерді пішімдеу және оларды пайдаланушыларға көрсету.
HTML оқытуды пайдалану
Сіз HTML беттерін тегін жасауды немесе ақылы ресурстарды пайдалану үшін төлеуді үйренуге болады. HTML тілін үйрену үшін тегін ресурстарды пайдалану ақылы ресурстар арқылы негіздерді үйренуге қарағанда әлдеқайда оңай. Кейбір адамдар фесслинг сабақтарынан көбірек пайда көреді, олар қиын емес және оқуды тастап кету ықтималдығын азайтады. Онлайн сабақтар веб-шолғышта HTML кодын пайдалануға мүмкіндік береді, және құнды оқу тәжірибесін бере алады. Дегенмен, егер сіз ақша үнемдегіңіз келсе, ақылы ресурстар әрқашан тамаша таңдау болып табылады.
Сіз HTML тілін тегін үйреніп жатқанда, сарапшылар жазған оқулықтарды оқудан бастаған дұрыс. HTML - веб-әзірлеушілер үшін маңызды тіл, өйткені ол мазмұнды пішімдеу мен оны көрсетуде көбірек икемділікке мүмкіндік береді. Сондай-ақ HTML тілін үйрену арқылы ақша үнемдейсіз, өйткені веб-әзірлеушілер қымбат. HTML құруды білсеңіз, уақыт пен қуатты үнемдеу арқылы көп ақша үнемдей аласыз. Сондай-ақ, бұл туралы кейбір негізгі біліміңіз болса, шағын өзгерістерді өзіңіз де жасай аласыз.
HTML - XML негізіндегі тіл. HTML тегтері бұрыштық жақшаларда ұйымдастырылған. Absatz-тегтері веб-шолғышқа бет тақырыбының не екенін айтады. Көптеген HTML-тегтер schliesssending тегтерімен аяқталады, ал кейбіреулері ашылып жабылады. Шпицен класснерінің жақсы мысалы - сілтеме.
Кодты жазу үшін құжат типі мәлімдемелерінің тіркесімін пайдалануға болады. HTML бетінің ең маңызды элементтерінің бірі құжат типі туралы мәлімдеме болып табылады. Бұл браузерге сіздің веб-сайтыңыз жазылған белгілеу тілін айтады. Дегенмен, бұл элемент емес. Түбір элементі html болып табылады. HTML тілін үйреніп жатқанда, құжат түрі декларациясының бірдей екеніне көз жеткізуіңіз керек.
Moodle-де HTML-сайт құру
Moodle-де HTML-сайт құру үшін, сіз веб-дизайн бойынша сарапшы болуыңыз керек. HTML-сайттары – қуатты оқу ресурсы, және олар тартымды құру үшін пайдаланылуы мүмкін, интерактивті курстар. Бұл оқулықта, біз негізгі HTML-сайтты құру процесін қарастырамыз. Дегенмен, егер сізде HTML-сайтты жобалау тәжірибесі бар болса, бұл нұсқаулық сізге бастауға көмектеседі.
Бірінші, бет жасау керек болады. Бет негізінен Moodle ішіндегі веб-бет болып табылады, және ол әртүрлі мазмұнды қамтуы мүмкін, оның ішінде мультимедиялық. Бет ресурсы екеуінің де ыңғайлысы болып табылады, дегенмен, өйткені үлкен файлдарды жүктеп салу туралы алаңдамаудың қажеті жоқ. Кітапқа қарағанда бетті оңай жаңартуға болады және оны сақтау оңайырақ. Күрделі HTML-сайттар үшін, Кітап ресурсын пайдалану керек.
Сіз бетті жасағаннан кейін, HTML-сайт мазмұнын қосқыңыз келеді. Бұл курста, біз Moodle жүйесінде жауап беретін бет макеттерін және жауап беретін блоктарды қалай жасау керектігін көрсетеміз. Соңғы қадам - курс мазмұнын ұйымдастыру. Курс бай және тартымды мазмұнсыз аяқталмайды, және Moodle редакторы мұны өте жеңілдетеді! Біз сондай-ақ жауап беретін беттерді қалай жасау керектігін және Moodle мазмұнын мобильді құрылғыларға ыңғайлы етуді қарастырамыз.
Сіз тіпті Moodle сайтыңызға суреттерді немесе сыртқы кескіндерді қоса аласыз. Жай ғана басыңыз “суретті енгізу” түймешігін басыңыз және сіз таңдаған редакторды көресіз. JPG файлынан таңдауға болады, GIF, немесе PNG кескіндері, немесе тақырыпты өзіңіздің суреттеріңізбен теңшей аласыз. Егер сіз HTML-сайтты жасауды бастаушы болсаңыз, алдымен шағын HTML-сайтты жасағаныңызға көз жеткізіңіз.
HTML-сайтты жасау үшін Visual Studio кодын пайдалану
Егер сіз HTML-сайтты қалай жасау керектігін білгіңіз келсе, Сізді Visual Studio кодын пайдалануды үйрену қызықтыруы мүмкін. Бұл бастапқы код өңдегіші Windows үшін қол жетімді, macOS, және Linux, және әртүрлі тілдерде HTML кодын жазуға мүмкіндік береді. Ол сонымен қатар терминалда HTML файлдарын іске қосуға көмектесетін кеңейтімдерді қамтиды. Бұл кеңейтімдерді қалай пайдалану керектігін білмесеңіз, сіз осы мақаланың келесі бөлімдерін оқу арқылы олар туралы көбірек біле аласыз.
Visual Studio кодын орнатқаннан кейін, оны іске қосыңыз. Қалта атауының оң жағында төрт белгішені көресіз. «Жаңа файл» түймесін басыңыз’ белгішесі. ‘.html файл кеңейтімін таңдаңыз’ және жобаның атын енгізіңіз. Visual Studio Code оның мазмұнын түсінуі үшін файлдың атын енгізіп, сәйкес файл кеңейтімін теруіңіз керек. Егер сіз Linux қолдансаңыз, оның орнына оны басты қалтаға сақтағыңыз келуі мүмкін.
Visual Studio Code терезесінде, көк таспаға ұқсайтын белгішені таңдаңыз. Егер сіз Windows жүйесін қолдансаңыз, оны Бастау мәзірінен таба аласыз, Mac жүйесіндегі қолданбалар қалтасында, немесе Linux жүйесіндегі Қолданбалар мәзірінде. Кеңейтімдер мәзірінде, таңдаңыз “Браузерде ашу”. Ол файлды әдепкі браузерде ашады. Содан кейін, қалаған файлды басыңыз және оны Visual Studio Code редакторында көресіз.
HTML-сайтыңызды жасауды жалғастыра отырып, Сіз кодты автоматты түрде пішімдеуге көмектесетін Prettier деп аталатын кеңейтімді байқайсыз. Prettier — VS Code үшін тегін жүктеп алу және Параметрлерде көрсеткен параметрлерді іске қосады. Бұл кеңейтім үшін таңдалған опциялар мыналарды қамтиды “Құжатты пішімдеу” және “Сақтауда пішімдеу” – таза HTML-сайтты құруға арналған пайдалы құралдар. Егер сіз VS кодын күнделікті қолдансаңыз, бірқатар қосымша мүмкіндіктерді табасыз.
Visual Studio кодын пайдалану Windows немесе macOS операциялық жүйесінде веб-қосымшаларды жасағысы келетін әзірлеушілер үшін тамаша мүмкіндік. Оның көптеген теңшеу опциялары бар, оның ішінде нұсқаны басқару және іске қосу пәрмендері тікелей редактордан. Және бұл жеке пайдалану үшін тегін! Visual Studio негізгі веб-қосымшалар үшін тамаша әзірлеу ортасы болып табылады, Visual Studio коды жеке веб-бағдарлама үшін жақсы таңдау болуы мүмкін. Егер сіз озық пайдаланушы болмасаңыз, Visual Studio коды - сіз үшін тамаша таңдау.