InDesign w praktyce – od grafiki do HTML i CSS

January 10,2022 Post by : Pamela Klityńska
  • Umiejętności związane z programem InDesign
  • InDesign w praktyce – od grafiki do HTML i CSS InDesign w praktyce – od grafiki do HTML i CSS

    Opis

    Informacje o kursie

    Czy z InDesignem możemy zaprojektować szablon strony WWW? Jak najbardziej. Czy możemy wygenerować poprawne pliki HTML i CSS? Oczywiście. InDesign sprawdza się doskonale jako narzędzie do tworzenia prototypów i generowania plików potrzebnych do dalszej pracy nad projektami związanymi z WWW. Ten kurs to odmienne spojrzenie na InDesigna, który postrzegany jest jako aplikacja do składu drukowanych publikacji lub interaktywnych dokumentów PDFów.

    Rola InDesigna w projektowaniu WEB

    Photoshop i Illustrator są z reguły oczywistym wyborem podczas budowy prototypów lub wizualizacji projektów webowych. Ich powszechność – szczególnie Photoshopa – pomaga popularności, ale to InDesign pozwala nam generować pliki HTML z uwzględnieniem struktury XML. Dlatego nic nie stoi na przeszkodzie, aby rozszerzyć swoje umiejętności o kolejną funkcjonalność tego znakomitego programu.

    Jak InDesign to robi?

    Na bazie stylów InDesigna możemy przypisywać znaczniki HTML do obiektów, tekstu i znaków. Wykorzystując style możemy także kontrolować nazwy klas, które są podstawą kaskadowych arkuszy stylów (CSS). Co więcej, możemy także kontrolować kolejność eksportowanych ramek/obiektów oraz ich wzajemne zagnieżdżenie – a wszystko to, dzięki wewnętrznym znacznikom InDesigna i strukturze XML (tą ostatnią, budujemy metodą „przeciągnij i upuść”). Są to niezwykle proste ale i potężne narzędzia, które nie wymagają znajomości programowania.

    A co, jeśli jestem początkującym użytkownikiem InDesigna, czy ten kurs jest dla mnie?

    Jak najbardziej. Szkolenie ma formulę tutoriala, a to oznacza, że będziemy realizować po kolei poszczególne etapy bez skrótów i niedomówień. Nawet osoba, która nie miała dotychczas styczności z programem powinna sobie poradzić beż większych problemów – każdy krok został zaprezentowany w materiale wideo. Mimo to, dla osób, które nie miały wcześniej styczności z InDesignem, polecam szkolenie wprowadzające w arkana programu: InDesign od podstaw w praktyce: Projekt CV. [LINK]

    HTML i CSS w kursie

    Pliki HTML i CSS w całości generuje InDesign – my, będziemy je edytować, aby odwzorować projekt graficzny w przeglądarce internetowej. W przypadku HTML, będzie to głównie usuwanie zbędnych kontenerów, klas i identyfikatorów. Po stronie pliku CSS, będzie to redukcja kodu i dopisanie kilku linii właściwości CSS. Pomimo tego, że nie jest to kurs o HTML/CSS, to każda osoba nie znająca w/w technologii bez problemu opracuje wspomniane pliki.

    Zakres materiału i cel kursu

    W pierwszym module będziemy zajmować się projektem od strony graficznej. Wykorzystamy podstawowe narzędzia i utworzymy swoisty prototyp. W ramach modułu zajmiemy się:

    Organizacją materiału na warstwach

    Formatowaniem obiektów i tekstu

    Tworzeniem i przypisywaniem stylów

    W drugim module sprawdzimy, jak wygląda surowy projekt po wyeksportowaniu do HTML/CSS. Szybko okażę się, że wiele rzeczy możemy poprawić po stronie InDesigna. Dlatego w dalszej części modułu zajmiemy się:

    Pracą z klasami CSS i znacznikami HTML w InDesign

    Pracą ze znacznikami InDesigna dla potrzeb struktury XML

    Strukturą XML

    Trzeci moduł to wyjście z InDesigna i wkroczenie na nowe terytorium. Za pomocą darmowego programy Atom [LINK], przystosujemy projekt do wyświetlania w oknie przeglądarki internetowej. Poruszymy następujące zagadnienia:

    Dopasowanie struktury kontenerów

    Usuwanie wybranych klas utworzonych przez InDesigna poza naszą kontrolą

    Usuwanie zbędnych identyfikatorów

    Redukcja i uproszczanie kodu CSS

    Formatowanie obiektów i tekstu za pośrednictwem CSS

    Spis treści:

    Author

    January 10,2022

    Leave a Reply