Jak stworzyć prostą osobistą stronę docelową za pomocą Adobe Muse

Proces projektowania strony internetowej obejmuje dwa główne etapy. Pierwszy polega na zaprojektowaniu wyglądu stron, a drugi na przełożeniu projektu na rzeczywisty produkt - strony internetowe. Pierwszy etap wymaga umiejętności projektowania, podczas gdy drugi etap wymaga wiedzy w zakresie kodowania. Problem polega na tym, że znalezienie osoby posiadającej obie umiejętności jest trudne.

Dla tych, którzy mają lepsze wyczucie designu (i nie są zainteresowani kodowaniem), jest Muse z Adobe. Firma twierdzi, że ta wieloplatformowa aplikacja AIR może pomóc każdemu w projektowaniu i publikowaniu stron HTML bez konieczności pisania kodu.

Rozpocznij planowanie osobistej strony docelowej

Jedno pytanie, zanim zaczniemy. Dlaczego ktoś miałby używać narzędzia do budowania stron internetowych, takiego jak Muse, skoro zamiast tego można używać WordPress i jego motywów? Odpowiedź to “dostosowywanie”. Mimo że istnieją dosłownie tysiące motywów WordPress, dostosowujemy motyw do naprawdę dopasowanie naszych potrzeb jest trudne. Innym powodem jest to, że użycie zaawansowanego systemu baz danych WordPress dla prostej i liniowej strony byłoby przesadą.

Możesz pobrać Muse ze strony internetowej. Jest dostępny za darmo do czasu wydania wersji 1.0 na początku 2012 roku. Aplikacja działa w systemach Windows i Mac, ale wymaga zainstalowanego środowiska AIR.

Aby lepiej zrozumieć, jak działa Muse, spróbujmy użyć go do stworzenia prostej osobistej strony docelowej. Pięć wskazówek, jak stworzyć fajnie wyglądającą osobistą stronę docelową Pięć wskazówek, aby stworzyć fajnie wyglądającą osobistą stronę docelową, coś podobnego do Flavours.me Flavorsme - Stwórz własną spersonalizowaną stronę internetową Flavorsme - Stwórz własną spersonalizowaną stronę internetową lub About.me Najlepsi twórcy stron internetowych do stworzenia czystego portfolio online Najlepsi twórcy stron internetowych do stworzenia czystego portfolio online Który darmowy program do tworzenia stron internetowych jest najlepszy dla twojego portfolio? Oto najlepsze narzędzia do tworzenia witryn, z których możesz wybierać! . Zacznij od wyboru “Utwórz nową witrynę” z okna startowego lub z menu Plik.

• Następnie zostaniesz poproszony o dostosowanie witryny, wybierając szerokość strony, liczbę kolumn, marginesy itp.

• Pierwszym krokiem w budowaniu witryny jest decyzja, ile stron będzie miała i jaka jest relacja między stronami. Możesz łatwo dodawać, usuwać i zmieniać kolejność stron w “Plan” okno.

• Kliknij “+ (plus)” przycisk, aby dodać, oraz “X” przycisk, aby zamknąć. Kliknij nazwę strony, aby zmienić nazwę, a następnie przeciągnij i upuść, aby zmienić kolejność.

• Na dole strony możesz zobaczyć stronę A-Master. Jest to szablon, który będzie używany w całej witrynie. Jeśli więc istnieją elementy, które chcesz zachować na wszystkich swoich stronach, byłoby znacznie łatwiej, gdybyś zdefiniował elementy w A-Master zamiast powtarzać je w kółko.

Zacznij budować

• Po dwukrotnym kliknięciu jednej ze stron zostanie ona otwarta w nowej karcie. Możesz rozpocząć budowanie i projektowanie stron za pomocą narzędzi na górnym pasku narzędzi.

• Inne narzędzia, które pomogą Ci w procesie projektowania, to: “Panele” po prawej. Możesz pokazać lub ukryć te panele za pomocą menu Okno.

• Aby zbudować naszą osobistą stronę docelową, zmień tło, wstawiając obraz. Możesz dostosować obraz, zmieniając skalę i pozycję.

• Następnie dodajmy menu nawigacyjne, wybierając je z panelu Widget, a następnie przeciągając i upuszczając na stronę.

• Możesz dostosować menu nawigacyjne za pomocą “Opcje“. Kliknij małą niebieską strzałkę, aby przywołać okno Opcje.

• Możesz także zmienić wygląd tekstu (typ, kolor, rozmiar) za pomocą “Tekst” zakładka w prawym panelu.

• Następnie możesz dodawać Teksty i Prostokąty za pomocą narzędzi na pasku narzędzi. Przeciągnij te elementy do żądanej pozycji i dostosuj je za pomocą odpowiednich paneli. Aby dodać linki zewnętrzne (lub inne elementy HTML), użyj “Wstaw HTML” menu pod “Obiekt“.

• Zapisz kod HTML linków w wyskakującym oknie i kliknij OK, aby dodać go do witryny.

• Podobnie jak inne elementy, wstawiony kod HTML można w dużym stopniu dostosować. Niestety nadal nie możemy zmienić koloru linku. Mam nadzieję, że ta funkcja pojawi się w przyszłej wersji aplikacji.

• Po ustawieniu wszystkiego możesz zobaczyć wynik klikając na “Zapowiedź” połączyć.

Ostatni krok

• Po tym, jak wszystko zostanie ustawione, jesteś gotowy do opublikowania swojej witryny w Internecie. Aby to zrobić, użyj “eksportuj jako HTML” menu pod “Plik“.

• Wybierz lokalizację do zapisania projektu i kliknij “Eksport” .

• Jeśli chcesz dołączyć swoją osobistą stronę docelową do adresu URL, który już posiadasz, użyj dowolnego przyzwoitego klienta FTP. 3 najlepszych darmowych klientów FTP dla systemu Windows. 3 najlepszych darmowych klientów FTP dla systemu Windows FTP to przydatna metoda udostępniania plików i metoda przejścia. do przesyłania plików do hosta internetowego. Oto najlepsi klienci FTP, z których możesz pobrać za darmo. aby przesłać wszystko z folderu na konto hostingowe. Ponieważ różni dostawcy usług hostingowych używają różnych ustawień, skonsultuj się z dostawcą usług hostingowych w tej sprawie.

Ten krótki eksperyment pokazał nam, że utworzenie osobistej strony docelowej za pomocą programu Muse jest tak proste, jak dodawanie i dostosowywanie elementów. Ale Muse jest także w stanie tworzyć bardziej skomplikowane witryny z wieloma stronami. Istnieje wiele przykładów stron internetowych pokazujących, co Muse może zrobić na ich temat “Gablota” strona. Aby dowiedzieć się więcej o Muse, możesz je odwiedzić “Uczyć się” strona.

Co sądzisz o Muse? Czy wypróbujesz to narzędzie, aby pomóc w tworzeniu witryny? Podziel się swoimi przemyśleniami w komentarzach poniżej.