Израда веб странице је озбиљна инвестиција; морате платити за сваки корак изградње веб странице.
Да ли желите да направите бесплатну веб страницу за лични или професионални развој? Ево начина да дизајнирате своју следећу веб локацију са прилагођеним именом домена, доживотним бесплатним хостингом и ССЛ енкрипцијом апсолутно бесплатно. Вау! Шта још можете тражити?
Неразумно је да посједовање веб странице значајно повећава ваше бројке раста, а данас је то више инвестиција него луксуз. Ово не важи само за предузећа, већ и појединци могу имати велике користи од личне веб странице.
Било да региструјете име домена, хостујете садржај своје веб локације, правите веб локацију или омогућавате ССЛ шифровање, требало би да будете спремни да испразните своје џепове. Додатно болу, неки од ових трошкова се понављају и трају заувек.
Шта ако вам кажем да можете да направите бесплатну веб локацију док радите све горе поменуте кључне кораке у изградњи веб странице и то бесплатно? Колико год то несветско звучало, све ово можете учинити бесплатно ако сте студент.
Ако сте свесни ГитХуб-а, можда знате за ГитХуб странице. Бесплатна је употреба услуге која долази са сваким ГитХуб налогом. ГитХуб Пагес омогућава сваком кориснику да направи бесплатну веб локацију и да је хостује, али постоји велико упозорење. Имена домена ових бесплатних веб локација у суштини завршавају са гитхуб.ио, што уништава професионализам ваше веб странице.
Преглед садржаја
Шта је ГитХуб Студент Девелопер Пацк?
Мање корисника ће озбиљно схватити вашу веб локацију, а имати непотребно дуго име домена никада није добра идеја. Али хеј! Нисмо овде да причамо о предностима или упозорењима ГитХуб страница. Обећао сам начин да вам омогућим да направите бесплатну веб локацију са прилагођеним именом домена, а ево како то можете да урадите.
ГитХуб нуди прилику да искористи фантастичан комплет са практичним онлајн алатима за сваког студента који је уписан на курс или дипломски курс, познат као ГитХуб Студент Девелопер Пацк. Пакет укључује професионалне претплате и запањујуће попусте на популарне алате као што су Цанва, Намецхеап, Мицрософт Азуре, Дисцорд, Наме.цом и СтреамИард, међу мноштвом других.
У овом чланку ћемо користити Намецхеап да региструјемо бесплатни прилагођени домен и користимо ГитХуб странице за хостовање наше веб странице. Затим ћемо размотрити начине да дизајнирате и отпремите ваше ХТМЛ, ЦСС и ЈаваСцрипт датотеке на ГитХуб странице. На крају ћемо такође омогућити ССЛ енкрипцију за веб локацију, али пре свега морамо да се региструјемо за Студентски програмерски пакет.
Како се пријавити за ГитХуб Студент Девелопер Пацк?
Процес регистрације за студентски програмски пакет своди се на поседовање универзитетске адресе е-поште студента. Имејл адреса студента се обично завршава именом домена вашег универзитета, на пример, [email protected] Постоје и други начини да се региструјете за пакет, али они захтевају много дуже време прегледа него коришћење е-поште ученика. Ако имате спремну адресу е-поште ученика, ево како се можете регистровати за пакет:
Корак 1: Идите на ГитХуб образовање и кликните на опцију Пријава.
Можете се пријавити користећи своје акредитиве ако већ имате пакет. У супротном, можете пратити доле наведене кораке.
Кликните на опцију Креирај налог у прозору за пријаву.
Корак 2: Затим, региструјте се користећи своју студентску е-пошту и креирајте налог.
Корак 3: Када се од вас затражи „Шта најбоље описује ваш академски статус?“, обавезно изаберите Студент.
Корак 4: Сада попуните неопходна поља са детаљима у вези са називом ваше школе и сврхом коришћења ГитХуб-а.
Корак 5: Коначно, поднесите своју пријаву користећи опцију „Пошаљи своје податке“.
Требало би да добијете е-поруку са потврдом у вези са пакетом програмера ако ГитХуб одобри вашу апликацију. Процес обично траје неколико дана, али време може значајно да варира током шпица.
Како се пријавити за ГитХуб Студент Девелопер Пацк без е-поште ученика?
ГитХуб вам такође даје могућност да се пријавите за пакет користећи важећу студентску личну карту или било који други доказ вашег академског статуса. Једина упозорења су дуго време чекања и већи однос одбијања. У сваком случају, ево како се можете пријавити за студентски пакет на овај начин:
Корак 1: Пратите горе наведене кораке да бисте креирали налог путем личне е-поште.
Корак 2: Сада отпремите доказ свог академског статуса помоћу опције камере или отпремите фотографије директно на ГитХуб помоћу дугмета Отпреми.
Корак 3: Затим попуните све неопходне детаље као што су назив школе и сврха коришћења ГитХуб-а.
Корак 4: Пошаљите пријаву.
Како да региструјете свој прилагођени домен користећи Намецхеап?
Претпостављам да сте покренули свој ГитХуб Едуцатион налог. Следећи кораци укључују коришћење Намецхеап-а за регистрацију бесплатног прилагођеног домена и хостовање преко ГитХуб страница. Пратите ове кораке да бисте регистровали жељено име домена:
Корак 1: Пријавите се на свој ГитХуб Едуцатион налог и идите на одељак Предности.
Требало би да видите комплет за веб програмере и комплет за виртуелне догађаје.
Корак 2: Идите на комплет за виртуелне догађаје и померите се надоле да бисте пронашли Намецхеап.
ГитХуб нуди једногодишњу регистрацију имена домена на .ме ТЛД, којој можете приступити кликом на опцију Гет Аццесс.
Корак 3: Следећи прозор ће од вас тражити да овластите захтев за повезивање са Намецхеап-а на ваш ГитХуб налог. Овластите Намецхеап и пређите на следећи корак.
Требало би да видите промпт који каже: „Успешно смо верификовали ваш студентски пакет са ГитХуб-ом“ након успешне ауторизације.
Корак 4: Пронађите жељени домен кроз траку за претрагу и кликните на Пронађи.
Требало би да видите доступност имена домена на следећем екрану. Ако је име вашег домена доступно, можете га бесплатно купити.
Корак 5: Наручите користећи адресу е-поште ГитХуб Едуцатион и изаберите ГитХуб странице као метод хостинга док наставите.
Након успешног регистровања вашег прилагођеног имена домена и одабира ГитХуб страница као вашег хостинга, Намецхеап би требало аутоматски да креира спремиште на вашем ГитХуб налогу. Ово спремиште је потпуно празно и садржи само датотеку РЕАДМЕ.мд.
Овом спремишту можете приступити тако што ћете се пријавити на свој ГитХуб налог и кликнути на одељак „Ваша спремишта“. ГитХуб Пагес не нуди визуелне алате и унапред направљене теме за вашу веб локацију; морате ручно да кодирате целу веб локацију и отпремите повезане датотеке у ново креирано ГитХуб спремиште.
Како направити бесплатну веб локацију и хостовати је на ГитХуб страницама?
Као што је горе поменуто, мораћете да креирате све ХТМЛ, ЦСС и ЈаваСцрипт датотеке везане за вашу веб локацију. Ако се бавите Веб Дев-ом и знате како да кодирате свој пут, добро је да отпремите своје датотеке у своје ГитХуб спремиште и покренете своју веб локацију. Можете да се померите до одељка овог чланка који се бави отпремањем кода веб локације на ГитХуб странице.
Али ако сте неко ко има мало или нимало информација о Веб Дев-у, ми ћемо вас покрити. Можете користити доле наведене кораке и дизајнирати сопствену веб локацију користећи неки основни ХТМЛ:
Корак 1: Идите на ХТМЛ5 УП и скролујте до дизајна веб странице који вам се свиђа. Можете одабрати било коју другу унапред изграђену тему са било које платформе. Овде сам одабрао „Масивно“ из ХТМЛ5 УП-а, али можете слободно да преузмете и прилагодите било који дизајн веб странице по свом избору.
Корак 2: Извуците преузету зип датотеку вашег омиљеног дизајна веб странице.
Требало би да видите датотеке под називом индек.хтмл и генериц.хтмл и фасцикле као што су средства и слике у екстрахованој фасцикли.
Корак 3: Сада отворите екстраховане датотеке користећи Висуал Студио Цоде и изаберите датотеку индек.хтмл.
Корак 4: Преузмите и инсталирајте проширење „Ливе Сервер“ у Висуал Студио Цоде ако га већ немате.
Корак 5: Изаберите датотеку индек.хтмл, кликните десним тастером миша и изаберите опцију „Отвори у серверу уживо“. Ова опција вам омогућава да визуелизујете промене у вашој ХТМЛ датотеци у вашем претраживачу у реалном времену.
Како прилагодити дизајн ваше веб странице?
Нећу називати процес даље од ове тачке „корацима“ за прилагођавање ваше веб странице. Прилагођавање ХТМЛ датотека је у потпуности према вашим жељама, али ево како сам прилагодио „Масивно“ дизајн из ХТМЛ5 УП-а и претворио га у портфолио. Можете изабрати да добијете инспирацију из овога или да сами прилагодите своју веб локацију. Избор је на вама!
Измена ознака наслова и пасуса
Почевши од процеса прилагођавања, променио сам ознаку наслова „Масивно“. Насловна ознака ваше ХТМЛ датотеке ће одлучити о њеном имену док се отвара на картици претраживача. Подразумевани наслов за Массивели би требало да буде „Масивно од ХТМЛ5 УП“ и препоручујем да га промените у нешто на шта личи ваша веб локација.
Променио сам ознаку наслова у „Самиак Госвами | Тецх Цонтент Вритер” јер је идеално одговарао мом портфолију. Следеће, променио сам уводни одељак веб-сајта, који је рекао: „Ово је масовно“ (садржан у Х1 ознаци) и направио га „Самјаков портфолио“ из очигледних разлога. Након тога, променио сам текст испод у ознакама пасуса у „Излог мојих пројеката и мојих способности.“
Идући у одељак Навигација (Нав) у индексној датотеци, изоставио сам два од три дугмета за навигацију садржана у ознаци Листа. Желео сам да направим једнострани веб сајт са свим детаљима на једној страници, али можете слободно да измените број дугмади за навигацију по свом избору.
Касније сам променио текст „Ово је масовно“ на дугмету за навигацију у „Моји чланци“.
Измена веза и икона друштвених медија
Такође морате да видите различите иконе друштвених медија на серверу уживо као што су Твиттер, Фацебоок, Инстаграм и ГитХуб. Одлучио сам да изоставим Твиттер и Фацебоок и задржим Инстаграм и ЛинкедИн за свој случај употребе.
Можете да измените иконе друштвених медија и њихове везе тако што ћете отићи у одељак Навигација (Нав) и померити се до Листа ознака са Твиттер-ом, Инстаграм-ом и другим садржајима написаним у њима.
Обратите пажњу на то да нема веза за ове иконе друштвених медија јер је ознака хреф остављена празна. Можете додати везе у ознаку хреф тако што ћете заменити „#“ жељеном везом.
Измена садржаја почетне странице
Прво сам променио ознаку Х2 и направио је „Моје име је Самиак Госвами“, а затим сам променио ознаку параграфа у „Ја сам технолошки ентузијаста….“. Предлажем да промените ознаку Х2 нечим што одговара садржају ваше почетне странице и ознаком параграфа која то објашњава.
Сада долазимо до најважнијег дела овог прилагођавања; мењање садржаја плочица чланака.
Да бисте то урадили, идите на одељак Постови у датотеци индекса и требало би да видите више исечака кода садржаних у ознакама чланка. Можете да додате везе својим причама тако што ћете изменити одељак хреф као што смо ми урадили док смо додавали везе ка иконама друштвених медија.
Касније можете променити назив чланака изменом садржаја унутар Х2 тагова. Такође можете додати опис својим чланцима помоћу ознаке параграфа.
Поновите поступак за сваки чланак додавањем веза, променом имена и додавањем описа свим својим чланцима.
Додавање слика на ваше веб странице
Мора да сте приметили да преглед изгледа веома другачије од слика присутних на веб локацији ХТМЛ5 УП. То је због равних и благе фотографије у прилагодљивој датотеци. Хајде да зачинимо нашу веб страницу додавањем прилагођених слика на њу.
Оригинал Имагес
Да бисте то урадили, идите до фасцикле у коју сте претходно издвојили „масивно“ зип датотеку. Отворите извучену фасциклу и идите у фасциклу Слике. Требало би да видите различите слике под називом бг, пиц01, пиц02 и тако даље. Ово су слике повезане са нашим чланцима у ознаци Чланак.
Можете додати прилагођене слике и модификовати датотеку индекса са називима ових слика или додати слике и именовати их слично подразумеваним сликама. Давање идентичних имена сликама штеди нас од модификације кода и много времена касније.
Модификоване слике
Предлажем вам да лекторирате и измените друге делове ваше веб странице који нису важни. Ево портфеља који сам направио користећи горе наведене кораке: самиакгосвами.ме.
Како да отпремите код своје веб локације на ГитХуб странице?
Након што коначно кодирате и дизајнирате своју веб локацију, време је да је отпремите на ГитХуб странице и објавите је на Интернету.
Ево како можете да отпремите своју веб локацију на ГитХуб странице:
Корак 1: Пријавите се на свој ГитХуб налог и идите на одељак Моја спремишта.
Корак 2: Требало би да видите спремиште под називом иоур_усернаме.гитхуб.ио. Идите у ово спремиште.
Корак 3: Требало би да видите опцију за креирање сопствене датотеке или отпремање датотека у ГитХуб спремиште.
Корак 4: Изаберите свих пет датотека и фасцикли; средства, слике, елементи, генерички, индексирајте и превуците и отпустите их у спремиште.
Након што се датотеке учитају, урезујте код и сачекајте док ГитХуб не обради ваше датотеке.
Корак 5: Идите на Подешавања>ГитХуб странице да бисте видели статус своје веб локације. Требало би да видите упит „Ваша веб локација је објављена на вашем_цустом_домаин.“
Сада можете да одете на своју веб адресу и сами проверите веб локацију. Запамтите, веб-сајту може потрајати неко време пре него што почне да се приказује.
Како омогућити ССЛ енкрипцију на ГитХуб страницама?
ХТТП је небезбедан начин управљања захтевима корисника на вашој веб локацији. Свако са злонамерним намерама и добрим техничким знањем може пресрести интеракције између корисника и ваше веб локације. С друге стране, ХТТПС свим вашим посетиоцима пружа много безбеднију сесију прегледања. ГитХуб странице нуде бесплатну ХТТПС енкрипцију, а ево како то можете искористити:
Померите се до одељка Странице у спремишту.
Требало би да видите опцију „Примени ХТТПС“ на крају прозора. ССЛ шифровање би требало да се активира чим означите поље за потврду Енфорце ХТТПС.
У случају да сматрате да опција Енфорце ХТТПС није доступна за ваш домен, можете да омогућите ССЛ шифровање користећи следеће кораке:
Корак 1: Пријавите се на свој Намецхеап налог и идите на одељак „Листа домена“.
Корак 2: Сада идите на Управљање доменом, а затим на одељак „Напредни ДНС“.
Требало би да видите неке постојеће ЦНАМЕ и А записе.
Додајте следеће А записе са хостом као „@“ и ИП адресом као „185.199.108.153“. Следећи са именом хоста „@“ и ИП адресом као „185.199.109.153“.
Пратите тренд док не будете имали 4 А записа до ИП адресе „185.199.111.153“.
Уклоните све претходне А записе.
Корак 3: Следеће, додајте ЦНАМЕ запис са Хостом као „ввв“ и Валуе као вашим ГитХуб корисничким именом (тачка) гитхуб (тачка) ио.
Уклоните претходне ЦНАМЕ записе. На крају, ваша ДНС подешавања би требало да имају 4 А записа и 1 ЦНАМЕ запис.
Корак 4: Сада идите на ГитХуб странице у одељку Подешавања. Опција Енфорце ХТТПС би сада требала бити доступна за ваш домен.
Сумминг Уп 👈
ГитХуб пружа фантастичну прилику сваком ученику да направи бесплатну веб страницу и управља њоме. Иако не можете да користите ГитХуб странице за хостовање великог саобраћаја, он означава свако поље за потврду за малу статичну веб локацију. Бесплатно прилагођено име домена, хостинг и ССЛ енкрипција чине га још дивнијим.
Сада можете прочитати „Како одабрати веб хост за своју нову веб локацију.
Ево неколико алата за праћење брзине странице који ће вас обавестити када ваша веб локација нестане.