#1 слайд
Сайт дизайнын әзірлеу Барлық оқушы: Python программалау тілінде жолдық функцияларды анықтайды Көпшілік оқушы: Жолдық функциялардың қызметтерін салыстырады Кейбір оқушы: Жолдық функцияларды қолданып есептерді программалайды

1 слайд

#2 слайд
Сайт – өзіндік адресі бар, жеке иесі бар, бөлек веб- беттерден құралған әлемдік желідегі белгілі бір орын. Әрбір сайттың барлық парақшалары белгілі адреспен, тақырыппен, жүйе және дизайн мен біріктіріледі.

2 слайд

#3 слайд
Жаңа сабақты түсіндіру. Ойланыңдар: Дизайн дегеніміз не? Сұрағын қою арқылы оқушылармен ой қозғау. Сабақтың тақырыбын түсіндіру. Сендер оқып үйренесіңдер: Web-сайтты қалай жобалауды;  Терминдер  •web-бет−web-страница−web-page;  •web-сайт− web-сайт−web-site  •макет−макет−layot. 

3 слайд

#4 слайд
Есте сақтаңдар!  Web-сайт−бұл логикалық өзара байланысты программалық қамтамасыз ету және ақпарат пен медиа құралдарының жиынтығы. Сайт жасау процесі 3 кезеңге бөлінеді: •Жобалау •Дизайн •Өңдеу(беттеу)

4 слайд

#5 слайд
Жобалау− “Біздің мақсатымыз қандай? Мақсатымызды қалай жүзеге асырамыз? Сайт қалай жұмыс істейді?”деген сұрақтарға жауап беретін web-сайт құрудағы негізгі қадам Сайттың құрылымын жасау Web-сайттың құрылымы осы сайттың бөлімдерінен тұрады, оған сәйкес навигация менюі құрылады және жобаның дизайны жасалады. Дайын материалдар тақырыптары мен элементтері бойынша жіктеледі. Сайттың макетін дайындау Сайттың макеті − болашақ сайттың графикалық видеосы.  Сайтқа арналған эргономикалық көлденең үлгі Хедер−Header−сайттың тақырыбы немесе тақырыпшасы. Ол беттің жоғарғы бөлімінде орналасады. Сайттың негізгі бөлімі (негізгі контент бөлігі). Бұл блокта сайттың барлық мәтіндік, графикалық, аудио және видеокотенті, баннер орналастырылады.

5 слайд

#6 слайд
Сайдинг−Sidebar−бұл мәзір орналастырылған сайттың бүйірлік бағаны және ол сайттың барлық беттерінде өзгермейді. Футер−Footer−сайттың авторлары мен жарнамалық сілтемелері туралы мәліметтерді орналастыруға болатын ең төменгі блок. 1-тапсырма : Берілген терминдер мен анықтамаларды сәйкестендіріңіз

6 слайд

#7 слайд
Жеке жұмыс. 1-тапсырма : Photoshop графикалық редакторында сайттың макетін жасаңыз  Дескрипторлар: •Терминдік сөздерді таңдайды; •Терминге сәйкес анықтаманы анықтайды. Дескрипторлар: •Photoshop-ты ашып және сол жерде жаңа құжат жасайды; •Құжаттың енін 1500 пиксель және биіктігін 1000 пиксель деп көрсетеді; •Қажетіне қарай сызығыштарды қосады; •Қаріптің өлшемі тармақтармен, пиксельмен көрсетілгенін тексереді; •Сайттың  түптөсемесін (подложка) жасайды; •Ағымдағы  қабатқа арнап градиентті қолданады;

7 слайд

#8 слайд
Сұрақтар: Сайттың қандай түрлерін білдіңдер? •Web-сайт құрудың қандай кезеңдерін білесіңдер? •Макет дегеніміз не?Ол не үшін құрылады? •Web-беттің негізгі элементтерін атаңдар.

8 слайд

#9 слайд
Кері байланыс: «Сенім ағашы» әдісі  Оқушылар сабақта не білгенін және не білгісі келетінін стикерге жазып, сенім ағашына жапсырады.

9 слайд