Większość projektantów stron internetowych używa obecnie drogich programów takich jak Adobe Dreamweaver lub Adobe Fireworks do tworzenia swoich stron internetowych. Cóż, te programy mają dużą funkcjonalność, ale mają też dużą wagę. Jako początkujący projektant stron internetowych nie miałem dostępu do takich programów, dopóki nie zaprojektowałem kilku stron internetowych. Potrzebowałem więc sposobu, w jaki mogłem stworzyć swoje projekty internetowe z tym, co miałem, kiedy zaczynałem, a był to Laptop z Windows XP, połączenie internetowe i chęć do nauki. Potrzebowałem sposobu, w jaki mogę zaprojektować sposób, w jaki chciałbym wyglądać na mojej stronie, a następnie wyodrębnić części obrazów na moją stronę.
Jak zrobić stronę internetową - samouczek projektowania stron internetowych
Adobe ma to zgrabne, małe narzędzie zwane narzędziem wycinania, które służy do wycinania obrazu, aby działało na stronie internetowej. Stwierdziłem, że MS Paint jest w stanie to zrobić, nie tak łatwo jak Photoshop, ale wciąż jest to wykonalne. Więc wszystko, czego potrzebujesz, aby zacząć tworzyć wysokiej jakości strony internetowe, to Notatnik, MS Paint i Kalkulator Windows. Teraz otworzymy MS Paint i przejdziemy do :Image: i wybieramy :Attributes: lub wciskamy Ctrl + E i zmieniamy rozmiar na 800x600 lub jakikolwiek rozmiar strony internetowej. Teraz idź orzechy i stwórz główny kolor tła za pomocą narzędzia :Maluj puszki: i utwórz swój baner, twój obraz łączy się z boku lub u góry. Zasadniczo spraw, aby wyglądał dokładnie tak, jak chcesz wyglądać na stronie, ale nie dodawaj treści do strony internetowej.
Po wykonaniu projektu w MS Paint wyodrębnimy obrazy, abyśmy mogli z nich korzystać. Najprostszym sposobem na to jest użycie narzędzia wyboru kwadratowego w prawym górnym rogu paska narzędzi. Wybierz to narzędzie, a następnie użyj go, aby wybrać pierwsze pole, które będzie Twoim pierwszym obrazem. Po wybraniu obrazu klikniesz :Edytuj:, a następnie :Kopiuj: lub wykonaj Ctrl + C. Następnie otwórz kolejną instancję programu MS Paint i kliknij :Edytuj:, a następnie :Wklej: lub Ctrl + V, aby nasz wybór był teraz jego własnym obrazem. Upewnij się, że chwytasz prawe dolne okienko obrazu i zmieniasz rozmiar płótna, dzięki czemu wokół naszego obrazu jest teraz dodatkowa biel. Teraz zapisz ten obraz jako coś, co zapamiętasz. Zrobimy to teraz dla wszystkich logicznych obszarów na naszym obrazie, tak jak każde łącze będzie jego własnym obrazem, każda dodatkowa przestrzeń będzie obrazem, cały obszar, w którym planujesz umieścić swoją zawartość, będzie własnym obrazem.
Teraz, gdy mamy wszystkie nasze zdjęcia, nadszedł czas, aby umieścić je razem na naszej stronie internetowej. Można to zrobić po prostu za pomocą tabel i mając trochę pacjentów, aby upewnić się, że wszystko jest prawidłowo dobrane. Najpierw utworzysz tabelę o szerokości 800, ponieważ jest to szerokość oryginalnego obrazu, który tworzymy. Jeśli masz większą szerokość w oryginalnym obrazie, który utworzysz, upewnij się, że stół będzie odzwierciedlał ten obraz. Następnie chcemy się upewnić, że border = :0:, cellpadding = :0: i cellspacing = :0:, ponieważ chcemy, aby wszystko dotykało się względem siebie. Wszystkie nasze obrazy zostaną odpowiednio umieszczone w tabeli, aby odtworzyć oryginalny obraz. Kiedy tworzysz swoje linki z obrazami upewnij się, że w znaczniku img określasz border = :0:, więc nie otrzymasz niebieskiej ramki wokół obrazu.
Następnie zajmiemy się obszarem treści Twojej strony internetowej i mamy dwa sposoby, aby to zrobić. Pierwszym sposobem jest zrobienie obrazu, który wycięliśmy i użycie go jako tła dla tagu td, który będzie zawierał naszą zawartość. W ten sposób jest trochę łatwiej, ale zwiększa czas ładowania strony. Ta druga metoda działa tylko wtedy, gdy tło Twojej sekcji treści ma jednolity kolor. Wróć do MS Paint z oryginalnym obrazem załadowanym na ekran i wybierz mały przycisk paska narzędzi, który wygląda jak zakraplacz i kliknij obszar obrazu, który będzie Twoją treścią. Wykonanie tego umieszcza ten kolor w programie do malowania, gdzie możemy go obejrzeć i edytować. Kliknij :Kolory:, a następnie :Edytuj kolory ...:, a otworzy się okno, w którym klikniesz :Zdefiniuj niestandardowe kolory >>:. Spowoduje to otwarcie małego bocznego okna, w którym możesz zobaczyć ilość użytych czerwonych, zielonych i niebieskich. Skopiuj te liczby w dół i kliknij przycisk anuluj w oknie :Edytuj kolory:. Teraz otwórz kalkulator i kliknij :Widok:, a następnie :Nauka:, aby uzyskać wszystkie dodatkowe opcje za pomocą kalkulatora. Aby uzyskać kolor, którego używamy na naszej stronie, musimy przekonwertować liczbę dziesiętną, jaką otrzymaliśmy z farby na HEX. Więc weźmy pierwszy zapisany numer i wpisz go w naszym kalkulatorze, a następnie kliknij przycisk radiowy, który mówi HEX. Mamy teraz równoważnik HEX naszej liczby dziesiętnej. Tak więc musimy to zrobić dla wszystkich trzech skopiowanych przez nas liczb, na przykład mamy Red 56 Green 153 i Blue 23 po przekonwertowaniu ich na HEX są czerwone 38 Green 99 i Blue 17. Tak więc nasz kod ustawia tło w naszym tekście tag będzie :# 389917:.
Więc prawdopodobnie widzisz, że używanie MS Paint jest trochę bardziej czasochłonne niż używanie Photoshopa do tworzenia stron internetowych. Ale będzie to kosztować cię tylko trochę czasu, zanim będziesz mógł stworzyć wystarczającą ilość stron internetowych, na których możesz kupić Photoshopa lub Fireworks. Mam nadzieję, że spodobał Ci się ten artykuł i okazało się, że ma on charakter informacyjny. Jak zaprojektować stronę internetową Złota zasada odnosząca sukcesy na stronie internetowej była i nadal jest :Keep it fast, easy and organized:. Nawigacja i treść muszą być proste, aby przyciągać użytkowników i przechowywać je na miejscu, gdy już się tam znajdą. Sprawiając, że jest to szybkie, łatwe i zorganizowane, nie dzieje się przez przypadek. Zdarza się to poprzez unikanie niektórych typowych błędów w projektowaniu stron internetowych.
Odwiedzający witrynę po raz pierwszy muszą wiedzieć, tak szybko, jak to możliwe:
...Kim jesteś
...Dlaczego twoja strona jest warta przeczytania
...Dlaczego powinni kupować od ciebie
...Przede wszystkim, jak poruszać się po stronie, aby dotrzeć tam, gdzie chcą się udać
Witryny, które nie dostarczają tych podstawowych informacji lub nie popełniają innych typowych błędów, nie przyciągają użytkowników i gubią się wśród niezliczonych ilości stron internetowych już znajdujących się w Internecie.
Aby dać sobie szansę na zobaczenie, unikaj następujących błędów na stronie, aby zapewnić maksymalną widoczność online:
1. Kiedy masz stronę internetową, ważne jest, aby skupić się na swoich klientach. Jednym z największych błędów witryny jest organizacja witryny w taki sposób, aby przynosiła korzyści firmie, ale dezorientuje klienta. Najpierw sprawdź, czego oczekują Twoi klienci, a następnie spróbuj zrobić stronę internetową, która ułatwi im to. Zbyt wiele stron internetowych zaprojektowano tak, aby tylko projektant wiedział, jak korzystać z witryny!
2. Wiele firm jest tak podekscytowanych potencjałem, że projekt strony internetowej jest całkowicie odwrotny - otrzymują nazwę domeny i hosting, rozwijają stronę internetową i określają, czego chcą klienci.
Oto poprawna kolejność czynności dla niższych kosztów i lepszego sukcesu:
a) Zdefiniuj oczekiwania i potrzeby klientów
b) Opracuj stronę internetową - możesz zarezerwować nazwę domeny w tym momencie, ale hosting nie jest jeszcze potrzebny
c) Wybierz hosting i aktywuj nazwę domeny
d) Prześlij stronę internetową na serwer i zintegruj swoją obecność w Internecie z podejściem marketingowym
3. Pomyśl o przeglądarce internetowej, z której będą korzystać twoi odwiedzający, aby wyświetlić twoją stronę internetową wraz z rozdzielczością ekranu. Upewnij się, że witryna sieci Web wyświetla się prawidłowo i jest łatwa do odczytania. Na przykład, przeglądaj swoją stronę internetową w Internet Explorer i Firefox, dwóch najpopularniejszych przeglądarkach, zanim sfinalizujesz swój projekt. Twoja witryna może wyświetlać się inaczej niż przeglądarka. Posiadanie strony, która jest trudna do zbadania, jest jednym z największych błędów witryny, które możesz popełnić.
4. Niektóre witryny internetowe popełniają błąd polegający na tym, że użytkownicy muszą pobierać aplikacje w celu korzystania ze strony internetowej. Posiadanie specjalnych programów, które muszą zostać pobrane, zanim można zobaczyć części witryny, jest ogromnym błędem. Badania wykazały, że ludzie po prostu nie chcą pobierać elementów na swoje komputery w celu wyświetlenia strony internetowej. Jedyny wyjątek stanowią e-booki w formacie PDF. Pliki PDF są standardem branżowym, a większość komputerów ma wbudowany czytnik plików PDF. M o to ludzie są zadowoleni z pobierania e-booków w formacie PDF.
5. Oprogramowanie do projektowania stron internetowych pozwala projektantowi umieścić więcej grafik na stronie internetowej niż jest to praktyczne. Mimo że duży obraz może być mniejszy, może nadal zużywać dużą przepustowość i spowalnia ładowanie strony internetowej. Jest to pewny sposób na ściganie gości. Ponadto osobiste zdjęcia nie zawsze przedstawiają profesjonalny wygląd i powinny być używane oszczędnie, jeśli w ogóle.
6. Unikaj wtyczek, efektów specjalnych, złożonych efektów wizualnych i innych sztuczek. Ich ładowanie często zajmuje dużo czasu, wymaga specjalnego oprogramowania lub, co najgorsze, awarii komputerów odwiedzających. O ile Twoja strona internetowa nie jest zaprojektowana jako dzieło sztuki lub utworu, i istnieje przede wszystkim w celach rozrywkowych, unikaj wymyślnych rzeczy. Większość osób odwiedza witrynę internetową, aby uzyskać informacje lub produkt tak szybko i tak prosto, jak to tylko możliwe.
Na koniec, jednym z najczęstszych błędów jest założenie, że użytkownicy nagle zaczną uciekać do Twojej strony internetowej, gdy tylko znajdą się w Internecie. :Jeśli go zbudujesz, przyjdą: nie ma zastosowania. Musisz im powiedzieć, że ją zbudowałeś i gdzie ją znaleźć. Gdy tylko będziesz zadowolony ze swojej strony internetowej, zapoznaj się z podstawami marketingu online.