Projektowanie stron responsywnych za pomocą Adobe Dreamweaver
Kurs prowadzi Arturo ServínProjektant stron internetowych
Kurs prowadzi Arturo Servín, Projektant stron internetowych
Naucz się podstaw języków HTML i CSS, aby krok po kroku stworzyć responsywną stronę internetową z interfejsem wizualnym
Adobe Dreamweaver to oprogramowanie umożliwiające budowanie stron internetowych z całkowicie wizualnego interfejsu, które w przeciwieństwie do innych programów ma możliwość bezbłędnego generowania kodów HTML i CSS, ponieważ posiada funkcję weryfikującą ich poprawność. Ponadto bezproblemowo integruje narzędzia Creative Cloud, takie jak m.in. kolory, obrazy lub pliki .svg.
W tym kursie projektant stron internetowych Arturo Servín - lepiej znany jako Monky Lab - nauczy Cię tworzyć responsywną stronę internetową za pomocą Adobe Dreamweaver w sposób wizualny i bez znajomości HTML i CSS przy użyciu interfejsu graficznego z narzędziami do tworzenia i pisania kodu. W ten sposób, dzięki połączeniu podstawowego programowania i projektowania, będziesz mieć większą kontrolę nad opracowaniem dowolnego dokumentu internetowego.
Aby wziąć udział w kursie nie jest wymagana znajomość HTML i CSS. Ponadto jest idealnym uzupełnieniem dla studentów jego [ //www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web]Domestika Podstawy: Adobe Photoshop do projektowania stron internetowych](https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web) , aby urzeczywistnić zaprojektowaną przez nich stronę internetową.
Czego nauczysz się na tym kursie online?
llekcji: 31 & liczba dodatkowych zasobów: 39
Co zrobimy na kursie?
4 min, 44 sek.
Czym są UX i UI?
9 min, 11 sek.
Kierunek sztuki
11 min, 32 sek.
Zaleta standaryzacji
9 min, 2 sek.
Dlaczego warto korzystać z programu Dreamweaver?
7 min, 33 sek.
Przegląd obszaru roboczego
9 min, 39 sek.
Co obejmuje ten kurs?
Arturo Servín wyjaśni, jak zaczął od projektowania stron internetowych i jak mierzył się z różnymi zmianami i postępem technologicznym. Opowie o swoich inspiracjach i pokaże funkcjonalne odniesienia do projektowania stron internetowych.
Zaczniesz od poznania podstawowych zasad projektowania stron internetowych, następnie Arturo nauczy Cię odróżniać UX od UI oraz udzieli kilku porad dotyczących kierunku artystycznego i budowy strony i jej standardów.
Zobaczysz, jak za pomocą narzędzi Adobe Dreamweaver zbudować witrynę internetową w której umieścisz znaczniki podstawowe z językiem HTML i ustalisz parametry. Będziesz eksperymentować z umieszczaniem tekstu i obrazów, a także linków do różnych rodzajów plików.
Uzupełnisz strukturę wizualną za pomocą okien CSS. Nauczysz się generować selektory i wartości, a następnie ustalić model pudełka zorientowany na parametry responsywny oraz poprzez elementy CSS stylizować swoją stronę: czcionki, projekt pudełka, zastosowanie pozycji , wyświetlaj i pływa ; i zastosujesz między innymi obrazy tła, obramowania lub listy i klasy.
Jak sprawić, by Twoja witryna responsywna ? Ustalisz parametry budowy strony za pomocą Media Queries dla różnych wymaganych środków, stworzysz proste menu, które będzie służyło zarówno dla smartfona i dla komputera, i będziesz zobacz jak do przeglądu i poprawne przed przesłać internetową .
Wszystko gotowe do publikacji! Użyjesz okna FTP programu, aby zsynchronizować lokalne foldery witryny __ z folderami witryny , dzięki czemu będziesz mógł natychmiast wprowadzać zmiany w swojej witrynie.
Zalecane oprogramowanie i narzędzia do tego kursu
Jaki jest projekt kursu?
Opracujesz responsywną z tylko jedną stroną, co pozwoli Ci mieć funkcjonalne rezultaty, zarówno dla klientów, jak i dla bardziej zaawansowanych zespołów programistycznych.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Do grafików, którzy nie zdecydowali się na krok w kierunku projektowania stron internetowych, do początkujących projektantów stron internetowych, do wtajemniczonych projektantów interfejsu użytkownika i do każdego, kto chce nauczyć się projektować swoją stronę internetową responsywną .
Wymagania i materiały
Do tego kursu nie jest wymagana wcześniejsza wiedza, ponieważ nauczysz się HTML i CSS od podstaw, ale poprzedni kurs Arturo Servín, z Adobe Photoshop do projektowania stron internetowych [url=https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web] .
Jeśli chodzi o narzędzia, potrzebujesz komputera z zainstalowanym programem Adobe Dreamweaver CC 2019 lub nowszym.
Oceny
- 6 miesięcy temu
bien
- 10 miesięcy temu
muy bien explicado
- rmmarinacePLUSrok temu
I've programmed for the web for almost 20 years, but never designed with Dream Weaver. I teach Graphic Design with Phtoshop and Illustrator so it was time to learn DW--so this is a fantastic start.
- rok temu
Excelente, muy completo lo sentí como un basics, sin ser basics!
- rok temu
Buen curso
Zawartość
- Cz.1
Wstęp
- Prezentacja
- Wpływy
- Co zrobimy na kursie?
- Cz.2
Zasady projektowania stron internetowych
- Czym są UX i UI?
- Kierunek sztuki
- Zaleta standaryzacji
- Cz.3
Pozbyć się strachu przed Dreamweaverem: budowanie podstawowej strony internetowej
- Dlaczego warto korzystać z programu Dreamweaver?
- Przegląd obszaru roboczego
- Tworzenie portfeli
- Składnia HTML z wykorzystaniem tagów, atrybutów i wartości
- Ogólna struktura strony internetowej
- Umieszczanie tekstu i obrazów
- Linki (edytuj)
- Cz.4
Dodawanie stylu do strony internetowej
- Łączenie pliku CSS i jego składnia
- Selektory i wartości
- Model pudełkowy i resetowanie arkusza stylów
- Style typograficzne
- Style do konstrukcji pudełek P1
- Style do projektowania pudełek P2
- Stosowanie pozycji, wyświetlania i pływaków P1
- Stosowanie pozycji, wyświetlania i pływaków P2
- Dekoracja CSS
- Cz.5
Strona responsywna
- Tworzenie zapytań o media
- Najpierw telefon komórkowy
- Proste responsywne menu P1
- Tworzenie prostego responsywnego menu P2
- Korzystanie z podglądów
- Sprawdź i popraw
- Cz.6
Publikowanie stron internetowych
- Definiowanie zdalnego serwisu z programu Dreamweaver
- Wgrywanie strony internetowej
- Zsynchronizuj witrynę lokalną i witrynę daleką
- PK
Projekt końcowy
- Wprowadzenie do responsywnego projektowania stron internetowych w programie Adobe Dreamweaver
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
Nauczysz się tworzyć, strukturyzować i projektować responsywne strony internetowe, korzystając z Dreamweavera, HTML i CSS, optymalizując doświadczenie użytkownika i interfejs, zarządzając zasobami wizualnymi, typografią, kolorami oraz współpracą zespołową.
Kurs jest skierowany do osób z podstawową wiedzą z zakresu projektowania lub tworzenia stron internetowych, idealny dla średniozaawansowanych, którzy chcą pogłębić umiejętności w tworzeniu responsywnych witryn i efektywnym korzystaniu z Dreamweavera.
Warto mieć podstawową znajomość HTML i CSS, choć kurs przypomina najważniejsze zagadnienia i prowadzi krok po kroku przez ich praktyczne zastosowanie w Dreamweaverze.
Potrzebujesz komputera z zainstalowanym Adobe Dreamweaverem, dostępu do internetu oraz podstawowej umiejętności poruszania się po systemie plików. Nie jest wymagana zaawansowana znajomość programowania.
Nauczysz się stosować Media Queries, elastyczne struktury i zasadę mobile first, aby Twoje strony działały i wyglądały świetnie na każdym urządzeniu, zapewniając użytkownikom najlepsze wrażenia.
Tak, kurs uczy wybierać, łączyć i integrować kroje pisma oraz palety kolorów, korzystając z narzędzi takich jak Google Fonts, Adobe Fonts i Adobe Color, by stworzyć spójną identyfikację wizualną.
Tak, nauczysz się projektować dostępne formularze, tworzyć standardowe i niestandardowe przyciski za pomocą CSS, dbając o użyteczność i dostępność swoich projektów.