Tworzenie pierwszej strony internetowej od podstaw: 4 kroki

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:33

Ta instrukcja pokaże Ci, jak stworzyć własną stronę internetową, całkowicie od podstaw bez uczenia się praktycznie żadnego html i całkowicie za darmo, chociaż potrzebne są pewne umiejętności w zakresie programu do rysowania, ale jeśli nie masz tej umiejętności, możesz przeszukać Internet za to, co zamierzasz zrobić w farbie, wstępnie przygotowana lista rzeczy potrzebnych.

• Dostęp do Internetu (szanse, że jeśli to czytasz, to masz)
• Program do malowania
• Około godziny (jeszcze krócej w zależności od umiejętności)
• I kilka plików do pobrania, które oczywiście są darmowe.

Pierwsze pobieranie nazywa się gimp, co jest w zasadzie rozwodnioną wersją sklepu fotograficznego lub większą wersją farby do okien, którą zdecydujesz. Gimp ten program ma również wersje dla użytkowników linux i mac. Następnym jest coś, co bardzo mi się podoba, to edytor HTML, który jest. zgadłeś Free ware. to sprawia, że nie musisz uczyć się html. ale jeśli chcesz zrobić kodowanie, możesz to zrobić w tym programie. NVUG To wszystko, dobrze, gdzie jesteś gotowy, aby zrobić krok w świat interwebu.

Krok 1: Robienie zdjęć

Jest to etap, w którym wykonujesz wszystkie zdjęcia dla swojej witryny, oczywiście na tym etapie będziesz musiał mieć nazwę dla swojej witryny. Wypróbowaną i prawdziwą metodą jest zrobienie zdjęcia o wymiarach 1000x600, które sprawi, że Twoja witryna będzie, weź strona z instrukcjami, na przykład, wszystko, co tak naprawdę jest, to baner u góry, pomarańczowy pasek z przyciskami i kilka pasków menu. Po prostu zrób całość jako pojedynczy obraz (po prostu pomiń obszar treści, tj. gdzie tekst jest na środkowej stronie, po prostu pozostaw to miejsce puste) i nie twórz tła, po prostu wypełnij tło jednolitym kolorem, który pasuje do twojej strony. Nie powiem ci wskazówek dotyczących malowania ani niczego, na co możesz wyglądać w tym na własną rękę. gdy masz już to, co chcesz, żeby wyglądała twoja strona główna. po zakończeniu. wytnij i wklej wszystko, co można kliknąć, łącznie z banerem i przyciskami pojedynczo do nowego okna, i zapisz je osobno, pamiętaj, aby zapisać je jako.png, spójrz na zdjęcia, aby zobaczyć mój przykład. Chodzi o to, aby wszystko oddzielić, aby móc to zakodować.

Kolejną wskazówką jest utworzenie nowego folderu do ich zapisywania, nie potrzebnego, ale dla organizacji

Krok 2: Składanie wszystkiego z powrotem

Teraz, aby otworzyć nvu, zajęło mi to trochę klikania, ale nie jest to zbyt skomplikowane. poprowadzę Cię przez to krok po kroku.

Najpierw musisz wziąć górny pasek, który jest domyślnie ustawiony na 600 (jestem prawie pewien), ale będziesz chciał przeciągnąć go i zwiększyć szerokość o 1000, zrób to samo z boku, po prostu ustaw 600. Następnie Będziesz chciał najpierw ustawić tło witryny, nie będziesz używać wypełnienia użytego w programie do malowania, zamiast tego przejdź do Format> Kolory i tło strony, kliknij użyj niestandardowych kolorów. i ustaw kolor tła tak, jak zrobiłeś to w programie do malowania. Następną rzeczą, którą będziesz chciał zrobić, to dodać górny baner. kliknij przycisk obrazu na pasku narzędzi. i znajdź swój baner. kliknij nie używaj tekstu alternatywnego. i ok. masz teraz swój pierwszy obraz na swojej stronie. *kliknij pasek źródeł na dole programu, aby zobaczyć, ile kodowania zostało w to włożone. to także dobry sposób na naukę HTML. Prześlij resztę przycisków, możesz użyć tekstu alternatywnego lub nie zależy to od Ciebie. musisz jednak kliknąć przycisk i przejść do paska formatu we właściwościach obrazu i łącza. kliknij pasek linków i ustaw go jako link do tego, czego dotyczy, przycisk strony głównej będzie miał postać index.htm, przycisk linków będzie miał postać links.htm napisz, z czym są połączone przyciski, będziesz ich potrzebować później, gdy wszystko będzie gotowe powinien wyglądać jak obraz strony internetowej przed wykonaniem operacji wycinania i wklejania. Ostatnią rzeczą, którą będziesz chciał zrobić, to zrobić tabelę na środku strony pod przyciskami, możesz zmienić kolor i obramowanie na pasku menu, to jest miejsce, w którym będzie twój główny tekst. napisz coś w swoich tylko po to, aby mieć coś na swojej stronie.

