Unikalny system Wstawek HTML i Szablonów i podglądu stron w różnych szablonach pozwala na bardzo wygodne prototypowanie wyglądu podstron nawet działającego serwisu.

Aby zacząć prototypowanie:

  • Utwórz kopię szablonu, na podstawie którego będziesz pracować - albo utwórz nowy.
  • Następnie:
    • Jeśli pracujesz nad wyglądem strony jednego typu (np. strona kontaktowa),
      • najlepiej utwórz kopię tej strony
      • przypisz ją do nowego szablonu.
    • Jeśli pracujesz na wyglądem stron różnego typu obsługiwanych przez 1 szablon,
      • otwórz wszystkie typy interesujących Cię stron za pomocą ikony lub na liście stron
      • pojawi się możliwość podejrzenia wyglądu strony w dowolnym szablonnie,
      • wybierz utworzony szablon.
  • Następnie edytuj
    • strukturę szablonu według pomysłu
    • style CSS i Skrypty JavaScript:
      • jeśli aktualne style/skrypty nie są rozbudowane, albo są przeniesione do pliku, prototypuj nowe bezpośrednio w szablonie
        • skrypty JavaScript w polu "Skrypty HEAD" szablonu
        • style CSS w polu "Plik styli" (Wspisz same deklarace styli - bez flagi otwierającej i zamykającej STYLE)
      • możesz też dodawać nowe deklarace CSS bezpośrednio w polu "Dodatkowe skrypty i style" utworzonej kopii strony (pamiętaj, aby dodać flagi <STYLE> i </STYLE>)
      • jeśli edytujesz kilka szablonów równocześnie, utwórz Wstawki HTML dla nowych skryptów JavaScript i styli CSS a następnie albo w edytowanych szablonach, albo w edytowanych stronach tymaczasowych dodaj:
        • w przypadku styli <style>{HTML:wstawka_ze_stylami}</style>
        • w przypadku skryptów <script>{HTML:wstawka_ze_skryptami}</script>
      • po uzyskaniu satysfakcjonującego efektu,
        • przenieść zawartość skryptów javascript oraz styli css (bez flag STYLE i SCRIPT) do plików .js i .css
        • wgraj pliki do Plików - najlepiej do katalogu /templates/nazwa_szablonu
        • wpisz do Head szablonu/ów <link rel="stylesheet" href="/custom/templates/nazwa_szablonu/style.css" type="text/css">
        • wpisz do Head szablonu/ów  <script src="/custom/templates/nazwa_szablonu/skrypty.js"></script>
      • jeśli używasz tej kombinacji plików w wielu szablonach, możesz dla wygody utworzyć Wstawkę HTML z powyższymi deklaracjami styli i skryptów i do HEAD szablonów dodawać wstawkę, np. {HTML:nowy_szablon_head}
    • NIE odwołuj się przez <link rel="stylesheet" lub <script src= bezpośrednio do publicznego adresu wstawki dostępnego po kliknięciu lupy na liście wstawek
      • nie zadziała to dobrze ze względu na niezgodny MIMETYPE.
      • spowolni to Twoją stronę, ponieważ treść wstawki jest ładowana dynamicznie z bazy danych, a plik jest statyczny i ładowany z chmury.
Jak widzisz, impleSITE daje bardzo dużo możliwości szybkiego prototypowania bez potrzeby robienia tego na produkcyjnych podstronach czy szablonach. Możesz przetestować wiele kombinacji, podejrzeć efekty i wdrożyć je dopiero wtedy, gdy efekt będzie zadowalający.