Projektowanie stron responsywnych za pomocą Adobe Dreamweaver
A course by Arturo ServínProjektant stron internetowych
A course by 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.
Recommended software & tools for this course
What is this course's project?
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
Who is this online course for?
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ą .
Requirements and materials
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
- 5 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.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
You’ll learn how to create, structure, and design responsive websites using Dreamweaver, HTML, and CSS—enhancing user experience and interface, managing visual assets, typography, colors, and collaborative workflows.
This course is aimed at people with basic web design or development knowledge—perfect for intermediate learners wanting to deepen their skills in building responsive sites and using Dreamweaver efficiently.
Basic knowledge of HTML and CSS is recommended, though the course reviews key concepts and guides you through applying them practically within Dreamweaver.
You’ll need a computer with Adobe Dreamweaver installed, internet access, and basic file system navigation skills. Advanced programming experience is not required.
You’ll learn how to use Media Queries, adaptive layouts, and the mobile-first approach to ensure your websites look great and work smoothly on any device, optimizing user experience.
Yes, the course teaches how to select, combine, and integrate fonts and color palettes using tools like Google Fonts, Adobe Fonts, and Adobe Color to create a consistent visual identity.
Yes, you’ll learn to design accessible forms, create standard buttons, and customize them with CSS, ensuring usability and accessibility in your web projects.