Эгер сиз HTML-сайтты түзүүнүн жолдорун издеп жатсаңыз, бул жерде сизди баштоо үчүн бир нече кеңештер бар. Вебсайтты түзүү үчүн HTML-Lernen үйрөнүңүз, же Moodleде веб-сайтты түзүү үчүн Visual Studio Code колдонуңуз. Ар кандай учурда, өз сайтыңызды түзүү үчүн, жок дегенде, HTML боюнча негизги түшүнүккө ээ болушуңуз керек. HTML-баракты түзүүнүн бир нече жолу бар, бирок булар эң кеңири таралган.
HTML-Seite түзүү
Өзүңүздүн веб-сайтыңызды түзүүнүн биринчи кадамы - HTMLди кантип колдонууну үйрөнүү. HTML веб-баракчалар үчүн стандарттык белгилөө тили болуп саналат. Бул жылы Тим Бернерс-Ли тарабынан иштелип чыккан 1991 CERNде иштеп жатканда. Бул дүйнөдөгү биринчи веб-сайтты түзүү үчүн колдонулган негизги технологиялардын бири болгон. Андан бери тил абдан жакшыртылган жана кайра жазылган, бирок анын негизги максаты ошол эле бойдон калууда. Анын негизги максаты - веб-баракчаларды форматтоо жана аларды колдонуучулар үчүн көрсөтүү.
HTML үйрөнүүнү колдонуу
Сиз HTML баракчаларын бекер түзүүнү үйрөнө аласыз же акы төлөнүүчү ресурстарды колдонуу үчүн төлөй аласыз. HTMLди үйрөнүү үчүн бекер ресурстарды колдонуу акы төлөнүүчү ресурстар аркылуу негиздерин үйрөнүүгө караганда алда канча жеңил. Кээ бир адамдар фесселинг сабактарынан көбүрөөк пайда алышат, алар азыраак татаал жана окууну таштап кетүү ыктымалдыгын азайтат. Онлайн класстар сиздин веб-браузериңизде HTML кодун колдонууга мүмкүндүк берет, жана баалуу окуу тажрыйбасын бере алат. Бирок, акча үнөмдөө үчүн издеп жаткан болсо, акы төлөнүүчү ресурстар ар дайым сонун тандоо болуп саналат.
Сиз HTMLди бекер үйрөнүп жатканда, эксперттер тарабынан жазылган окуу куралдарын окуу менен баштоо жакшы. HTML веб-иштеп чыгуучулар үчүн маанилүү тил болуп саналат, анткени ал мазмунду форматтоодо жана аны көрсөтүүдө көбүрөөк ийкемдүүлүктү берет. HTMLди үйрөнүү менен акчаңызды үнөмдөйсүз, веб-иштеп чыгуучулар кымбат болгондуктан. HTML түзүүнү билсеңиз, убакытты жана энергияны үнөмдөө менен көп акчаны үнөмдөй аласыз. Эгер сизде бул боюнча кандайдыр бир негизги билимиңиз болсо, сиз өзүңүз да кичине өзгөртүүлөрдү киргизе аласыз.
HTML XML негизделген тил болуп саналат. HTML тэгдери бурчтуу кашааларда уюштурулган. Absatz-тегдер веб-браузерге барактын аталышы эмне экенин айтып берет. Көпчүлүк HTML-тегдери schliesssending тегдери менен аяктайт, ал эми кээ бирлери ачылып жабылат. Spitzen klassnern жакшы мисал шилтеме болуп саналат.
Кодуңузду жазуу үчүн документ типинин декларацияларынын айкалышын колдоно аласыз. HTML баракчасынын эң маанилүү элементтеринин бири документ типинин декларациясы болуп саналат. Бул браузерге сиздин веб-сайтыңыз жазылган белгилөө тилин айтат. Бирок, бул элемент эмес. Тамыр элементи html болуп саналат. Сиз HTML үйрөнүп жатканда, доктийп декларациясынын бирдей экендигине ынануу керек.
Moodleде HTML-сайтты түзүү
Moodleде HTML-сайтты түзүү үчүн, сиз веб-дизайн боюнча адис болушуңуз керек. HTML-Сайттар күчтүү окуу булагы болуп саналат, жана аларды тартуу үчүн колдонсо болот, интерактивдүү курстар. Бул окуу куралында, биз негизги HTML-сайтты түзүү процесси аркылуу жүрөбүз. Бирок, эгер сизде HTML-сайтты долбоорлоо тажрыйбасы бар болсо, бул колдонмо сизге баштоого жардам берет.
Биринчи, баракты түзүшүңүз керек болот. Барак - бул Moodle ичиндеги веб-баракча, жана ал мазмундун ар кандай түрлөрүн камтышы мүмкүн, анын ичинде мультимедиа. Экөөнүн ичинен Page ресурсу ыңгайлуу, бирок, анткени чоң файлдарды жүктөө жөнүндө тынчсыздануунун кереги жок. Китепке караганда баракча оңой жаңыртылат жана тейлөө оңой. Татаал HTML-сайттар үчүн, Сиз китеп ресурсун колдонушуңуз керек.
Баракты түзгөндөн кийин, HTML-сайттын мазмунун кошкуңуз келет. Бул курста, биз сизге Moodleде жооп берүүчү баракчанын макеттерин жана жооп берүүчү блокторду кантип түзүүнү көрсөтөбүз. Акыркы кадам сиздин курстун мазмунун уюштуруу болуп саналат. Курс бай жана кызыктуу мазмунсуз толук эмес, жана Moodle редактору муну абдан жеңилдетет! Биз ошондой эле жооп берүүчү баракчаларды кантип түзүүнү жана Moodle мазмунун мобилдик колдонууга ыңгайлуу кылууну карап чыгабыз.
Сиз Moodle сайтыңызга сүрөттөрдү же тышкы сүрөттөрдү кошо аласыз. Жөн гана басыңыз “сүрөт киргизүү” баскычын бассаңыз, сиз тандаган редакторду көрөсүз. Сиз JPGден тандай аласыз, GIF, же PNG сүрөттөрү, же өзүңүздүн сүрөттөрүңүз менен теманы ыңгайлаштыра аласыз. Эгер сиз HTML-сайтты түзүүдө башталгыч болсоңуз, адегенде кичинекей HTML-сайтты түзүүнү унутпаңыз.
HTML-сайтты түзүү үчүн Visual Studio Code колдонуу
Эгер сиз HTML-сайтты кантип жасоону үйрөнгүңүз келсе, Сиз Visual Studio Code колдонууну үйрөнгүңүз келиши мүмкүн. Бул баштапкы код редактору Windows үчүн жеткиликтүү, macOS, жана Linux, жана ар кандай тилдерде HTML кодун жазууга мүмкүндүк берет. Ал ошондой эле терминалда HTML файлдарын иштетүүгө жардам берген кеңейтүүлөрдү камтыйт. Бул кеңейтүүлөрдү кантип колдонууну билбей жатсаңыз, бул макаланын төмөнкү бөлүмдөрүн окуп, алар жөнүндө көбүрөөк биле алабыз.
Visual Studio Code орнотулгандан кийин, аны ишке киргизүү. Сиз папканын аталышынын оң жагында төрт сүрөтчө көрөсүз. "Жаңы файлды" чыкылдатыңыз’ сөлөкөтү. ‘.html файл кеңейтүүсүн тандаңыз’ жана долбоордун атын киргизиңиз. Visual Studio Code анын мазмунун түшүнүшү үчүн файлдын атын киргизип, тийиштүү файл кеңейтүүсүн теришиңиз керек. Эгер сиз Linux колдонуп жатсаңыз, анын ордуна үй папкаңызда сактасаңыз болот.
Visual Studio Code терезесинде, көк лентага окшош сөлөкөтүн тандаңыз. Эгер сиз Windows колдонуп жатсаңыз, аны Баштоо менюсунан таба аласыз, Macтагы Тиркемелер папкасында, же Linux ичиндеги Тиркемелер менюсунда. Кеңейтүүлөр менюсунда, тандоо “Браузерде ачуу”. Ал файлды демейки браузерде ачат. Анда, каалаган файлды чыкылдатыңыз жана аны Visual Studio Code редакторунда көрөсүз.
Сиз HTML-сайтыңызды түзүүнү улантуу менен, сиз кодуңузду автоматтык түрдө форматтоого жардам бере турган Prettier деп аталган кеңейтүүнү байкайсыз. Prettier бул VS Code үчүн акысыз жүктөп алуу жана сиз Орнотууларда көрсөткөн орнотууларды иштетет. Бул кеңейтүү үчүн сиз тандаган параметрлер кирет “Документти форматтоо” жана “Сактоо боюнча формат” – таза HTML-Сайтты түзүү үчүн пайдалуу куралдар. Эгер сиз күн сайын VS Code колдонсоңуз, бир катар кошумча функцияларды таба аласыз.
Visual Studio Code колдонуу Windows же macOS операциялык тутумунда веб тиркемелерин түзүүнү каалаган иштеп чыгуучулар үчүн эң сонун мүмкүнчүлүк. Анын көптөгөн ыңгайлаштыруу параметрлери бар, анын ичинде версияны башкаруу жана башкаруучу буйруктарды түз редактордон. Ал эми жеке колдонуу үчүн акысыз! Visual Studio негизги желе колдонмолору үчүн мыкты иштеп чыгуу чөйрөсү болуп саналат, Visual Studio Code жеке веб-тиркеме үчүн жакшы тандоо болушу мүмкүн. Эгер сиз өнүккөн колдонуучу болбосоңуз, Visual Studio Code сиз үчүн эң сонун тандоо.