Jak korzystać z pobranego szablonu projektu

Dostosuj plik HTML

Zapisz

Wyszukaj pliki zawarte w pobranym szablonie projektu. Będą one mieszanką plików HTML, CSS i graficznych. Niektóre grafiki będą oznaczone jako "edytowalne", co oznacza, że ​​są tymi, które projektant myśli, że chcesz dostosować do swojej witryny, takich jak nagłówek. Inną grafiką, której prawdopodobnie nie trzeba edytować, są ramki dystansowe, paski, tła, które utrzymują projekt razem.

Utwórz kopię folderu zawierającego pliki szablonów. W ten sposób możesz edytować grupę plików i przechowywać oryginały w innym miejscu, na wypadek gdybyś chciał ich ponownie użyć.

Zapisz

Uruchom program, aby edytować sieć i otworzyć plik szablonu oznaczony w podobny sposób do pliku index.html. Powinna to być strona początkowa szablonu.

Zapisz

Sprawdź szablon w narzędziu do edycji internetowej i wyszukaj obszary, które chcesz dostosować. Kliknij na zdjęcia, aby poznać nazwy plików i umieść je w szablonie, aby je edytować. Zwróć także uwagę na wymiary obrazów (wysokość i szerokość). Dostosowując grafikę szablonu, upewnij się, że nowe pliki mają takie same wymiary jak oryginalne, ale zniekształcisz układ.

Zapisz

Edytuj obszary tekstowe szablonu i dodaj nową zawartość.

Usuń dowolną część szablonu, której nie chcesz, ale pamiętaj, że niektóre szablony korzystające z tabel w swoim układzie mogą mieć grafikę lub teksty w określonych lokalizacjach, aby zachować szerokość kolumny określonej miary. Jeśli usuniesz te elementy, kolumna może się zmniejszyć, zniekształcając uzbrojony. Zastąp ją grafiką lub tekstem o tym samym rozmiarze, aby zachować szerokość kolumny.

Użyj polecenia Zapisz w edytorze stron internetowych, aby zapisać zmiany, a następnie zamknij narzędzie do edycji internetowej.

Dostosuj pliki graficzne

Zapisz

Uruchom narzędzie do edycji grafiki i otwórz pliki, które chcesz dostosować. Te, które widzieliście już w pliku HTML, prawdopodobnie mają rozszerzenie JPG lub GIF, które są skompresowanymi plikami zoptymalizowanymi dla sieci. Pliki, które chcesz edytować, są "oryginalnymi" plikami skompresowanych wersji. Powinny być w formacie PNG lub PSD lub w innym formacie innym niż JPG lub GIF i prawdopodobnie są przechowywane w oddzielnym folderze w folderze szablonu.

Użyj narzędzi do edycji w swoim programie graficznym, aby zmienić pliki tak, jak chcesz, aby wyglądały na Twojej stronie internetowej i zapisywać zmiany.

Zapisz

Wyeksportuj pliki graficzne edytowane w formatach JPG lub GIF, które pasują do formatu zastępowanych plików w szablonie i umieść je w tym samym folderze, co plik HTML zapisany w części pierwszej. Nie zmieniaj nazw plików, w przeciwnym razie odniesienia w kodzie HTML zostaną zmodyfikowane. Twój program graficzny powiadomi Cię, że wyeksportowany plik zastępuje istniejący plik i właśnie tego chcesz.

Zapisz

Ponownie otwórz plik indeksu HTML w narzędziu do edycji internetowej, aby zobaczyć, jak wyglądają zaktualizowane wykresy i dokonać niezbędnych korekt.