Tworzenie responsywnych witryn internetowych w programie Adobe Muse

Dowiedz się, jak tworzyć responsywne witryny w programie Adobe Muse. Korzystaj z pustych układów lub predefiniowanych szablonów startowych, aby tworzyć responsywne witryny.

Uwaga:

Do programu Adobe Muse nie są już dodawane nowe funkcje, a jego obsługa zostanie wycofana 26 marca 2020 r. Aby uzyskać szczegółowe informacje i pomoc, zobacz najczęściej zadawane pytania dotyczące zakończenia usługi Adobe Muse.

Można łatwo rozpocząć projektowanie responsywnych witryn internetowych w programie Adobe Muse, wykorzystując jeden z poniższych sposobów:

  • Korzystanie z plików startowych: program Adobe Muse oferuje startowe, responsywne szablony z możliwością dostosowania, które ułatwiają szybkie rozpoczęcie projektowania. Skonfiguruj szablon startowy i opublikuj witrynę responsywną za pomocą jedynie kilku kliknięć. Szczegółowe informacje zawiera sekcja Korzystanie z responsywnych szablonów startowych.
  • Korzystanie z pustego układu: program Adobe Muse zapewnia użytkownikowi dostęp do pustego obszaru roboczego, bez ograniczających formatów i siatek, przeznaczonego do tworzenia własnych responsywnych witryn internetowych. Użyj pojedynczego pliku Adobe Muse, aby tworzyć różne układy dla różnych szerokości przeglądarek. Aby utworzyć nową witrynę responsywną Adobe Muse, zapoznaj się z tematem Tworzenie nowej witryny responsywnej.
  • Konwertowanie istniejących serwisów internetowych na responsywne witryny internetowe: program Adobe Muse umożliwia migrowanie istniejących witryn Adobe Muse do układów responsywnych. Zmień układ istniejących witryn internetowych Adobe Muse na płynną szerokość i dostosuj układ obiektów do różnych szerokości przeglądarek. Aby uzyskać więcej informacji, zobacz temat Migrowanie istniejących witryn internetowych Adobe Muse do układów responsywnych.

Gdy otworzysz stronę w układzie responsywnym, program Adobe Muse wyświetli Przewodnik po projektowaniu responsywnym — krótki pokaz slajdów dotyczący punktów przerwania, zmiany rozmiaru obiektów i formatowania tekstu w responsywnym układzie witryny. Możesz obejrzeć przewodnik lub wyświetlić pokaz slajdów później, klikając kolejno Pomoc > Przewodnik po projektowaniu responsywnym.

Aby dowiedzieć się, jak rozpocząć pracę z projektami responsywnymi w programie Adobe Muse, obejrzyj samouczek wideo dotyczący układów responsywnych.

Korzystanie z responsywnych szablonów startowych

Program Adobe Muse oferuje szablony dla różnych typów stron internetowych, np. stron do użytku osobistego lub stron z galeriami fotograficznymi.

Aby uzyskać dostęp do szablonów startowych, zapoznaj się z sekcją dotyczącą projektów startowych na stronie Adobe Muse. Wybierz szablon z sekcji i kliknij przycisk Download (Pobierz), aby pobrać pliki startowe.

Strona wzorcowa i zestaw poszczególnych stron ze wstępnie zdefiniowanymi szablonami zostaną otwarte w widoku Planowanie programu Adobe Muse podczas otwierania plików startowych. Możesz wybrać opcję Komputer (1160 pikseli szerokości), Tablet (768 pikseli szerokości) lub Telefon (380 pikseli szerokości) w górnym panelu. Możesz również modyfikować szablony startowe stosownie do potrzeb, a także wyświetlać podgląd stron za pomocą opcji przesuwania stron.

Jeśli nie chcesz pobierać szablonu, możesz kliknąć przycisk Preview (Podgląd) w sekcji Starter Design (Projekt startowy). Przykładowa witryna zostanie otwarta w przeglądarce.

Tworzenie nowej witryny responsywnej

Aby utworzyć nową witrynę z układem responsywnym, wybierz opcję Szerokość płynna w oknie dialogowym Nowa witryna. Obiekty na stronie odpowiadają automatycznie i są skalowane zgodnie z rozmiarem przeglądarki. Opcja Szerokość płynna pozwala projektować responsywne witryny w pustych układach, bez ograniczających szablonów lub wstępnie zdefiniowanych układów.

  1. Kliknij polecenie Plik > Nowa witryna.

    Wybierz opcję Szerokość płynna dla układu responsywnego.

  2. Kliknij opcję Szerokość płynna. Po wybraniu opcji Szerokość płynna obiekty na stronie będą opływać punkty przerwania. Oznacza to, że obiekty odpowiadają na szerokość przeglądarki w oparciu o ich zachowanie responsywne.

  3. Kliknij opcję Ustawienia zaawansowane i ustaw szerokość, wysokość i marginesy witryny. Możesz zacząć od szerokości przeglądarki, która będzie odpowiednia do projektowania witryny. Po rozmieszczeniu obiektów możesz dodać kolejne punkty przerwania dla dodatkowych szerokości przeglądarki.

    Następnie wybierz rozdzielczość i język. Kliknij przycisk OK.

    Ustawienia zaawansowane podczas tworzenia płynnej witryny

    Po utworzeniu nowej witryny responsywnej rozmieść obrazy, tekst i inne obiekty zgodnie z szerokością przeglądarki.

Logo Adobe

Zaloguj się na swoje konto