Како направити веб страницу: Водич за почетнике А-до-З

У овом чланку показаћу вам суштинске кораке у креирању веб странице.


  1. Региструјте име домена
  2. Пријавите се за веб хостинг
  3. Дизајнирајте своју веб страницу
  4. Потврдите и тестирајте своју веб локацију
  5. Финетуне и расте

Стварање основног веб сајта је једноставно. Сам рад не би требао трајати више од сат времена. Међутим, разумевање ваших избора и њихово прилагођавање вашој ситуацији није лак подвиг.

Због чињенице да ће за неке кораке бити потребно додатно знање које није у оквиру овог чланка, укључио сам линкове до детаљних извора где је то потребно.

Contents

Зашто правите веб страницу

Пре него што почнемо, важно је да прво дефинишете своју сврху.

Сви знамо да веб локација може бити важан део вашег присуства на мрежи – као пословни субјект или појединац. За појединца то може бити нешто тако једноставно као основни профил или детаљно као ваш цео портфељ. За предузећа би то требало сматрати дијелом ваше имовине и односити се на ваш профил, производе или ствари које радите.

Имајући на уму јасну сврху омогућава вам да донесете бољу одлуку низводно – тј. Које платформе да користите, са којим маркетиншким каналима да се обратите, итд..

Неки типични разлози за израду веб странице:

  • За продају производа – Ако вам је основни циљ продаја производа, ваша веб локација треба да садржи излоге производа, колица за куповину на мрежи, осигурани пролаз за плаћање и по могућности систем продаје.
  • До приказ информација – Ако вам је циљ приказивање компанија или личних података, размислите о изградњи једноставних веб страница од једне странице на приступачној платформи.
  • Делити тренутне идеје и искуства – Блог је обично најбољи за кориснике који воле да пишу и деле своје идеје са светом.

Ови разлози не морају бити међусобно искључиви. На пример, можете да имате веб локацију која комбинује два или више горе наведених елемената.

Битни кораци за изградњу властите веб странице

Након што решите циљеве веб локације, време је за изградњу! Да бисте започели, прво морате…

1. Региструјте име домена

Шта је име домена?

Да бисте покренули веб локацију, прво што вам треба је име домена.

Назив домена је адреса која идентификује вашу веб локацију на Интернету. Неки примери укључују Иахоо.цом, Гоогле.цом или БуилдТхис.ио (веб локација коју тренутно читате).

Где да региструјем име домена?

Да бисте поседовали домен, мораћете да га региструјете код регистрара домена.

Регистар домена помоћи ће вам да проверите да ли је име домена јединствено пре него што вам омогући да наставите са регистрацијом. ГоДадди и НамеЦхеап су два популарна регистратора домена. Користим их за управљање мојим доменима већ дуже време.

Како одабрати име домена?

Одабир имена домена често је најтежи део јер не само да мора да одражава вашу марку, већ ће бити лак, једноставан и незабораван..

Име вашег домена мора бити јединствено – име не сме бити у власништву друге особе или организације у целом свету. Опште правило које бисте требали имати на уму за креирање имена домена су:

  • Нека буде кратко и лако упамћено
  • Не користите заштићена имена
  • Идите за .цом или .нет кад је то могуће
  • Будите креативни и користите сложене или састављене речи
  • Покушајте да буде кључна реч релевантна

Савети који се могу применити

  • Ако вам је тешко да схватите име домена, увек можете да користите генераторе имена домена за идеје. Неки од популарнијих су Вордроид и Леан Сеарцх Домаин.
  • Ако сте почетник, препоручујемо вам да одете на ГоДадди или Намецхеап да бисте пронашли име домена. Оба почетника олакшавају куповини и регистровању имена домена.

2. Пријавите се за веб хостинг налог

Шта је веб домаћин?

Веб домаћин је велики рачунар (ака сервер) који се користи за чување датотека потребних као део ваше веб локације.

Замислите то као кућу која чува намештај и кућанске апарате – кућа је ваш веб домаћин и све што иде ин кућа је садржај ваше веб странице. Садржај веб локација обично укључује текст, слике, видео записе и било које друге елементе за које сматрате да су потребни.

Који су ти избори за хостинг?

