Өз веб-сайтыңызды құрудың маңызды қадамдары: 3 қарапайым әдіс, қадамдық нұсқаулық

Жаңартылған: 21 қазан 2020 / Мақала авторы: Джерри Лоу

Веб-сайтты құру 2020-де өте оңай.

Сізге техникалық маман немесе бағдарламашы болу қажет емес.

Тиісті әдісті орындаңыз. Оң платформаларды таңдаңыз. Тиісті құралдарды пайдаланыңыз. Сіз 100% айыппұл болады.

Мен 2004-де онлайн-бизнесімді алғаш рет бастаған кезде, веб-әзірлеуде нөлдік білімім болған. Мен веб-әзірлеушіні он бір жылдан кейін жалға алмадым. Мен жақсы болдым.

Бүгінгі таңда бізде инновациялық даму құралдары және веб-баспа платформалары жақсы.

Веб-сайтты құрудың үш әдісі бар:

  1. Нөлден бастап жасау
  2. Мазмұнды басқару жүйесін пайдалану (CMS)
  3. Веб-сайт құрастырушысын пайдалану

Сіз №1 әдісімен дизайн мен сайт функцияларына икемді боласыз, бірақ бұл үшін веб-тілдерді жақсы білу қажет.

Веб-сайтты құру және басқару процедурасы №2 және №3 әдістерімен едәуір жеңілдейді. Сіз өзіңіздің біліктілігіңізге байланысты осы әдістердің бірін таңдауыңыз керек.

Біз осы үш әдістің әрқайсысын және төмендегі барлық қадамдарды қарастырамыз.

1. Доменді тіркеңіз

Домен - сіздің веб-сайтыңыздың атауы. Ол бірегей болу керек және сіздің бизнесіңіздің бренді болу керек.

Доменді іздеу және тіркеудің ең оңай жолы - домен тіркеушісіне бару.

Домен тіркеушісі жыл сайынғы келісімшарттар немесе ұзақ мерзімді келісімшарттар арқылы сіздің доменіңізді тіркеуге мүмкіндік береді.

Доменді қайда тіркеуге болады

Мұнда бірнеше беделді домен тіркеушілері және олардың бастапқы бағасы қарастырылады.

Тіркеушілер.com .NET
123 Рег£ 11.99 / жыл£ 11 .99 / жыл
Domain.com$ 9.99 / жыл$ 10.99 / жыл
Ганди€ 12.54 / жыл€ 16.50 / жыл
GoDaddy$ 12.17 / жыл$ 12.17 / жыл
Арзан атыныз$ 10.69 / жыл$ 12.88 / жыл
Желілік шешімдер$ 34.99 / жыл$ 32.99 / жыл

Tips

  • Егер сізде домендік атауды анықтау қиын болса, идеялар үшін сіз әрқашан домендік генераторларды пайдалана аласыз. Кейбір танымал адамдар Wordroid және Жіберілген доменді іздеу.
  • Егер сіз жаңадан болсаңыз, баруға кеңес беремін Namecheap домендік атауды табу және сатып алу.
  • Сондай-ақ оқыңыз - Домендердің домен атауы.

2. Веб-хост сатып алыңыз

A веб-хост бұл сіздің веб-сайтыңызды сақтайтын үлкен компьютер (ака, сервер). Amazon, IBM және FB сияқты кейбір алып компаниялар өздерінің веб-серверлеріне иелік етеді және басқарады; басқа кәсіпорындар өз серверлерін хостинг провайдерінен жалға алады (бұл әлдеқайда арзан және жеңіл).

