Jak nauczyć się projektowania stron internetowych: 13 kroków (ze zdjęciami) - Wskazówki

Wideo: Proces projektowania stron internetowych

Zawartość

Kroki
Rada
Ostrzeżenie
Czego potrzebujesz

Projektowanie stron internetowych to bardzo cenna umiejętność, zwłaszcza w świecie, w którym wszystko kręci się dziś wokół Internetu. Jeśli jesteś w tym naprawdę dobry, możesz zarabiać na swoich klientach, stworzyć witrynę członkostwa (witrynę, która ogranicza dostęp do treści gości) lub realizować inne projekty monetyzacji. A jeśli naprawdę chcesz wiedzieć, jak nauczyć się projektowania stron internetowych, ten artykuł jest dla Ciebie!

Kroki

Część 1 z 3: Pierwsze kroki

Zwróć uwagę na różnicę w projektowaniu stron internetowych. Nie projekt książki, nie projekt plakatu, nie ilustracja. Najważniejsze w tych dziedzinach również nie jest projektowanie stron internetowych. Chociaż strony internetowe mogą być systemami dostarczania gier i filmów i chociaż te systemy dystrybucji mogą przyciągać wzrok, są uosobieniem projektowania gier i opowiadania historii wideo, a nie projektowania stron internetowych.
Wiedzieć, o co chodzi w projektowaniu stron internetowych. Tak wygląda proces tworzenia środowiska cyfrowego:
- wspieranie i zachęcanie do działalności człowieka;
- odzwierciedlać lub dostosowywać się do indywidualnych treści i głosów;
- zmieniają się rytmicznie w czasie, zachowując jednocześnie swoją tożsamość.
Określ zasoby, których chcesz użyć. Strony internetowe, filmy i książki to trzy główne zasoby. Codecademy i W3Schools to obecnie dwie znane strony internetowe. Ponadto istnieje wiele innych zasobów, nie wahaj się i nie wahaj się!
- Jeśli wybierzesz jakąkolwiek stronę internetową, zarejestruj się, aby założyć konto, aby zapisać swoje postępy.
- Jeśli zdecydujesz się uczyć wideo, zaznacz wszystkie potrzebne filmy.
- Odwiedź lokalną bibliotekę lub księgarnię, jeśli planujesz uczyć się z książek. Jeśli nie chcesz wydawać zbyt dużo (lub nawet nie chcesz ich wydawać), możesz pobrać ebook lub dokument PDF.
- Jeśli chcesz zapłacić, prawdopodobnie znajdziesz dostosowane do potrzeb lekcje od profesjonalnego projektanta stron internetowych.
Określ, ile czasu potrzebujesz na naukę. Jeśli jesteś zajętą osobą, będziesz musiał znaleźć sposób na znalezienie czasu na naukę.
Pobierz program do projektowania stron internetowych, jeśli go nie masz. Chociaż nadal możesz pracować z Notatnikiem, lepiej mieć program taki jak Adobe Dreamweaver, Microsoft Expression Web lub KompoZer. Istnieje mnóstwo innych opcji, sprawdź więcej i pobierz program, który lubisz. Reklama

Część 2 z 3: Badanie