Веб хостинг данас долази у различитим пакетима. Традиционално, веб хостинг провајдер је укључен у изнајмљивање сервера само са основним софтвером и техничком подршком. Хостовање ваше веб странице са традиционалним хостинг провајдером обично је јефтиније и флексибилније; али вам треба мало додатног посла да бисте поставили веб локацију.

У данашње време компаније спајају различите услуге заједно и корисницима омогућавају да граде, хостују и управљају веб локацијама од једног добављача услуга. Овим компанијама обично зовемо Буилдерс веб локација или Буилдерс Интернет Сторе. Хостинг веб странице на овим „пакетним“ платформама је обично скупо и мање флексибилно; али једноставно ћете направити веб локацију или онлајн продавницу.

Хостинг платформа за почетак

Ако тек почињете – основни дељени хостинг обично је довољно добар. За то препоручујем Хостингер-ов Јединствени план – који вам омогућава хостирање једног веб сајта по ниској цени од само 0,80 УСД / месец.

Хостингер ХостингЈединствени план хостингер -а хостирајте једну веб локацију са 10 ГБ ССД меморије и 100 ГБ пропусног опсега (више него довољно за почетнике) по цени од 0,80 УСД / месец.

Хостинг платформа за е-трговину / мрежне продавнице

Ако сте планирали да продајете производе директно са своје веб странице (продавница за е-трговину), требало би да проверите Схопифи Басиц (почетна цена 29 УСД / месечно).

Схопифи Платформс800.000 продавница е-трговине користи Схопифи, укључујући НБА Лакерс Сторе и Таттли.цом. Схопифи Басиц почиње од 29 УСД месечно.

Хостинг платформа за једноставне израде веб страница / малих предузећа

Ако вам је потребно једноставно веб место за приказивање вашег пословног портфеља и контакт детаље, опција скупа хостинга може бити тачна. Вик и Веебли су два градиоца сајтова које волим – о њима опширно пишемо, а наше критике можете погледати овде – Вик преглед / Веебли преглед.

Вик као опције у пакетуПонуђен као мрежна услуга, Вик вам омогућава рад с драг-анд-дроп визуалним уређивачем како бисте направили веб локацију чак и ако немате знање о кодирању. Вик Унлимитед план почиње од 12,50 долара месечно.

Савети који се могу применити

  • Доступне су различите врсте хостинга: дељени хостинг, наменски хостинг сервер и хостинг у облаку / ВПС.
  • Ако сте мала веб локација, јефтиније је ићи на дељене хостинг планове. Већим веб локацијама препоручује се кориштење или цлоуд или намјенски хостинг.
  • Неке кључне особине које морате узети у обзир пре него што одаберете веб хост су њихове цене, брзина сервера и брзине продужења рада. Хостингер (за почетнике), као и ИнМотион Хостинг и СитеГроунд (за веће веб странице), нека су од популарних имена.
  • Размислите о томе да користите алатку за прављење продавница, попут Схопифи или БигЦоммерце, ако планирате да продајете производе директно са своје веб локације.

3. Дизајнирајте веб странице

Једном када будете спремни за име вашег домена и веб домаћин, време је да нешто ставите на Интернет. Да бисте дизајнирали веб странице, можете унајмити веб програмера или то учинити сами.

Овдје детаљно разговарамо о томе како дати оутсоурцинг задатак веб развоја. Треба да прескочите следеће кораке и пређете на ту страницу ако планирате да запослите некога да развије вашу веб локацију.

За ДИИерс, ево три једноставна начина за дизајн веб странице:

1- Шта је-шта-видите-шта-шта-добијате (ВИСИВИГ) веб уређивач

ВИСИВИГ едитор вам омогућава да подесите веб страницу и дизајнирате веб странице испочетка без потребе за кодирањем. Дјелује као што би то чинио уобичајени програм за обраду текста – започните с предлошком или празном страницом, а затим креирате странице свог веб мјеста. Када то учините, напуните их садржајем и пренесите читаву фасциклу на свој веб домаћин користећи програм за пренос датотека (ФТП).

Да бисте кренули са овом методом, најбоље је ако имате основне ХТМЛ / ЦСС вештине и опште знање о томе како Интернет функционише.

