Бул 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 Error" баракчасы пайда болот. Көпчүлүк браузерлер 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" сыяктуу), сиз ай сайын же жыл сайын төлөм төлөшүңүз керек болот.
- Плагиаттан алыс болуңуз жана автордук укуктун бардык мыйзамдарын үйрөнүңүз. Уруксатсыз интернеттен же структуралык элементтерден туш келди сүрөттөрдү кошпоңуз.
