Narzędzia

Szybka edycja AMP oraz HTML

edytor AMP

Wiele gotowych szablonów stron internetowych jest oparta na AMP, HTML, lub Bootstrap.

Może Cię to zaskoczy, ale nie jest potrzebna żadna wiedza informatyczna, aby wykonać proste modyfikacje na nim (dostosować szablon)

Każda z wymienionych technologii tworzenia stron internetowych charakteryzuje się strukturą organizacji danych, które są w niej zawarte. Ponieważ piszę tutaj o szablonie, nie potrzebujesz wiedzy, jakie są różnice pomiędzy technologiami, tak naprawdę interesuję Cię tylko podmiana danych na te, które chcesz w nim umieścić.

Aby zacząć edytować szablon AMP, HTML, Bootstrap, powinieneś zaopatrzyć się w najprostsze narzędzie do edycji proponuję Notepad ++ jako edytor.

Zwykły „Notatnik” nie posiada funkcji takiej jak: zamień wszystko, dodatkowo może dopisywać meta tagi przy zapisywaniu pliku.  Żeby rozpocząć dostosowanie szablonu, musimy umieścić pliki graficzne na serwerze w jednym folderze.

 

Jeżeli posiadasz swoje grafiki do podmiany, przed skopiowaniem ich na serwer, miej pewność, że są skompresowane, możesz użyć do tego np. imagecompressor.com

  • Skopiuj link prowadzący do folderu z grafikami (uwzględniający Twoją domenę)
  • Otwórz edytor (edytuj plik index.htm).
  • Znajdź pliki np. jpg w kodzie edytora.
  • Podmień ścieżkę z kodu na skopiowane linki (pamiętaj, że nazwy plików, muszą się zgadzać z nazwami w edytorze)
  • Ustal miejsca tekstu „lorem ipsum” i zamień je na swoje opisy.
  • Zapisz plik zgodnie z roszczeniem (index.html)
  • Przekopiuj plik index.html do folderu głównego w serwerze.
  • Jeżeli szablon zawiera skrypty, przekopiuj je na serwer zgodnie z zapisaną strukturą plików.
  • Od „<a href=” zaczynają się wszystkie linki (ta informacja pozwoli Ci na ich szybką podmianę, lub usunięcie)
  • Dodane pliki graficznie poprzedza src=” …” będzie Ci łatwiej odszukać pliki do ich podmiany.

A) Jeżeli masz wykupiony hosting współdzielony, to wszystko, ciesz się swoją nową stroną www.
B) Jeżeli masz swój serwer, pamiętaj o przypisaniu grupy www-data i zmianie uprawnień.

useradd -G www-data iain
chown -R www-data:www-data /var/www/example.com
chmod 775 /var/www

Jeżeli szukasz szablonu strony html, bootstrap, lub amp, który będziesz chciał się pochwalić jako wizytówka, czy też strona firmowa.

Szablony stron

Edycja gotowego szablonu strony www, nie musi być  trudna, jeżeli chcesz, aby twoja strona była wczytywana przez przeglądarki jako „zaufana” skorzystaj z poradnika i dowiedz się jak uzyskać darmowy certyfikat SSL Darmowe https 

 

Programowanie

Ostatnie kursy

Programowanie
To Top