На располагању је неколико ВИСИВИГ веб едитора – неки су бесплатни за некомерцијалну употребу, док ће други можда захтевати плаћену лиценцу. Мицрософт Екпрессион Веб, Гоогле Веб Десигнер, БлуеГриффон, и Отворени елемент постоје неки добри за проверу.

За ФТП програм – ФилеЗилла и ВинСЦП су две најбоље бесплатне опције.

Мицрософт Екпрессион - ВИСИВИГ едиторПример – Ево снимака екрана програма Мицрософт Екпрессион Веб Едитор. Листа мапа (лево) – Структујте веб локацију користећи мапе. Уређивач (у средини) – Овде напишите и форматирајте текст. Стилови / кутија алата (десно) – Стил и дизајн странице помоћу ЦСС-а (опционо). Имајте на уму да ћете морати да креирате индекс имена странице (.хтмл / .хтм / .пхп / .асп) – он ће радити као почетна страница ваше веб странице.

Ова је опција могућа само ако користите традиционални хостинг (тј. Хостингер). Употреба ВИСИВИГ уређивача је флексибилна и забавна ако уживате у учењу веб кодирања…, али то није изведива опција за почетнике који желе веб локацију тренутно.

2- Коришћење система за управљање садржајем (ЦМС)

Већина веб локација се данас креира и управља помоћу ЦМС-а. ЦМС долази са многим предностима са становишта власника веб локације. Једноставни су за управљање, флексибилни у дизајну и развоју и економични (бесплатно!) – три кључне предности.

Ако већ нисте чули за то – ВордПресс, који користи ~ 33% свих веб локација на Интернету, је најпопуларнији ЦМС на свету.

За оне који се одлуче за конвенционалну опцију хостинга у кораку # 2, можете инсталирати ВордПресс са само неколико кликова.

Инсталирање ВордПресс-а у ХостингерЕво како можете да подесите ВордПресс на Хостингер-у. Пријавите се на свој Хостингер налог, идите на веб локацију > Ауто инсталатер > ВордПресс > Подесите лозинку и име веб локације > Инсталирај.

Основни оквир веб локације добићете након инсталирања ВордПресс-а. Затим можете да дизајнирате своје веб странице помоћу ВордПресс предлошка. Унапред уграђене ВордПресс предлошке су бесплатно доступно на ВордПресс.орг (званични директориј тема). Или можете купити премиум предлошке од професионалних програмера попут Елегант Тхемес или Артисан.

Дисха је објаснила како да креирате блог или веб локацију користећи ВордПресс овде. Молимо следите упутства у случају да су вам потребне додатне информације.

Напомена – Не можете да користите ЦМС ако сте одлучили да идете са „Бундле“ платформом као што су Вик или Веебли у кораку # 2.

3. Коришћење софтвера за прављење и пребацивање веб локација / продавница

Алат за прављење и пребацивање веб локација / продавница је најлакши и најбржи начин за креирање веб локације.

Не требају вам никакве вештине за развој веба – само одаберите унапред изграђени образац, узмите потребне веб елементе од градитеља (тј. Образац за контакт, падајуће меније, Гоогле мапу, дугмад за плаћање, колица за куповину итд.) И потпуно опремљена веб локација је спремна.

Много је градитеља веб страница разбацаних по интернету – Вик и Веебли су две од најпопуларнијих. И као што је већ споменуто, Схопифи би био одличан избор ако правите интернетску продавницу.

Вик демо

Прављење и уређивање веб локације помоћу Вик ЕдитораДизајнирање веб странице на Вик-у: Мени сајта (лево) – Управљајте страницама, бирајте позадину веб локације, поставите навигацију по веб локацији, додајте текстове и линк, овде додајте слике итд; Поравнање (у средини / лево) – Распоредите и поравнајте елементе веб странице овде; Преглед (горе десно) – Сачувајте, прегледајте и објавите веб локацију.

Дизајн веб странице на Вик-овим предграђеним предлошцимаВик предлошци – на Вик-у постоје стотине унапред уграђених шаблона (погледајте све).

Схопифи демо

