przez McDonalda. T / Zaktualizowano 28 listopada 2018
budowanie strony internetowej może wydawać się zniechęcające, jeśli dopiero zaczynasz projektować strony internetowe. Prawda jest jednak taka, że zbudowanie własnej strony testowej jest tak proste, że cię zawstydzi! Potrzebujesz tylko odpowiednich narzędzi do wykonania pracy. Nawiasy i xampp mogą być używane na Mac, Windows lub Linux, ale w tym blogu skupię się na Mac.
co to jest strona testowa?
witryna testowa to witryna, którą można utworzyć bez potrzeby korzystania z serwera lub hosta internetowego . Możesz stworzyć stronę testową na własnym komputerze i bawić się nią, dopóki nie będziesz z niej zadowolony. Jest to naprawdę dobry sposób na naukę HTML5 i PHP w bezpiecznym środowisku.
1) Zainstaluj nawiasy
nawiasy to edytor, który pozwoli Ci kodować i testować pliki. Nawiasy są proste w użyciu i mają sprytną, małą funkcję o nazwie live view, która pozwala wyświetlić kod w przeglądarce internetowej tak, jak wyglądałby jako strona internetowa. Innymi słowy, przekłada kod na stronę internetową. Brackets jest wolnym i otwartym oprogramowaniem, które używa schematu kolorów w kodzie źródłowym podczas jego pisania.
koszt: bezpłatny
Pobierz z http://brackets.io/
2) Zainstaluj xampp-vm
Xampp-vm jest łatwą w użyciu aplikacją, która tworzy wirtualny serwer do zabawy i jest łatwa w instalacji. Z xampp-vm będziesz tworzyć piękne strony internetowe w mgnieniu oka. Xampp jest wyposażony w bazę danych, php, Perl i Apache.
koszt: bezpłatny
Pobierz z https://www.apachefriends.org/index.html
Instrukcja Instalacji
3) Konfigurowanie nawiasów do przeglądania plików php
Konfigurowanie nawiasów za pomocą xampp-vm do przeglądania plików php jest łatwiejsze niż większość ludzi myśli. Po instalacji uruchom xampp-vm i kliknij start z karty Ogólne, a następnie kliknij start all z karty usługi. Gdy to zrobisz, wybierz port, którego chcesz użyć, i kliknij Włącz na karcie Sieć. Po zakończeniu tej czynności przejdź do zakładki woluminy i kliknij mount. Na pulpicie pojawi się wolumin dysku o nazwie lampp: otwórz go. Wyszukaj 'htdocs’ po otwarciu. „htdocs” to folder, w którym należy przechowywać pliki dla witryny testowej. Dodatkowo dobrze jest utworzyć nowy folder w’ htdocs 'o sensownej nazwie, takiej jak’Myweb’. Folder „MyWeb”jest teraz miejscem do przechowywania wszystkich nowych plików na stronie testowej.
teraz otwórz nawiasy i przejdź do pliku > Otwórz Folder. Na pasku bocznym menu poszukaj woluminu w obszarze udostępniony, który ma coś, co wygląda jak adres IP (ciąg cyfr i kropek) i kliknij na niego. Powinien zawierać jeden folder o nazwie lampp: otwórz go. Teraz otwórz folder htdocs i wybierz (jedno kliknięcie) folder MyWeb i otwórz go za pomocą przycisku „Otwórz” u dołu okna. Na koniec przejdź do pliku > ustawienia projektu i wklej w http://localhost:8080/MyWeb/ i kliknij Gotowe. Teraz, gdy napiszesz plik php i zabezpieczysz go w tej lokalizacji, będziesz mógł użyć Widoku aktywnego w nawiasach. Przycisk podglądu na żywo znajduje się w prawym górnym rogu i wygląda jak błyskawica na boki. Teraz włącz apache, jeśli masz Mac, wpisz „sudo apachectl start” w terminalu i naciśnij enter, a następnie wprowadź hasło i naciśnij enter. To jest to! Możesz utworzyć stronę testową. Jeśli chcesz przetestować apache, wpisz localhost na pasku przeglądarki i naciśnij enter. Powinieneś zobaczyć „to działa” w widoku przeglądarki.
Konfiguracja poradnika