Өткен ғасырда веб-парақтың орналасуы бірнеше кәсіпқойлардың иелігінде болды. Технологияның жетістіктері бұл тапсырманы едәуір жеңілдетті. Енді кез-келген Интернет қолданушысы веб-сайт жасай алады.
Бұл қажетті
- - веб-парақтың орналасуына арналған бағдарламалық жасақтама;
- - дизайн элементтерін құруға арналған растрлық графикалық редактор.
Нұсқаулық
1-қадам
Сайтта болатын элементтердің тізімін жасаңыз. Бұл навигациялық мәзір, іздеу формасы, жарнама немесе ақпараттық баннер, достар тізімі сияқты компоненттер болуы мүмкін. Жобаның атауы әдетте парақтың жоғарғы жағында көрсетіледі, көлденең навигациялық мәзір болуы мүмкін. Орталық бөлік сайттың негізгі мазмұнына бекітілген. Беттің төменгі жағында әдетте қатысушылардың есептегіштері орналастырылады, кері байланыс үшін байланыс ақпараттары.
2-қадам
Графикалық редакторда веб-сайттың макетін жасаңыз. Мұндағы басты міндет - элементтердің сыртқы түрін, олардың өзара орналасуын анықтау. Тым ашық түстерді пайдаланбаңыз. Бейтарап түстер палитрасы жақсы қабылданады. Блоктар үшін тұрақты стильді қолданыңыз. Дизайнды мүмкіндігінше ыңғайлы етіп жасауға тырысыңыз. HTML және CSS-те іске асырылуы қиын элементтерден аулақ болыңыз.
3-қадам
Беттің орналасуын растрлық форматта сапаны жоғалтпай сақтаңыз. HTML көмегімен көрсетілетін стиль элементтерін анықтаңыз. Бұл мәзірлер, сілтемелер, кестелер, іздеу формалары болуы мүмкін. Қалған элементтерді макеттен бөліп алып, оларды жеке файлдарда сақтаңыз. Қатты дискіде екі мәтіндік құжат жасаңыз. Олардың біреуінің кеңейтілуін.htm етіп өзгертіңіз. Онда элементтердің өзара орналасуына жауап беретін код болады. Екінші файлда стильдер кестесі болады.
4-қадам
Бірінші файлды HTML редакторында ашыңыз. Растрлық файлдарда бұрын сақталған дизайн элементтерін параққа орналастырыңыз. HTML-де көрсету қажет мәтіндік сілтемелер, кестелер және басқа элементтер жасаңыз. Түс, қаріп өлшемі, шекаралардың болуы сияқты элементтердің атрибуттары CSS файлына жазады. Егер сізге бет элементтерін анимациялау қажет болса, JavaScript қолданыңыз.
