Како изградити своју прву једноставну ПХП веб локацију

Желите да научите како да направите основну веб страницу? Некада сте можда почели са ХТМЛ -ом, али ових дана најбоље решење је ПХП. Иако ће вам за почетак бити потребно мало знања о ХТМЛ -у, ПХП је постао оптималан избор за израду веб страница, статичких и динамичких.

Да бисте научили ПХП, најбољи начин за почетак је једноставна ПХП веб локација.

Зашто изабрати ПХП за развој веб страница?

Различите опције су биле доступне за веб развој током година. Почело је са обичним ХТМЛ -ом, затим ХТМЛ -ом са уграђеним ЦСС -ом или референцом ЦСС датотеке. Када су се појавиле динамичке веб странице, постојала су два главна избора: АСП (касније АСП.НЕТ) и ПХП.

Према бројкама (као нпр ово истраживање В3Тецхс ) ПХП је далеко популарнији, са скоро 82 посто веб страница које га користе као програмски језик на страни сервера. Упоредите ово са нешто мање од 16 процената користећи АСП.НЕТ.

Чини се мало вероватним да ће АСП.НЕТ постојати након званичног крајњег датума 2022. године у било ком званичном својству, барем не као веб технологија. ПХП (рекурзивни акроним за ПХП Хипертект Препроцессор) показао се успешнијим, углавном захваљујући лакшој интеграцији са Линуком.

С обзиром да оперативни систем отвореног кода ради на већини веб сервера, ово не би требало да буде изненађење.

Шта вам је потребно за изградњу ПХП веб локације

Пре него што почнете, проверите да ли сте инсталирали обичан уређивач текста или развојно окружење спремно за ПХП. Можете започети кодирање ПХП -а једноставним алатом као што је Виндовс Нотепад. Примери пронађени у овом водичу написани су у Нотепад ++.

Такође би требало да имате ПХП веб сервер на који можете да учитате своје датотеке. Ово може бити удаљени сервер или локални рачунар са инсталираним окружењем ЛАМП (Линук, Апацхе, МиСКЛ, ПХП) или ВАМП (Виндовс, Апацхе, МиСКЛ, ПХП). Ако користите Виндовс, следите ово ВАМП водич за инсталацију започети.

Коначно, биће вам потребан ФТП програм за постављање датотека на ваш веб сервер.

Опширније: Бесплатни ФТП клијенти за Виндовс

Схватите синтаксу за кодирање једноставне веб странице помоћу ПХП -а

Основна синтакса за ПХП користи скуп угаоних заграда, при чему се свака функција завршава тачком и зарезом, овако:

Што се тиче веб страница, скоро свака употреба ПХП -а ослања се на ецхо исказ. Ово упућује прегледач да испише текст и садржај у наводнике. На пример:

како да приступим својој е -пошти за Оутлоок?

Имајте на уму да је ХТМЛ такође укључен у наводнике. Излаз за ово би се обично појавио као:

Направите веб локацију помоћу ПХП -а: Структура

Са којим год кодом писали своју веб локацију, пре него што наставите, мораћете да знате њену структуру. Овај водич ће вам показати како да креирате једну страницу од ПХП датотека за вишекратну употребу. Ово се може користити за израду додатних страница или можете изабрати другачији приступ.

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

Виндовс 10 неће покренути црни екран

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

За ову једноставну ПХП веб страницу, креираћете једну ПХП страницу испуњену садржајем са три ХТМЛ странице. Индекс.пхп датотеку коју креирате тада можете уредити прилагођавањем речи и слика из оригиналних ХТМЛ датотека.

Примери кода приказани испод су снимци екрана. Оригинални код ћете пронаћи у моје спремиште ГитХуб , који је бесплатан за свако преузимање.

Направите ПХП веб локацију: Заглавље

Да бисте креирали веб локацију помоћу ПХП -а, морате да направите три веб странице. Они се заснивају на основној структури заглавља, тела и подножја.

Као што можете претпоставити, заглавље садржи податке о наслову. Међутим, укључени су и подаци за прегледач, као што је ХТМЛ стандард који се користи, заједно са ЦСС референцама.

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

За овај пример, обезбедили смо основну ЦСС датотеку, за коју ћете видети да је референцирана у њеном сопственом / цсс / директоријуму. Ова датотека ће бити позвана када се страница учита у прегледач и примени потребан фонт и изглед.

Ставите садржај у тело ПХП веб странице

Свака веб страница се састоји од одељка садржаја познатог као „тело“. Ово је део странице који читате --- оно што сада читате је тело ове странице.

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

Следећи је део подножја веб странице. Направите ово као фоотер.хтмл и додајте садржај. Ово могу бити информације о ауторским правима или можда неке корисне везе за свакога ко посети вашу страницу.

Можда је нешто овако:

Са додатим кодом сачувајте датотеку.

Састављање ваше једноставне ПХП веб локације заједно

Са три засебне ХТМЛ датотеке у / хтмл / можете користити ПХП ецхо да их саставите у једну страницу.

Направите нову ПХП датотеку под називом индек.пхп са следећа три реда:

Сачувајте, отпремите на свој сервер, а затим идите на индек.пхп. Требало би да видите завршену веб страницу у свом прегледачу. Имајте на уму да се стварна ПХП датотека коју сте отворили у прегледачу састоји од само три реда.

Коначно, можете додати мало успеха ПХП -а са последњом линијом. Укључите обавештење о ауторским правима са увек ажурираном годином:

Ово ће се појавити у датотеци индек.пхп која се налази испод подножја. Обратите пажњу на то како израз ецхо дате ('И') приказује текућу годину у четири цифре. Можете променити начин на који се ово приказује позивањем на ову листу опција В3Сцхоолс. На пример, малим словом 'и' приказала би се година у двоцифреном формату, а не у четири.

Користите ЦСС да бисте га позиционирали и обликовали, као и са било којим другим елементом. Пронађите ЦСС за овај пројекат у спремишту ГитХуб, заједно са другим једноставним кодом ПХП веб локације.

како да преузмете избрисане слике са андроид телефона

Браво --- управо сте креирали своју прву ПХП веб локацију од нуле.

Да ли је ПХП најбољи избор за кодирање веб страница?

Као што сте можда схватили, ПХП није једини начин за развој веб страница. Многи оквири већ постоје за динамичко веб искуство засновано на базама података, постоји ЈаваСцрипт и сродне технологије, те софтвер попут Адобе Дреамвеавер.

Међутим, ако желите да почнете са веб развојем, паметно је да разумете основе. Ако разумете градивне блокове ХТМЛ, ЦСС и ПХП веб странице, на добром сте путу до успеха.

Објави Објави Твеет Емаил Научите ХТМЛ и ЦСС помоћу ових водича корак по корак

Занима вас ХТМЛ, ЦСС и ЈаваСцрипт? Ако мислите да имате способности да научите како да креирате веб странице од нуле-ево неколико одличних водича корак по корак које вреди испробати.

Прочитајте следеће Повезане теме

Програмирање
Веб Девелопмент
Програмирање
ПХП програмирање

О аутору Цхристиан Цавлеи(1510 објављених чланака)

Заменик уредника за безбедност, Линук, уради сам, програмирање и објашњење технологије и заиста користан произвођач подцаста, са великим искуством у подршци за десктоп и софтвер. Сарадник часописа Линук Формат, Цхристиан је љубитељ Распберри Пи -а, љубитељ Лега и љубитељ ретро игара.

Више од Цхристиана Цавлеија

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили