Бұл wikiHow сізге тегіс, кәсіби көрінетін веб-сайтты құруды үйретеді. Сіз өзіңіздің сайтыңыздың дизайны туралы шешім қабылдауға еркін болсаңыз да, веб -сайтты құруда бірнеше маңызды нәрселерді ескеру қажет.
Қадам
2 бөлімнің 1 бөлігі: Сайт дизайнын құру
Қадам 1. Веб -сайт жасаушыны қолданғыңыз келетінін шешіңіз
Веб -сайтты нөлден құру HTML кодын егжей -тегжейлі түсінуді қажет етеді, бірақ сіз Weebly, Wix, WordPress немесе Google Sites сияқты ақысыз хостинг қызметін пайдалана отырып сайт жасай аласыз. Веб -сайт жасаушылар HTML -ге қарағанда жаңадан дизайнерлерге қарағанда әлдеқайда жеңіл болады.
- Егер сіз өзіңізді кодтауды шешсеңіз, HTML және CSS кодтауды үйренуіңіз керек.
- Егер сіз өзіңіздің веб -сайтыңызды құруға уақыт пен күш жұмсамағыңыз келсе, сіз веб -дизайнерді жалдай аласыз. Фрилансер дизайнерлерінің қызметтері әр түрлі болады, олардың кейбіреулері сағатына, ал кейбіреулері жобаға ақы төлейді, олардың жалпы ауқымы миллионнан ондаған миллион рупияға дейін.
Қадам 2. Сайт картасын жасаңыз
Веб -сайт жасаушыны ашпас бұрын, сіз сайтта қанша беттер бар екенін, әр бетте қандай мазмұн бар екенін және «Басты бет» және «Туралы» сияқты маңызды беттердің жалпы орналасуын анықтауыңыз керек.
Сізге көлеңке емес, өрескел кескіндер жасау арқылы сайтыңыздың беттерін визуализациялау оңай болады
Қадам 3. Интуитивті дизайнды қолданыңыз
Жаңа идеялар әдетте қызықты болғанымен, негізгі дизайн келесі жалпы ережелерге сәйкес келуі керек:
- Шарлау опциялары (мысалы, әр түрлі беттерге арналған бірнеше қойындылар) беттің жоғарғы жағында орналасуы керек.
- Егер сіз мәзір белгісін (☰) қолдансаңыз, ол беттің сол жақ жоғарғы бұрышында болуы керек.
- Егер сіз іздеу жолағын қолдансаңыз, оны беттің оң жақ жоғарғы жағына қойыңыз.
- Пайдалы сілтемелер (мысалы, «туралы» немесе «бізбен байланыс» беттеріне сілтемелер) беттің төменгі жағында болуы керек.
4 -қадам. Тұрақты болыңыз
Сіз таңдаған мәтінге, түстер палитрасына, сурет тақырыбына және дизайнға қарамастан, сіздің сайтта бірдей шешімдерді қолданғаныңызға көз жеткізіңіз. Пайдаланушылар «туралы» бетіндегі қаріп пен түс схемасы бастапқы бет үшін қолданылғаннан мүлде өзгеше екенін көріп таң қалады.
- Мысалы, егер сіз бастапқы бет үшін жұмсақ түсті қолдансаңыз, келесі бетте ашық түсті қолданбаңыз.
- Ашық немесе соқтығысатын түстерді қолдану, әсіресе динамикалық түрде көрсетілген (немесе қозғалатын) түстерді қолданушылардың аз бөлігінде ұстаманы немесе эпилептикалық ұстаманы тудыруы мүмкін екенін ескеріңіз. Егер сіз осындай түсті қолдануды шешсеңіз, қаралатын беттің алдында «ұстау қаупі» туралы ескертуді қосқаныңызға көз жеткізіңіз.
Қадам 5. Шарлау опцияларын қосыңыз
Басты беттің үстіндегі маңызды беттерге тікелей сілтемелерді қою олар үшін маңызды мазмұнға жаңа келушілерге көмектеседі. Веб -сайт жасаушылардың көпшілігі бұл сілтемені әдепкі ретінде қосады.
Сайттың барлық беттеріне тек бет адресі арқылы кіруге емес, сайт ішіндегі опцияны басу арқылы қол жеткізуге болатынын қамтамасыз ету маңызды
Қадам 6. Сәйкес түстерді қолданыңыз
Дизайндың барлық түрлері сияқты, веб -сайт дизайны жағымды түстер комбинациясына сүйенеді. Сондықтан сәйкес келетін түсті таңдау өте маңызды.
Егер сіз түсініксіз болсаңыз, қара, ақ және сұрдан бастаңыз
Қадам 7. Минималистік дизайнды қарастырыңыз
Минималистік тұжырымдамасы керемет тондарды, қарапайым графиканы, ақ фонда қара мәтінді беттерді және мүмкіндігінше аз безендіруді қолдайды. Минималистік дизайн өте аз элементтерді қажет ететіндіктен, сіздің сайтыңызды көп күш жұмсамай -ақ кәсіби және тартымды етіп көрсетудің оңай нұсқасы.
- Веб -сайт жасаушылардың көпшілігі «минималистік» тақырыпты ұсынады, оны сіз веб -сайт жасау кезінде таңдай аласыз.
- Минималистік альтернатива - қатал сөздер, ашық түстер, қою мәтін және минималды графиканы қолданатын «қатыгездік». Минималистерге қарағанда қатал дизайнды қолданушылар әлдеқайда аз, бірақ егер мазмұн сәйкес болса, бұл дизайн жақсы таңдау болуы мүмкін.
Қадам 8. Бірегей опцияларды қолданыңыз
Торлы және түзу элементтер қауіпсіз таңдау болып табылады, бірақ кейбір ерекше стильдер жеке әсер береді және сіздің сайтыңызды басқалардан ерекшелендіреді.
- Қабатты көрініс жасау үшін сайттың асимметриялық элементтерін орналастыру немесе жинақталған элементтерді қолдану арқылы трендті бұзудан қорықпаңыз.
- Талғампаз, өткір қырлы шаршы элементтер (картаға негізделген презентация деп аталады) жұмсақ, дөңгеленген элементтерге қарағанда қажет емес.
2/2 бөлігі: Сайт өнімділігін арттыру
Қадам 1. Автокөлікті оңтайландыру опцияларын пайдаланыңыз
Мобильді браузерлер жұмыс үстелі браузерлеріне қарағанда көбірек трафик әкеледі. Бұл мобильді нұсқаға назар аудару, кем дегенде, жұмыс үстелі сайттарын әзірлеумен бірдей болуы керек дегенді білдіреді. Автомобиль жасайтын веб-сайттардың көпшілігі автокөліктің нұсқасын жасап қойған, бірақ мобильді сайттар үшін келесі ақпаратты есте сақтаңыз:
- Түймелердің (мысалы, сайт сілтемелерінің) үлкен және түртуге оңай екеніне көз жеткізіңіз.
- Мобильді құрылғыларда көрінбейтін мүмкіндіктерден аулақ болыңыз (мысалы, Flash, Java және т.б.).
- Сіздің сайтыңызға автокөлік қосымшасын құруды қарастырыңыз.
Қадам 2. Бір бетке тым көп фото салмаңыз
Жұмыс үстелі мен мобильді браузерлерде кейде көптеген фотосуреттер немесе бейнелер бар беттерді жүктеуде қиындықтар болады. Веб -дизайнда суреттер өте маңызды болғанымен, бір бетке баспа материалының шамадан тыс жүктелуі жүктеу уақытын ұзартуы мүмкін және бұл пайдаланушыларды сол беттерге кіруден бас тартады.
Жалпы, бетті жүктеу төрт секундтан аз уақытты алуы керек
Қадам 3. «Байланыс» бетін қосыңыз
Сіз көптеген сайттарда байланыс ақпаратын (телефон нөмірі мен электрондық пошта мекенжайы сияқты) қамтитын «Бізбен байланысу» беті бар екенін байқай аласыз. Шындығында, кейбір сайттар бұл бетте сұраудың автоматтандырылған формасын ұсынады. «Байланыс» беті - бұл сайтқа кірушілер мен сіз арасындағы тікелей байланыс желісі, демек, бұл келушінің сұрағы мен көңілсіздігінің шешімі.
Қадам 4. Таңдамалы 404 бетті жасаңыз
Келуші жасалмаған немесе жоқ белгілі бір бетке келгенде, «404 қатесі» беті пайда болады. Көптеген браузерлер кіріктірілген 404 бетті ұсынады, бірақ сіз оның көрінісін веб-сайт жасаушы параметрлерінен реттей аласыз. Егер сіз реттелетін 404 бетті жасағыңыз келсе, келесі мәліметтерді енгізіңіз:
- Күлкілі және көңілді қате туралы хабарлар (мысалы, «Құттықтаймыз, сіз қате бетіне кірдіңіз!»)
- Негізгі бетке сілтеме
- Әдетте келушілер көретін сілтемелер тізімі
- Сіздің сайтыңыздың бейнесі немесе логотипі
Қадам 5. Мүмкін болса, іздеу жолағын енгізіңіз
Егер сіз қолданатын веб -сайтты құру әдісі іздеу жолағын қосуды қолдайтын болса, оны қосуды ұсынамыз. Бұл пайдаланушыларға барлық шарлау опцияларын баспай -ақ, іздеген нақты бетті немесе мазмұнды табуға мүмкіндік береді.
Іздеу жолағы келушілер кездейсоқ беттерге жүгінбей -ақ жалпы терминдерді іздегісі келгенде өте пайдалы
Қадам 6. Басты бетке көбірек назар аударыңыз
Келушілер басты бетке кіргенде, олар сіздің сайтыңыздың тақырыбының мәнін білуі керек. Сонымен қатар, негізгі беттің барлық элементтері жылдам жүктелуі керек, соның ішінде навигация опциялары мен суреттер. Басты бет сонымен қатар келесі аспектілерді қамтуы керек:
- Әрекетке шақыру (мысалы, басу түймесі немесе толтыру үшін пішін)
- Құралдар тақтасы немесе шарлау мәзірі
- Шақыру графикасы (мысалы, қатты фотосурет, бейне немесе қосымша мәтіні бар бірнеше фотосуреттер)
- Сіздің сайттың қызметіне, тақырыбына немесе фокусына қатысты кілт сөздер
Қадам 7. Әр түрлі браузерлер мен платформаларда сайтыңызды тексеріңіз
Бұл өте маңызды, себебі браузерлер веб -сайттың аспектілерін әр түрлі өңдейді. Сайтты жарнамаламас бұрын, Windows, Mac, iPhone және Android платформаларында келесі браузерлерде өз сайтыңызды ашып көріңіз:
- Google Chrome
- Firefox
- Safari (тек iPhone мен Mac үшін)
- Microsoft Edge және Internet Explorer (тек Windows)
- Кейбір Android телефондарының әдепкі браузері (Samsung Galaxy, Google Nexus және т.б.)
Қадам 8. Сайтты жаңартып отырыңыз
Дизайн трендтері, сілтемелер, фотосуреттер, түсініктер мен кілт сөздер үнемі өзгеріп отырады. Сонымен, сіз де заман ағымына сай болу үшін үнемі өзгеріс енгізуіңіз керек. Сіз өз сайтыңыздың өнімділігін тексеріп, оны ұқсас сайттармен кемінде үш айда бір рет салыстыруыңыз керек (жақсырақ жиі).
Кеңестер
- Қол жетімділік сонымен қатар веб -сайтты дамытуда маңызды аспект болып табылады. Қол жетімділікке есту қабілеті нашар келушілерге арналған сипаттамалар, көру қабілеті нашар келушілерге арналған аудио сипаттамалар және сіздің сайтыңызда ұстаманы тудыруы мүмкін әсерлер қолданылған жағдайда фотосезімталдық туралы ескертулер кіреді.
- Веб -сайт жасаушылардың көпшілігі қалаған элементтерді қоспас бұрын орналасуы мен дизайнын анықтауға болатын шаблондарды ұсынады.
Ескерту
- Көптеген авторлық сайттар ақысыз, бірақ егер сіз өзіңіздің жеке доменіңізді пайдаланғыңыз келсе (мысалы, «www.yourname.wordpress.com» орнына «www.yourname.com») қолданғыңыз келсе, сізге ай сайынғы немесе жылдық ақы төлеу қажет болады.
- Плагиаттан аулақ болыңыз және авторлық құқық туралы барлық заңдарды біліңіз. Рұқсатсыз интернеттен кездейсоқ суреттерді немесе құрылымдық элементтерді қоспаңыз.