Прављење и уређивање веб локације помоћу Схопифи уређивачаДизајнирајте своју интернетску кућу са унапријед изграђеном темом на Схопифи. Мени (лево) – Изаберите теме и додајте овде продавнице (слајдове, наслове, слике, подножја, итд.); Преглед (у средини / десно) – Прегледајте своју продавницу овде.

Схопифи предлошциСхопифи нуди широк спектар бесплатних и премиум тема (погледајте примере).

Демо веб страница за Хостгатор Буилдер

Гатор Вебсите БуилдерКоришћење програма Гатор Вебсите Буилдер – Мени (лево) – Изаберите теме, додајте странице и додајте одељак странице овде; Преглед (у средини / десно) – померање између страница на горњој траци за навигацију; сачувајте, прегледајте и објавите своју веб локацију.

Бесплатне теме у Гатор Вебсите Буилдер-уПотпуно прилагодљиви и прилагодљиви предлошци веб локација понуђени у Хостгатор Буилдеру веб локација.

Савети који се могу применити

  • Прегледајте бесплатне предлоге веб локација еЦоммерце од Схопифи, БигЦоммерце, Вик и Веебли на једној страници
  • Детаљна упутства за креирање веб локације помоћу Вик-а
  • Погледајте примере веб локација које су изграђене са Вик-ом
  • Корак по корак упутства за креирање веб локације помоћу Схопифи
  • Погледајте примере веб локација изграђених помоћу Схопифи-а

4. Провера и тестирање ваше веб странице

Једном када је ваша веб локација спремна – време је да проверите и тестирате како то функционише у главним прегледачима (Цхроме, Фирефок, Сафари, Мицрософт Едге, ИЕ 11, итд.) Као и на различитим величинама екрана.

Те тестове можемо изводити уз помоћ бесплатних алата на мрежи.

Валификација маркуп

В3Ц - Потврдите веб локацију када завршите са стварањемЛако потврдите означавање веб локације Сервис за проверу маркирања В3Ц.

Шта је потврда маркулације? Језици за кодирање или скрипте као што су ХТМЛ, ПХП, и тако даље, сваки од њих има своје формате, вокабулар и синтаксу. Провјера ознаке је поступак провјере да ли ваша веб локација слиједи ова правила.

Тест прегледача

Тестирајте своју веб локацију у различитим прегледачимаПрегледајте до 115 различитих претраживача у једном кадру БровсерСхотс.

Сцреен Тест

Тестирајте своју веб локацију у различитим величинама екранаУпотреба Сцреенфли да бисте прегледали своју веб страницу на мониторима, таблетима, паметним телефонима и другим величинама екрана.

5. Фино подешавање и раст вашег вебсајта

Објављивање ваше веб странице на интернету је прва фаза. Има још много тога што треба учинити да би се осигурао успех ваше веб странице. Ево неколико задатака за почетак …

Фино подешавање брзине веб локације

Гоогле је јасно рекао да је брзина сајта један од фактора за рангирање. То значи да се ваша веб локација може рангирати ако се брзо учита.

Такође – што се брже учитава ваша веб локација, срећнији ће бити посетиоци ваше веб странице. Доказано је, у безброј студија случаја и експеримената, да ће споро учитавање веб страница оштетити корисничко искуство и утицати на приход веб странице. Амазон би изгубио око процењене приходе од 1,6 милијарди долара да се његова веб локација успори за само једну секунду.

Ако је ваша тренутна брзина веб странице мала, научите како да је побољшате.

Побољшајте видљивост претраживања веб страница

Не морате бити мајстор у оптимизацији претраживача (СЕО) да бисте приметили своју веб локацију. Али увек је добро имати неке основне вештине за оптимизацију претраживача.

Креирајте налог за вебмастере на Гоогле Сеарцх Цонсоле да пошаљете Гоогле веб локацију и да идентификује било које СЕО проблеме. Обавите основно истраживање кључних речи и затим оптимизујте наслов и наслове странице за своје примарне кључне речи. Уведите маркирање шеме на вашој веб локацији како бисте се истакли од страница са резултатима претраге.

За више СЕО савета прочитајте наш водич за лутке за лутке.

Имплементирајте ХТТПС

