Әр түрлі нишаларға стандартты блоктар арқылы сайт жасау сабақтары
"Тильда Дизайнер PRO" курсы
1. Сайттың прототипін құру
Сіз сайт жасар алдын алдымен прототип жасап алуыңыз қажет. Ол үщін бізге референстар көмектеседі.
Референс - пример для ориентира. Басқа сайттарға қарап отырып,біз өзіміздің сайтымыздың қаңқасын,прототипін жасайтын боламыз.
Үй тапсырмасы:
Өзіңіз бір сала таңдап, сол сала бойынша сайтыңыздың толыққанды прототипін жасап шығыңыз.Төмендегі Word файлды толтырып, үй тапсырмасы чатына жіберіңіз.
Үй тапсырмасын орындау үшін төмендегі файлды жүктеп алыңыз
Бұл сабақ өте МАҢЫЗДЫ әрі мықты сабақ. Бұл сабақтан кейін сіздің сайт жасауыңыз әлдеқайда жеңілдей түседі. Өйткені бізге сайт жасау үшін ең алдымен мәтін жазу қажет.
Не жазам, қалай жазсам екен... деп енді алаңдамауға болады. Себебі бізге керек мәтінді "Искусственный интеллект Chat GPT" біз үшін бірнеше минутта жазып береді.
Қалай екенін көру үшін тезірек сабаққа өтіңіз.
Үй тапсырмасы:
Прототип бойынша сізде қандай блоктар бар, сол блоктардың мәтінін осы Chat GPT арқылы толық жазып шығыңыз. Word файлды чатқа жіберіңіз.
3. Стандартты блоктармен және олардың настройкаларымен танысу. 1 бөлім Меню блок.
Компанияларға сайт жасаған кезде міндетті түрде Меню блок жасалынады. Сол менюдің Контент бөлімі және Настройки бөлімі толыққанды, үтір-нүктесіне дейін видеосабақта көрсетілді. Және мобильный версиядағы настройканы біз қалай өзгерте аламыз, бургер дегеніміз не , оны қалай қоя аламыз, логотипті қалай қою кeректігі жайлы айтылды. Видеода Гүлбану ханымның жиі қолданатын меню блогы ME203A блогы мысал ретінде қолданылды.
Үй тапсырмасы:
Осы менюді дәлме -дәл қайталап жасап шығыңыз. Түстерін, размерін, кнопкаларды қойып, настройкасымен толыққанды танысып шығыңыз.
4. Сайт жасау барысында қолданылған стандартты блоктардың настройки бөлімі және олардың өзара айырмашылықтары.
Видеосабақта настройки бөлімдерінің түрлері және олардың айырмашылықтары көрсетілген. Блокаралық разделитель, беговая страканы қалай жасаймыз, блокты зиг-заг етіп жасау жолдары көрсетілді.
Cонымен қатар стандартты блоктармен анимацияны қалай жасаймыз, тексттердің, кнопканың оң жақтан, сол жақтан, төменнен және жоғарыдан шығуы үшін анимация беруі көрсетілді.
Үй тапсырмасы:
Электромантаж сайтын толыққанды қайталап, дәлме- дәл жасап, стандартты блоктардың анимациясымен жұмыс жасап көріңіз , сілтемесін чатқа жіберіңіз.
Домен дегеніміз сайттың официальный адрес. beline.kz, kazmunaugaz.kz секілді аяқталатын сайт адресін домен деп атаймыз. .kz, .ru, .com деп аяқталады. Бұл официальный адрестерді арнайы сайттардан сатып аламыз. Мен қазір бір доменді сатып алғалы жатырмын компанияға арнап, сол доменнің мысалында қалай аламыз, қалай регистрация жасаймыз , қалай төлем жасап аламыз және оны тильдамен қалай байланыстырамыз барлығын көрсететін боламын.
Үй тапсырмасы:
Сізге сайтқа тапсырыс түскен кезде доменнің бос/бос еместігін көру үшін сабақты қарап алыңыз, оплатаға дейінгі барлық этапты практикада қолданып көріңіз.
6. SSL сертификат деген не?Оны қалай аламыз?
Домен жалғанғаннан кейін сайтты ссылкамен ашқан кезде "Не защищено" деп шығып тұрады. Яғни, Гугл біздің жасаған сайымызды небезопасный сайт деп шығарады. Біз оны қалай түзете аламыз, қалай сертификат ала аламыз соны сабақта көрсеттім.
Үй тапсырмасы:
Өзіңіз SEO настройкасы қай жерде екенін , қалай алуға болатындығын қарап көріңіз. Домен алған кезде міндетті түрде осы настройкаларды жасаңыз.