Jak utworzyć szablon strony internetowej?

Gotowe szablony stron internetowych są płatne iza darmo, na każdy gust. Jednak wszystkie mają ogromną wadę - nie są wyjątkowe. Nawet jeśli kupiłeś szablon, to ktoś inny może go kupić.

Jak być, jeśli chcesz mieć własną stronę internetową,i nie możesz zamówić projektu strony w profesjonalnym studio? Możesz i powinieneś spróbować stworzyć własny szablon do swojej witryny. Szablon jest rodzajem przygotowania do projektowania stron twojego projektu internetowego, który następnie wypełniasz niezbędną treścią.

Gdzie zacząć. Pierwszy krok - wstępne staranne rozważenie, w jaki sposóbChcesz zobaczyć wygląd swojej witryny, może wydawać się zbędny. Jednak tylko na pierwszy rzut oka. Lepiej jest rysować przyszły projekt na papierze, eksperymentować z różnymi opcjami i dopiero wtedy zacząć pracę w edytorze graficznym.

Następny krok, jak zapewne już się domyślacie, rysuje projekt w edytorze graficznym. Które jednocześnie wybierają redaktora - kwestię osobistych upodobań i preferencji. Najpopularniejszy pakiet graficzny - Adobe Phohtoshop, więc zastanówmy się nad stworzeniem szablonu do projektowania witryny na jego przykładzie.

Strony twojej przyszłej witryny będą komórkami tabeli, jeśli użyjesz układu tabeli lub bloków, jeśli blok. Umieść obrazek, który narysowałeś układ projektu umieszczenie strony w tych komórkach lub blokach jest kolejnym etapem tworzenia szablonu witryny. Aby to zrobić, musisz podzielić jeden obraz na kilka części, według liczby i rozmiaru komórek lub bloków, których potrzebujesz.

W programie Adobe Phohtoshop dostępne jest specjalne narzędzie do cięcia obrazów - Narzędzie do krojenia. Z tym narzędziem, dosłownie jak nóżobraz jest cięty na wymaganą liczbę sztuk. Należy wziąć pod uwagę, że podczas wypełniania tekstu niektóre komórki tabeli lub bloki na stronie witryny mogą się "rozciągać". Dlatego w przypadku tych komórek należy wyciąć fragmenty obrazu, aby podczas kopiowania nie tworzyły wrażenia z kafelka.

Gdy obraz zostanie pocięty na wymaganą liczbę części, musisz go zapisać. W Adobe Phohtoshop jest to łatwe. W menu Plik musisz wybrać pozycję Zapisz na urządzenia internetowe. W oknie dialogowym, które się pojawi, musiszwybierz typ pliku "HTML i obrazy", podaj nazwę pliku "index.htm" lub "index.html" (preferowane jest rozszerzenie .htm) i zapisz ten plik w folderze głównym przyszłej witryny. Jeśli wszystko zostało wykonane poprawnie, odpowiedni plik index.html i katalog obrazów pojawią się w tym folderze. Na obrazach będą tylko wszystkie pocięte fragmenty obrazu.

Co dalej? Pozostaje tylko edytować plik index.html tak, że po wypełnieniu go tekstemNie było pęknięcia obrazu ani białych pasków. Aby uniknąć takich problemów, należy wybrać, dla których komórek obrazy powinny być tłem, które komórki będą rozciągnięte lub połączone. Nie zniechęcaj się, jeśli nie udało Ci się perfekcyjnie obrobić obrazu po raz pierwszy, możesz potrzebować kilku bolesnych prób. W rezultacie projekt Twojej witryny będzie dokładnie taki, jak chciałeś, a sama strona Cię zadowoli oryginalność i wyjątkowość.

Na podstawie materiałów z witryny webstudio2u.net