Ескерту: Сайтты жасау үшін веб-сайт құрастырушысын таңдасаңыз, осы қадамды өткізіп жіберіңіз (#3 қадамын қараңыз).

Хостингте сіздің таңдауыңыз қандай?

Веб-хостинг бүгінде әр түрлі пакеттерде болады. 

Дәстүр бойынша веб-хостинг провайдері серверлерді негізгі бағдарламалық жасақтамамен және техникалық қолдаумен жалға берумен ғана айналысады. Дәстүрлі хостинг провайдерімен веб-сайтыңызды орналастыру әдетте арзан және икемді болады; бірақ веб-сайтты орнату үшін сізге қосымша жұмыс қажет.

Қазіргі уақытта компаниялар әртүрлі қызметтерді біріктіреді және пайдаланушыларға бір қызмет провайдерінен веб-сайттар құруға, орналастыруға және басқаруға мүмкіндік береді. Біз әдетте бұл компанияларды Веб-сайт құрастырушылары немесе Интернет-дүкен құрастырушылары деп атаймыз. Осы «бума» платформаларда веб-сайтты орналастыру әдетте қымбат және икемді емес; бірақ сіз оңай веб-сайт немесе интернет-дүкен құра аласыз.

Кейбір жаңа хаттармен танысу хостинг қызметін тексеру.

Веб-хостТіркелуЕскертпелер
A2 хостинг$ 4.90 / М.О.Жылдам веб-хост, жаңадан достық.
BlueHost$ 3.95 / М.О.Арзан тіркелу бағасы, жаңадан келгендер достық.
Hostgator бұлты$ 8.95 / М.О.Қолайлы баға, сенімді сервер.
HostPapa$ 3.36 / М.О.Экоэкономикалық веб-хост, эксклюзивті жеңілдік.
InMotion хостингі$ 3.49 / М.О.Арзан тіркеу бағасы, сенімді сервер.
SiteGround$ 5.95 / М.О.Өнеркәсіп #1 тірі чат қолдау, қатты веб-хост.

Tips

  • Хостингтің әр түрлі түрлері бар: ортақ хостинг, арнайы серверлік хостинг және бұлтты / VPS хостинг.
  • Егер сіз шағын веб-сайт болсаңыз, хостингтің ортақ жоспарларына бару арзанырақ. Үлкен сайттарға бұлтты немесе арнайы хостингті пайдалану ұсынылады.
  • Веб-хостты таңдамас бұрын ескеру керек кейбір негізгі қасиеттер - бұл баға, сервер жылдамдығы және жұмыс уақытының жылдамдығы. 
  • Бүгінгі күнге дейін біз 60 хостинг компанияларына қарағанда, тіркелдік, тестілендік және қайта қарадық. Біздің қараңыз 10 хостинг таңдаулары or Хостинг шолуларының толық тізімі.
  • Сияқты дүкен құрастырушысын пайдалануды қарастырыңыз Shopify or BigCommerce егер сіз өз веб-сайтыңыздан өнімді сатуды жоспарласаңыз.
  • Сондай-ақ оқыңыз - Веб-хост үшін қанша төлеу керек

3. Веб-сайтыңыздың дизайнын жасаңыз

Домендік атыңыз бен веб-хостингіңіз болғаннан кейін, жеңдеріңізді жинап, жасауды бастауға уақыт келді! Веб-беттерді жобалау және құру үшін сіз веб-әзірлеушіні жалдай аласыз немесе оны өзіңіз жасай аласыз.

Біз егжей-тегжейлі талқылаймыз мұнда веб-дамыту тапсырмасын аутсорсингке қалай беруге болады. Егер сіз өзіңіздің сайтыңызды дамыту үшін біреуді жалдағыңыз келсе, келесі қадамдарды өткізіп, сол бетке өтуіңіз керек.

DIYers үшін веб-сайтты жобалаудың үш қарапайым әдісі:

#1 әдісі: веб-сайтты нөлден жасау

Қажетті дағдылар мен құралдар

Негізгі веб-тілдерді және веб-сайттың негізін білсеңіз, бірегей және ерекше веб-сайтты өзіңіз жасай аласыз.

Әйтпесе, #2 / 3 әдісіне өтуіңіз жөн. немесе веб-әзірлеушіге хабарласыңыз.

Сіз білуі керек негізгі веб-тілдер / құралдар:

  • HTML (Hyper мәтінді белгілеу тілі)
    HTML - бұл веб-беттер мен веб-қосымшалардың негізгі құрылымы, бұл мазмұнды веб-шолғышқа семантикалық етеді. Ол ашылатын және жабылатын дәйекті тегтерден және құрылымдық жағынан бұрыштық жақшалармен қамтылған кілт сөзінен тұрады. Мысалы:
  • CSS (Cascading Style Sheets)
    CSS - веб-беттің HTML түзетулерін безендіру үшін қолданылатын сәндеу тілі. С CSS болмаса, веб-бет ештеңеге қарамай, үлкен ақ парақшаға қарағанда кейбір реттелмеген мәтіні мен бейнесі бар. CSS - бұл парақты біз қалай жасағымыз келетінін тамаша етеді.
  • Сценарийлер тілдері
    HTML және CSS - сценарий тілдерінсіз ешнәрсе емес, өйткені олар интерактивті емес. Пайдаланушыларға жауап беретін динамикалық веб-бетті жасау үшін сізге JavaScript және jQuery сияқты тілдер қажет. PHP, Python және Ruby сияқты серверлік тілдер уақыт өте қажет болуы мүмкін.
  • Дерекқорды басқару
    Веб-сайттың пайдаланушы кіріс деректерін сақтау, басқару және оларға қол жеткізу үшін дерекқор деп аталатын үлкен ақпарат кестесі қарастырылады. Сервер жағында MySQL, MongoDB және PostgreSQL сияқты дерекқорды басқару жүйесі бұл жұмысты тиімді орындау үшін қолданылады.
  • FTP (Файлды тасымалдау протоколы)
    FTP веб-сайттың бастапқы файлдарын орналастырылған серверге оңайырақ беру үшін пайдаланылады. Серверлік компьютерге файлдарды жүктеу үшін пайдаланылатын веб-негізделген, сондай-ақ компьютерлік бағдарламалық жасақтама негізінде FTP клиенттері бар.

IDE арқылы қадамдық веб-сайтты құру процесі

Жоғарыда айтылған негізгі веб-тілдер мен веб-сайттың негізгі ережелерін білетін болсаңыз, бірінші қол жетімді веб-торапты қалай жасай алатыныңыз туралы қысқаша шолу.

1-қадам: Жергілікті жұмыс ортасын орнату 

Субтитр мәтінінің жұмыс ортасын скриншот.

Веб-сайттың бастапқы файлдарын құру және ұйымдастыру үшін жақсы жергілікті жұмыс ортасы маңызды. IDE (Integrated Development Environment) орнату арқылы компьютеріңіздің құрылғысында веб-әзірлеу ортасын жасауға болады. IDE негізінен мәтінді редактордан, автоматтандырылған автоматтандырудан және түзету құралыдан тұрады.

Жоғары мәтін және атом HTML, CSS, JS, PHP, Python және соған ұқсас веб-тілдерге қолдау көрсететін веб-әзірлеуге арналған негізгі IDE-лер.

Екінші жағынан, ұқсас IDEs бар Adobe Dreamweaver ол бірнеше басқа мүмкіндіктерді ұсынады (Ex: Сервер қосылымы, FTP).


2 қадамы: Adobe Photoshop арқылы веб-сайтыңызды жоспарлаңыз және жасаңыз

Веб-сайт құрылымын және навигация жүйесін жоспарлау өте маңызды. Біріншіден, сіз мазмұнды жеткізгіңіз келетінін түсінуіңіз керек. Навигациялық мәзірлердің қаншасын, қанша бағанды ​​немесе мазмұн өрістерін, қанша кескінді қосқыңыз келетінін және қайда орналасқанын жоспарлаңыз.

Ең жақсы тәжірибе Adobe Photoshop-ті ашып, веб-беттеріңіздің қатал сызбасын жасау болып табылады. Әр түрлі беттерге, мысалы, басты бетке, бет туралы, байланыс бетіне, қызмет бетіне және т.б. болуы мүмкін.

Мысалдар - біз 2016 жылдың желтоқсанында сайтты жаңарту кезінде жасаған макеттер.

3 қадамы: Дизайнды HTML және CSS арқылы кодтау

Adobe Photoshop бағдарламасындағы веб-беттеріңіз үшін өрескел дизайн жасауды аяқтағаннан кейін, бастапқы кодты жазуды бастауға болады.

Бұл ең оңай бөлігі. Веб-элементтерге арналған HTML түзетулерін енгізіңіз де, CSS-ді сіз жасаған дизайны бойынша безендіру үшін қолданыңыз.


4 қадамы: JavaScript және jQuery көмегімен оны динамикалық етіңіз

Қазіргі уақытта тек HTML және CSS негізіндегі веб-сайттар жоқ, өйткені пайдаланушылардың өзара әрекеттесуін HTML немесе CSS арқылы басқару мүмкін емес.

JavaScript, және, мысалы, жақсартылған кітапхана, jQuery сияқты сценарийлік тілдерді, пішіндерге, логиндерге, жүгірткілерге, мәзірлерге немесе сізге қажет жерде пайдаланушы әрекеттерін бақылау үшін пайдалануға болады.


5 қадамы: FTP клиенті арқылы серверге жергілікті файлдарды жүктеңіз

Соңғы қадам - ​​барлық бастапқы файлдарды веб-серверге жүктеу. Оны өңдеудің ең жақсы және оңай жолы - FTP клиенті арқылы.

Алдымен FTP клиентін компьютер құрылғысына жүктеп, веб-серверіне FTP тіркелгісін қолданып қосыңыз. Сіз оны FTP тіркелгісіне сәтті қосқаннан кейін, барлық жергілікті файлдарды веб-каталогыңыздың түбіріне көшіріңіз. Кейбір жақсы FTP клиенттері FileZilla, WinSCP және Cyberduck.

#2 әдісі: CMS бар веб-сайтты құру

Қажетті дағдылар мен құралдар

  • Knwoledge: Компьютер мен Интернет жұмысының негізгі түрі; HTML, CSS және PHP (негіздерді білсеңіз міндетті емес, бірақ жақсы)
  • Құралдар: WordPress, Joomla, және Drupal

CMS немесе Мазмұнды Басқару Жүйесі тәжірибелі веб-әзірлеушілерге күнделікті жұмысқа кіріскендерге сәйкес келетіндіктен тактикалық түрде салынған.

Бұл желідегі мазмұнды оңай жасауға және басқаруға мүмкіндік беретін бағдарламалық жасақтама қосымшасы. Олардың көпшілігі ашық дереккөз болып табылады және қолдануға болады.

HTML, CSS немесе PHP негіздерін білсеңіз, сізге тиімді. Бұл платформалар өте интуитивті екенін білмейтін болсаңыз, бұл үлкен мәселе емес. Міне, сіздің қажеттілігіңізге қарай таңдай алатын CMS платформаларының үш үздік нұсқасы.

Жылдам салыстыру

МүмкіндіктерWordPressJoomlaDrupal
құныТегінТегінТегін
Пайдалану311,682 млн26,474 млн31,216 млн
Тегін тақырыптар4,000 +1,000 +2,000 +
Тегін плагиндер45,000 +7,000 +34,000 +

Сондай-ақ оқыңыз - Салыстырылған ең жақсы CMS (2018) - WordPress vs Joomla vs Drupal

WordPress

WordPress әртүрлі статистикалық мәліметтерге сәйкес, блогтар мен шағын және орташа мөлшердегі веб-сайттарда қолданылуда. Дегенмен, көптеген күшті веб-сайттар қарапайымдылығы үшін WordPress-ді ұнатады. WYSIWYG редакторы - алғашқы мазмұнды орналастыру үшін үйрену керек нәрсе.

Бұл платформа бастаушыға институционалды, сондай-ақ веб-әзірлеушілердің әртүрлі сыныптары бойынша қатты дамып келеді. Оны өз репозиторийінде көптеген тегін плагиндер мен тақырыптар бар. #1 CMS таңдауы бола тұра, көптеген жағынан үшінші тараптың ресурстары бар.

WordPress тақырыптарының таңдаулары.

артықшылықтары

  • Жоғары икемді және теңшелетін
  • Қолдануға оңай,
  • Оқу ресурстарының көлемі,
  • Тамаша қоғамдастық және қолдау

Минус

  • Негізгі визуализация үшін код қажет
  • Жаңартулар плагиндермен байланысты мәселелерге себеп болуы мүмкін

Көбірек білу үшін

Joomla

Joomla көп жағынан WordPress-ке ұқсас. Сондай-ақ, оны пайдалану оңай, орнату оңай, модульдердің көмегімен оңай кеңейтіледіWordPress плагиндерінің эквиваленті. Нәтижесінде бұл жаңадан бастағандар үшін екінші нұсқасы.

Дегенмен, жаңадан бастағандар қол жетімді опциялардың салдарынан Joomla-ны зерттеу үшін қорқытуы мүмкін. Сол мәзірден басқа жоғарғы панельдегі «Басқару панелі» логотипі үстінде орналасқан мәзір де бар. Шатастырмауды болдырмау үшін сол және үстіңгі жолақ мәзірлерінің кейбір элементтері «Мазмұн», «Пайдаланушылар» және «Кеңейтімдер» сияқты бірдей екенін есте сақтаңыз.

WordPress сияқты, Joomla-да сіздің сайтыңызға ерекше көрініс бере алатын бірнеше стильдер мен шаблондар бар. Мазмұнды басқарудың барлық үш жүйесінің ішінен Joomla әлеуметтік желіні құруға келгенде ең оңай шешімді ұсынады. EasySocial және JomSocial сияқты платформалармен сіз өзіңіздің жеке әлеуметтік желі веб-сайтыңыздан бірнеше минуттық жердесіз.

Joomla жүйесінде.

артықшылықтары

  • Техникалық тұрғыдан жетілдірілген
  • Веб-сайттар әдетте жақсы жұмыс істейді
  • Кәсіпорын деңгейіндегі қауіпсіздік

Минус

  • Модульдерді сақтау қиын
  • Орташа CMS - WordPress сияқты оңай емес, Drupal сияқты жетілдірілмеген

Қосымша ақпарат

Drupal

Тәжірибелі веб-әзірлеушілер Drupal ең қуатты CMS екендігін дәлелдейді.

Дегенмен, оны пайдалану өте қиын. Өзінің икемділігі арқасында Drupal әлемдегі екінші ең көп қолданылатын CMS болып табылады, бірақ бұл жаңадан бастаушылар арасында сүйікті емес. Drupal-ді пайдалана отырып, «толық» веб-сайтты сәтті құру үшін қолдарыңызды лас және кодтау негіздерін үйрену керек. CMS-ді білу жаңадан бастаушыларға да қиын.

Жаңа Drupal орнату - Drupal-дағы күрделі функцияларға қарамастан, CMS қарапайым, минималистік интерфейсті ұсынады.

артықшылықтары

  • үйрену оңай
  • Үлкен көмек порталы
  • Жаңартулар біртіндеп біріктіріледі
  • Қосымша кірістірілген опциялар

Минус

  • Бастапқы кезеңдегі тік оқыту қисығы - озық пайдаланушыларға ұсынылады

Қосымша ақпарат

WordPress арқылы қадамдық веб-сайтты құру процесі

Бұл әдіс үшін біз WordPress-ті мысал ретінде қолданамыз. Қазір сізде қазірдің өзінде болуы керек веб-хостинг тіркелгісі және тіркелген домендік атау.


1 қадамы: Веб-хостинг тақтасында WordPress орнатушысын табыңыз

Веб-хостинг қызметтері, әдетте, WordPress және басқа жалпы платформаларды орнату үшін жылдам орнатқышты ұсынады.

Сондықтан веб-хостинг тіркелгісіне кіріңіз және сізде қандай орнатушы бар екенін біліңіз. Сіз іздеген танымал атаулар Softaculous, QuickInstall немесе Fantastico болып табылады.

Кейбір хостинг жеткізушілер (мысалы: SiteGround) Инсталляцияланған пайдаланушыларды пайдаланушы тақтасында пайдалануға болады (экранға сіз cPanel-ге кіргеннен кейін бірден қараңыз). Бұл жағдайда 'WordPress' деген тақырыпты табуға тырысыңыз.

2 қадамы: Орнатқыш арқылы WordPress орнатыңыз

Softaculous - ең танымал автономды қондырғы және ол cPanel-де ұсынылған. Мен сізге Softcule арқылы орнату арқылы жүремін. Басқа орнатушылар өте ұқсас.

Softaculous түймесін басыңыз және орнатуды бастау үшін WordPress арқылы 'Install' дегенді басыңыз.

Бұл маңызды бөлік.

Опцияларды келесідей теңшеңіз, басқа өрістерді әдепкі конфигурацияға қалдырыңыз (кейінірек сұрыптайды) және орнатуды нұқыңыз.

  • Хаттама: Сіз http: // немесе http: // www. URL нұсқасы. Сіз таңдамасаңыз да, үлкен айырмашылықты көре алмайсыз. Техникалық тұрғыдан http: // www. икемділік пен кукиді басқару тұрғысынан жақсы. Егер жарамды SSL сертификаты болса және оған WordPress орнатқыңыз келсе, http орнына тек https таңдаңыз.
  • Домен: Веб-сайтты орнатқыңыз келетін доменді таңдаңыз.
  • Directory: WordPress сайтын қай жерде орнатқыңыз келетінін көрсетіңіз. Егер сіз оны түбірлік URL мекенжайыңызға орнатқыңыз келсе (мысалы, http://www.yourwebsite.com/), оны бос қалдырыңыз. Егер сіз оны ішкі URL мекенжайында (мысалы, http://www.yourwebsite.com/myblog/) қаласаңыз, өрістегі каталогты көрсетіңіз.
  • Әкімші тіркелгісі: WordPress сайтына кіру үшін қолданылатын пайдаланушы атыңызды, құпия сөзіңізді және электрондық поштаңызды орнатыңыз.

Егер сіз соңғы қадамдарға қол жеткізген болсаңыз, жақсы жасаңыз. Сіздің веб-сайтыңыз тірі!

Енді WordPress сайтына кіріңіз. Сіздің торабыңыздың кіру беті сіз орнатқан веб-сайттың URL-мекенжайын бақылайтын wp-login.php сияқты болады.


3 қадамы: тақырыпты және кейбір маңызды плагиндерді орнатыңыз

Содан кейін тақырыпты және қажет болған плагиндерді орнату керек. WordPress басқару тақтасының сол жақ бүйірін қараңыз.

WordPress каталогында тегін дайын тақырыптар бар.

Осы ақысыз тақырыптарды қарау үшін 'Сыртқы келбеті> Тақырыптар> Жаңа қосу' бөліміне өтіп, сіздің қажеттіліктеріңізге сай тақырыпты іздеп, орнату батырмасын басыңыз.

WordPress тақырып каталогы.

Үшінші тарап тақырыптарын «Тақырыпты жүктеу» бөлімінен де орнатуға болады. Ақылы, кәсіби, WordPress тақырыптары үшін мен ұсынамын Әсем Тақырыптар (оның тиімді коды мен әдемі фронт дизайндары үшін).

Плагиндер үшін 'Plugins> New Add' шолыңыз.

Қажетті плагиндерді іздеп, орнатыңыз. 3rd Плагиндерді «Жүктеу плагині» бөлімінен де орнатуға болады.

WordPress плагиндер каталогы.

Мұнда бірнеше маңызды тегін плагиндерді ұсынғым келеді. WordPress плагиндер каталогында олардың аттары бойынша іздеу, оларды табу. Әрбір категориядан бір ғана плагинді орнату жеткілікті екенін ескеріңіз.

  • SEO үшін: Yoast SEO, барлығы бір SEO Pack
  • Қауіпсіздік үшін: iThemes Security, Wordfence Security
  • Сайт статистикасы үшін: Jetpack WordPress.com, WordPress үшін Google Analytics for Monster Insights
  • Пішінді жасау үшін: 7 байланыс пішіні
  • Өнімділік үшін: W3 Total Cache, WP Super Cache

Сіздің сайтыңыздың жеке басын куәландыру үшін, сіз керемет тақырыпты қолдансаңыз да, бірдеңе жасауыңыз керек. Айналасында көптеген керемет логотип генераторлары бар, бірақ мен оларды қарап шығар едім Logaster. Олар ақылы қызмет, бірақ ең кереметі - деңгейлі бағаны ұсынады. Бұл сізге қажет нәрсені - веб-форматтағы логотипті ғана төлей аласыз немесе тіпті әртүрлі платформалардың форматтарын қамтитын бүкіл бренд жиынтығына жазыла аласыз дегенді білдіреді.

Сондай-ақ оқыңыз - Жаңа WP сайттары үшін 9 Essential WordPress плагиндері


4 қадамы: сіз дайынсыз!

Сіздің сайтыңыз соңғы қадаммен жұмыс істеуі керек. Бірақ сұрыпталуы керек тағы бірнеше нәрсе бар.

  • 'Параметрлер> Жалпы' астында: сайтыңыздың тақырыбын және тег сызығын орнатыңыз.
  • 'Параметрлер> Оқу' астында: сіздің үй парағыңыз нені көрсетуі керек және бір парақта қанша блог жазбасын көрсеткіңіз келеді.
  • 'Параметрлер> Permalinks' астында: блог жазбаңыздың URL құрылымы қандай болатынын орнатыңыз.
Жаңа WordPress сайтының негізгі параметрлері.

#3 әдісі: Сайт жасаушыларымен веб-сайт жасау

Қажетті дағдылар мен құралдар

  • Knwoledge: Компьютер мен интернеттің негізгі жұмысы
  • Құралдар: WiX және Weebly

Сайтты жасаушылар веб-сайтты орнатуды оңай және жылдам жасады. Веб-тілдерді білмей, бірнеше минут ішінде өзінің толыққанды веб-сайтын іске қосуға болады. Олар нөлдік кодтау туралы білімді қажет ететін Drag & Drop веб-сайт құрушыларын ұсынады.

Сонда бар көптеген сайт жасаушылар интернетте шашыраңқы болды бірақ олардың барлығы қажеттіліктерді қанағаттандыра алмайды.

Келесі үшеуі ең көп айтылған және әлеуетті веб-сайт құрастырушылары болып табылады.

WiX

Wix нарықтағы ең қарапайым құрылысшылардың бірі болып табылады, ол әртүрлі санаттар бойынша сұрыпталған 500 + толықтай теңшелетін қабілетті үлгілерді қамтиды. Осылайша сіз өзіңізге сәйкес келетін бір нәрсе таба аласыз деп сенеміз.

Олар әрдайым мазмұннан көрінетін икемді Drag & Drop веб-редакторын ұсынады. Сіз тізімнен бір элементті апарып, веб-сайттың кез-келген жеріне апарып тастай аласыз. Ондағы кез-келген көрінетін элементті жылжытуға немесе өңдеуге болады.

Жалғыз кемістігі - бұл Wix тегін жоспары бойынша сайтта жарнама бар. Сіз оны кем дегенде $ 12 / айға белгілейтін Combo жоспарына жаңарту арқылы құтқара аласыз.

Сондай-ақ оқыңыз - Біздің терең Wix шолуымыз.

Weebly

Weebly көптеген бағыттарда навигация, пайдаланушыға ыңғайлы болып табылады. Олар таңдауға арналған жүздеген үлгілер ұсынады, бірақ даралау параметрлері шектеулі болуы мүмкін.

Олар пайдаланылуы және өзгертілуі мүмкін алдын-ала жасалған бет орналасуларының жақсы саны бар (мысалы, бет туралы, баға беті, контакт беті).

Апару және тастау құрушысын пайдалану оңай, бірақ сіз кейде сіз оны баптауға арналған аудандармен шектелесіз. Кеңейтімдер мен үшінші тарап қолданбаларының қол жетімділігі де шектеулі.

Сондай-ақ оқыңыз - Біздің тереңдетілген Weebly шолу.

Wix арқылы қадамдық веб-сайтты құру процесі

1 қадамы: Wix тіркеліңіз

Wix.com сайтында тіркелгі жасаңыз.

5 премиум жоспар және 1 тегін жоспар бар (бағасы айына $ 0 - $ 24.50 аралығында). Сайтты сәтті жасағаннан кейін жаңарту параметрлерін көресіз.

Мұнда Wix жоспарларын және баға белгілеуін қараңыз.

Wix тіркеу беті.

[/ c8]

Мен Wix негізгі ақылы жоспарын ұсынамын - Combo. Wix Combo жоспары (айына $ 8.50) ақысыз домендік атауды, көп CPU ресурстарын және Wix жарнамаларын ұсынбайды.


Қадам 2: Үлгіні таңдаңыз

Wix веб-сайтты қалай жасау керектігін сұрайды. Олар Wix ADI (Жасанды Дизайн Интеллект) деп атайтын ең жылдам әдіс, ол өте нәтижелі емес.

Сондықтан мен сізді біраз ұзағырақ жолмен жүремін, бірақ жақсы жол, веб-сайт құрастырушысы!

Әртүрлі белгілерге жататын үлгілер бар екенін көресіз. Сіздің перспективалы санатыңызды шолып, өзіңізге сәйкес келетінді таңдаңыз.

Сізге ұнайтын Wix тақырыбын тапқан соң, жалғастыру үшін «өңдеу» дегенді нұқыңыз.

«Өңдеу» батырмасы тақырыпқа тышқанды апарған кезде көрсетіледі.

3 қадамы: Веб-сайтыңызды Wix Website Builder көмегімен жасаңыз

Бірнеше секундтан кейін сіз интуитивті веб-сайт салушыларға тікелей кіресіз.

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

Wix апарып тастау редакторын пайдаланып, веб-бетіңіздің элементтерін жасаңыз.

4 қадамы: веб-сайтты жариялау

Жариялау батырмасын басқанда, тегін субдоменді немесе толыққанды доменді қалайтыныңыз туралы сұрақ туындайды. Бұл сіздің қоңырауыңыз.

Бірнеше қосымша бұрандалар ұсынылады.

«Wix бақылау тақтасы> Сайтты басқару және өңдеу» бөліміне өтіп, қажет болған жағдайда SEO, Favicon, Social және Жаңартуларды теңшеңіз.

Wix сайтын теңшеңіз.

Осы негізгі параметрлерді орындағаннан кейін - сіздің веб-сайтыңыз дайын.

4. Веб-сайтыңызды тексеру және тексеру

Веб-сайтыңыз дайын болғаннан кейін - оның негізгі браузерлерде (Chrome, Firefox, Safari, Microsoft Edge, IE 11 және т.б.), сондай-ақ әртүрлі экран өлшемдерінде қалай жұмыс істейтінін тексеретін және тексеретін кез келді.

Біз бұл тестілерді ақысыз құралдардың көмегімен онлайн режимінде өткізе аламыз.

Белгілеуді растау

Веб-сайтыңыздың түзетулерін оңай тексеріңіз W3C белгілеуді тексеру қызметі.

Түзетуді тексеру дегеніміз не? HTML, PHP және басқалары сияқты кодтау тілдері немесе сценарийлердің әрқайсысының өзіндік форматтары, сөздік қоры және синтаксисі бар. Белгілеуді тексеру - бұл сіздің веб-сайтыңыздың осы ережелерге сәйкес келетіндігін тексеру процесі.

Браузерді тексеру

Веб-сайтыңызды бір-ақ рет 115-ке дейін әртүрлі шолғыштарға тексеріңіз Браузердің суреттері.

Экран сынағы

Мониторларда, планшеттерде, смартфондарда және басқа әр түрлі экран өлшемдерінде алдын ала қарау үшін Screenfly қолданбасын пайдаланыңыз.

5. Дәлдеу және өсіру

Веб-сайтыңызды интернетте жариялау бірінші кезең. Веб-сайтыңыздың жетістігін қамтамасыз ету үшін әлі де көптеген басқа жұмыстар жасалуы керек. Міне, бірнеше тапсырманы орындау керек ...

Веб-сайттың жылдамдығын дәлдеу

Google сайт жылдамдығы оның рейтинг факторларының бірі екенін анық айтты. Бұл сіздің сайтыңыз тез жүктелсе, жоғарырақ орынға көтерілуі мүмкін дегенді білдіреді.

Сондай-ақ - сіздің веб-сайтыңыз тезірек жүктелсе, сіздің веб-сайтыңызға кірушілер бақытты болады. Баяу жүктелетін веб-сайт қолданушының тәжірибесіне нұқсан келтіретіні және веб-сайттың кірісіне әсер ететіні көптеген сансыз жағдайлар мен эксперименттерде дәлелденген. Егер оның сайты тіпті бір секундқа баяуласа, Amazon шамамен 1.6 миллиард доллар кірісін жоғалтқан болар еді.

Веб-сайт іздеудің көрінуін жақсарту

Веб-сайтыңызға назар аудару үшін сізге іздеу жүйесін (SEO) оңтайландырудың шебері болудың қажеті жоқ. Бірақ іздеу жүйесін оңтайландырудың кейбір негізгі дағдылары әрқашан жақсы.

Мекен-жайында веб-мастер тіркелгісін жасаңыз Google Іздеу консолі веб-сайтыңызды Google-ға жіберу және кез келген SEO мәселелерін анықтау. Негізгі кілт сөздерін зерттеп, содан кейін бетіңіздің тақырыбын және тақырыптарыңызды негізгі кілт сөздеріңізге оңтайландырыңыз. Іздеу нәтижелері беттерінен ерекшелену үшін өз сайтыңызға схема белгілеуін енгізіңіз.

Қосымша SEO кеңестері үшін, SEO-дің муляждары туралы нұсқаулықты оқып шығыңыз.

HTTPS енгізіңіз

Google Chrome HTTP веб-сайттарын «Қауіпсіз» деп таңбалай бастағаннан бері, SSL куәлігі үлкен мәмілеге айналды. Сіздің веб-сайтыңызға пайдаланушылар «сенімді» екеніне көз жеткізу үшін HTTPS байланысы қажет.

Қажетті беттерді қосыңыз

Ешқандай веб-сайт ешқашан бірдей болмайды, өйткені олар басқа мақсат пен / немесе функцияны орындай алады. Дегенмен, әр веб-сайтта болуы керек үш стандартты парақ бар: индекс (үй беті), бет туралы және байланыс парағы.

Басты бет

Басты бет - бұл келушілердің көпшілігі сіздің веб-сайтыңызға қонғаннан кейін көретін бірінші орын. Сіздің үй парағыңыз дұрыс қадам жасап, келушілерді сайтыңызға тереңірек жіберуі керек.

Мысал - Haus басты беті нақты навигация мәзірімен және галерея стилімен безендірілген (бұл өнім көрмесі үшін өте қолайлы).

Беттер туралы

Бет туралы - бұл сіздің келушілеріңізбен байланыс орнатуға арналған. Бұл сізге өзіңізді таныстыруға және веб-сайтыңыз туралы толық ақпарат (жақсы?) Беруге мүмкіндік береді. Әдетте веб-сайтты басқаратын және басқаратын адамдардың фотосуреттерін қосу ұсынылады.

Мысал - Bulldog тері күтімі туралы беті сүйікті және есте қаларлық хабарлама жібереді.

Байланысу беті

Өзіңіздің пайдаланушыларыңызбен және әлеуетті клиенттеріңізбен сөйлесу маңызды. Демек - байланыс парағы. Барлық мүмкін байланыс арналарын қосыңыз (әлеуметтік медиа профилдері, байланыс нысандары, электрондық пошта мекен-жайы және т.б.) сіздің келушілеріңіз сізбен байланыса алатындығына көз жеткізу үшін.

Survicate-тің байланыс беті - қарапайым орналасуы бар әдемі жасалған парақ. Ол үлкен формалық өрістерді, CTA батырмасын және типтік байланыс ақпаратын - компанияның мекен-жайы, байланыс нөмірі, электрондық пошта мекен-жайы, жұмыс уақыты және т.б. оқуға және қарап шығуға ыңғайлы етіп біріктіреді.

Әлеуметтік медиа платформаларда өз мүмкіндіктеріңізді кеңейтіңіз

Сіздің веб-сайтыңыз сіздің мақсатты аудиторияңыздың көп бөлігі қатысатын әлеуметтік медиа платформаларында болуы керек. Біздің сайт үшін бұл Facebook және Twitter дегенді білдіреді. Басқалар үшін бұл LinkedIn, Tumblr немесе Pinterest болуы мүмкін.

Фавикон қосыңыз

Сіз «әріпті көрдіңіз бе?B«Браузер қойындысының сол жағында пайда болған сары шеңберде ме? Бұл «фавикон» деп аталады. Логотип сияқты, фавикон - бұл веб-сайтты бейнелейтін кішірек визуалды элемент.

Favicon - бұл веб-сайт иелері жиі назардан тыс қалдыратын ұнамсыз брендтің техникасы. Егер сізге ұнайтын болса, оларды қолданыңыз тегін фавикон генераторы сізге көмектесу үшін.

Веб-сайт жасау туралы жиі қойылатын сұрақтар

Сіз қалай ақысыз веб-сайт жасайсыз?

Тегін веб-сайтты құрудың екі негізгі әдісі бар - пайдалану тегін хостинг сияқты 000Webhost немесе a сайт құру платформасы ақысыз жоспар ұсынатын Wix сияқты.

GoDaddy веб-сайт құрушысы тегін бе?

GoDaddy-де айына 10 доллардан басталатын веб-сайт құрушының айналасында жоспарлар бар. GoDaddy туралы толық шолуды оқыңыз Толығырақ ақпарат алу үшін.

Жаңадан бастаушылар үшін ең оңай веб-сайт құрушы не?

көбінесе сайт жасаушылар жаңадан бастаушылар үшін қолдануға оңай. Өз табиғаты бойынша, веб-сайт жасаушылар технологиялық емес пайдаланушыларға бағытталған және көптеген көмек ұсынады. Бұл интерфейстен бастап алдын-ала жасалған шаблондарға дейін өзгереді.

Веб-сайтты құру кезінде мен неден бастаймын?

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

Веб-сайтты кодтау қанша уақытты алады?

Веб-сайтты кодтауға кететін уақыт оның күрделілігіне байланысты. Мүмкіндіктер мен дизайн тұрғысынан неғұрлым көп қажет болса, соғұрлым ұзақ уақыт алады. Қарапайым, статикалық веб-сайттарды бірнеше сағат ішінде кодтауға болады, ал үлкенірек сайттар бірнеше айға созылуы мүмкін.

Дайын, қазір!

Сіз қазір сәтті веб-сайтты құру және құру үшін жеткілікті білесіз. Білімді жұмыс істейтін уақыт келді. Қазір бастаңыз және интернетті шайқаңыз!

Джерри Лоу туралы

WebHostingSecretRevealed.net негізін қалаушы (WHSR) - 100,000 пайдаланушыларына сенімді және пайдаланылатын хостинг шолу. Веб-хостинг, еншілес маркетинг және SEO-дағы 15 жыл тәжірибесі. ProBlogger.net, Business.com, SocialMediaToday.com және тағы басқалар.