Откако је Гоогле Цхроме почео да означава ХТТП веб локације „Нот Сецуре“, ССЛ сертификат је постао велика ствар. Да бисте били сигурни да корисници веровају вашу веб локацију – ХТТПС веза је обавезна.

Додајте основне странице

Ниједна две веб странице нису исте јер би могле послужити другачијој сврси и / или функцији. Међутим, постоје три стандардне странице које би свака веб локација требало да имају: Индек (почетна страница), Абоут Паге и Цонтацт Цонтацт.

Почетна страница

Почетна страница је често прво место где ће већина посетилаца отићи након што слети на вашу веб локацију. Ваша почетна страница треба да пружи прави тонац и привуче посетиоце дубље у вашу веб страницу.

Пример веб странице - ХаусПример – Хаус почетна страница долази са јасним навигационим менијем и дизајном у стилу галерије (што је савршено за излог производа).

О страници

О страници се ради на стварању односа са посетиоцима. Омогућује вам да се представите и дате детаљне информације (добро?) О вашој веб локацији. Обично се препоручује да се додају фотографије људи који поседују и управљају веб локацију.

Пример веб странице - Буллдог СкинцареПример – страница о булдогу Скинцаре шаље допадљиву и памтљиву поруку.

Контакт страна

Важно је комуницирати са својим корисницима и потенцијалним клијентима. Отуда – страница за контакт. Укључите све могуће канале комуникације (профили друштвених медија, обрасци за контакт, адреса е-поште итд.) Како бисте били сигурни да ће посетиоци моћи да вас контактирају.

Пример веб странице - СурвицатеПример – страница за контакт Сурвицате је дивно дизајнирана са великим пољима обрасца, јасним позивом на акцију; и састоји се од свих потребних информација.

Проширите свој домет на платформама друштвених медија

Ваша веб локација треба да буде присутна и на платформама друштвених медија на којима се већина ваше циљане публике дружи. За БуилдТхис.ио то значи Фацебоок и Твиттер. За остале то може бити ЛинкедИн, Тумблр или Пинтерест.

Ево неколико савета за маркетинг на друштвеним мрежама за почетнике.

Додајте фавицон

Да ли сте видели слово „Б“У жутом кругу који се појавио на левој страни картице прегледача? То је познато као “фавицон”. Попут логотипа, и фавицон је мањи визуелни елемент који представља веб страницу.

Фавицон је сјајна техника брендирања коју власници веб локација често превиде. Ако вам то звучи, искористите овај бесплатни генератор фавицон-а да вам помогне.

Направите често постављана питања о веб локацији

Можете ли направити сопствену веб страницу бесплатно?

Можете да направите бесплатну веб локацију користећи бесплатно веб хостинг попут 000Вебхост понуде или коришћењем бесплатног плана који нуде неки градитељи веб локација. На пример, Вик нуди бесплатан план са ограниченим ресурсима који је погодан за мале веб странице.

Како да направим веб страницу за своје пословање?

Градитељи веб локација су идеалан начин да мала предузећа креирају сопствене веб странице без потребе да их дају у иностранство. Ове опције не захтевају техничко знање и често нуде унапред дизајниране шаблоне које могу бити корисне > Кликните овде за почетак.

Који је најбољи веб дизајнер?

„Најбоље“ је субјективни појам – оно што најбоље за нас можда није за вас. У погледу популарности – Скуареспаце је најпопуларнији градитељ веб страница са 22% тржишног удела. Након њих следе Вик и ГоДадди’с ГоЦентрал на другом и трећем месту.

Могу ли да створим веб локацију на Гоогле-у?

Гоогле нуди програм за прављење веб страница као део асортимана Г Суите-а. Цене крећу од 5,40 УСД / корисник / месец.

Како да направим ПДФ са веб локације?

Ако на рачунару имате инсталиран Адобе Реадер, можете да креирате ПДФ са веб странице бт притиском на ЦТРЛ-П. Из менија за штампање који се отвори изаберите излаз у ПДФ, а затим сачувајте датотеку.

Уради то сада!

Сада знате више него довољно за креирање и изградњу успешног веб сајта. Време је да своје знање поставите на посао. Крените одмах и скачите по интернету!

* Превод: ЕН ИД

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map