Krok 3: Przygotowanie wszystkiego

Teraz masz już prawie zrobioną stronę internetową. ale prawdopodobnie nie masz czasu ani miejsca potrzebnego do skonfigurowania serwera, a poza tym nie byłby on darmowy. ale są to miejsca, w których Twoja witryna będzie hostowana za darmo na swoich serwerach. moim ulubionym jest. darmowe sieci

Jeśli nie masz ochoty robić tego, co jest pouczające i po prostu czytasz, nadal możesz stworzyć witrynę z ich wszystkich, których potrzebujesz, wszystko, co musisz zrobić, to wybrać, jak chcesz, aby Twoja witryna wyglądała i wpisać to, co chcesz. Ten sposób robienia tego jest o wiele bardziej elastyczny

Załóż konto na freewebs, jeśli nazwa Twojej strony jest zajęta, nie martw się, na razie dodaj 2 na końcu strony, np. mines punkholy, gdyby była zajęta, nazwałbym ją punkholy2. (najprawdopodobniej nie jest to to, co ludzie wpisują, gdy przechodzą do Twojej witryny. Na koniec, tworząc witrynę, upewnij się, że ustawiłeś ją w trybie html. Skończysz na ekranie takim jak trzecie zdjęcie, kliknij menedżera witryny, i kliknij, aby edytować stronę o nazwie index.htm, usuń rzeczy, które są na niej, przejdź do paska źródłowego w nvu i skopiuj i wklej to do pustego edytora tekstu. na koniec prześlij obrazy do głównego katalogu i kliknij mały globus aby wyświetlić stronę. Jeśli coś pójdzie nie tak, skomentuj to i wyślij mi wiadomość z kodem HTML, a zobaczę, co mogę zrobić.

Krok 4: Kończenie

Godzisz się ze mną prawie gotowe. pamiętasz, kiedy byłaś tak postawiona, by zapisać te imiona? Teraz, kiedy ich potrzebujesz. utwórz kilka nowych stron o nazwach takich samych, do których podłączono przyciski. teraz skopiuj kod HTML ze strony indeksu. i skopiuj go na nowe strony, po sprawdzeniu. powinieneś zobaczyć, gdzie tekst został wprowadzony na stronie głównej. możesz to usunąć i napisać coś innego, co trafiłoby na stronę, wtedy będziesz musiał poszukać jakiegoś html, jeśli chcesz dodać linki do innej witryny i tym podobne. ale w większości przypadków WYKONANE przetestuj swoje przyciski, aby sprawdzić, czy działają. wymyśl jakąś treść i bądź szczęśliwy. *jako opcjonalny krok, jeśli masz imię, które zostało zajęte i musiałeś umieścić 2 w swoim imieniu, przejdź tutaj i zarejestruj żądaną nazwę. nawet jeśli jest zajęty w darmowych sieciach, są szanse, że nie jest tutaj brane. w końcu tylko zwykły komentarz do rzeczy, jeśli masz problemy, wiem, że jest to długa instrukcja z dużą ilością informacji, a jeśli coś pominąłem, powiedz mi, nie zapalaj się ja, Iv stworzyłem wiele stron internetowych i coś, co uważam za oczywiste, może nie być takie oczywiste dla kogoś, kto jest w tym nowy. jeśli chcesz przykładu heres moja stronawww.punkholy.tk.