Zacznij korzystać z HTML. HTML to nieodzowna umiejętność każdego projektanta stron internetowych. Podstawowe pojęcia, takie jak tagi, klasy, identyfikatory, dane wejściowe itp.
- Najnowsza wersja HTML to HTML5. HTML5 wprowadza kilka nowych technologii, więc jest prawdopodobnie najlepszą wersją do nauczenia.
- XHTML jest również realną opcją. Jednak ta wersja jest nieco bardziej wymagająca.
Naucz się CSS. CSS to skrót od „Cascading Style Sheet” lub kaskadowych plików stylów. Bez CSS nie ma pięknego projektu, który nadal można zobaczyć w sieci. HTML to tylko ramka, a CSS sprawia, że witryna jest kolorowa i przyciąga wzrok.
- CSS jest dość rygorystyczny w użyciu. Na przykład, jeśli zapomnisz wstawić średnik na końcu każdego wiersza, być może trzeba będzie podrapać się po czole.
Naucz się JavaScript i jQuery. Dla tych, którzy planują stworzyć prostą stronę internetową, ten krok jest opcjonalny. Jednak aby stworzyć interaktywną stronę internetową, niezwykle potrzebna jest nauka dwóch powyższych języków programowania.
- Jeśli zamierzasz używać jQuery, potrzebujesz tylko podstaw JavaScript, ponieważ jQuery może uprościć sprawę.
- Dzięki jQuery możesz wstawiać widżety, takie jak akordeon (składana zawartość), kalendarz itp. jQuery jest również dostępny w różnych stylach, więc wybór odpowiedniego stylu dla Twojej witryny należy do Ciebie.
Kontynuuj z bardziej zaawansowanymi językami. To PHP, MySQL, Perl, Ruby i kilka innych języków. Nie jest to wymagane dla osób, które chcą po prostu zbudować prostą witrynę internetową, ale jest to niezbędne do stworzenia dużej, interaktywnej witryny internetowej.
- Jeden z nich, taki jak PHP, potrzebuje serwera testowego. Dlatego nie zapomnij założyć konta w usłudze hostingowej lub zainstalować oprogramowanie serwerowe na swoim komputerze.
Reklama

Część 3 z 3: Zastosuj swoją wiedzę

Utwórz witrynę internetową projektu. Eksperymentuj i twórz internet od podstaw. To pomoże ci manipulować wiedzą, zamiast pozwolić jej rdzewieć w twoim mózgu.
Zapytaj znajomego lub krewnego, który potrzebuje strony internetowej. Możesz stworzyć dla nich darmową stronę internetową, aby zdobyć doświadczenie!
Uruchom własną stronę internetową. Dzięki treściom, które lubisz, ta strona internetowa da Ci możliwość publicznego zaprezentowania swoich umiejętności.
Niezależny, jeśli chcesz. Nalicz rozsądną opłatę i umieść swoje portfolio w swojej witrynie. Kto wie, pewnego dnia Twoja firma rozwinie się w prawdziwą firmę. Reklama

Rada

Proszę być cierpliwym! Jeśli zamierzasz uchwycić wszystko w ciągu zaledwie sześciu godzin, bardzo szybko zapomnisz.
Nie zakładaj, że będziesz musiał zapłacić za dobry edytor HTML. Istnieje wiele dobrych darmowych programów, które mogą kosztować nie mniej niż kilka milionów VND.
Po zakończeniu projektu zbierz trochę kodu i zamień go w bibliotekę. Od tego momentu nie będziesz musiał ponownie programować tych samych rzeczy w każdym projekcie. Jeśli biblioteka stanie się zbyt duża, możesz ją nawet sprzedać!
Dokumenty PDF są nieco bardziej elastyczne niż e-booki. Możesz czytać dokumenty PDF na dowolnym komputerze, podczas gdy eBooki są zwykle zaprojektowane dla określonego typu urządzenia, takiego jak Kindle, iPad itp.
Jeśli Ty lub ktoś z Twoich bliskich wiecie o projektowaniu stron internetowych, poproś ich, aby Cię nauczyli. Na pewno będziesz uczyć się za darmo (miejmy nadzieję!).

Ostrzeżenie

Nie zmuszaj się zbytnio! Kiedy jesteś zmęczony, zapomnisz o wszystkim i niczego się nie nauczysz.
W językach programowania istnieje koncepcja zwana nieskończonymi pętlami. Są strachem programisty. Uważaj, żeby ci się to nie przytrafiło!
Zachowaj ostrożność podczas pobierania programu! Wszystko może być wirusem.
Dowiedz się, zanim zarejestrujesz się na stronie internetowej. Oczywiście, jeśli jest to renomowana witryna internetowa, nie musisz się martwić. Jednak mniej znane witryny internetowe są najprawdopodobniej phishingiem.