Design web responsiv cu Adobe Dreamweaver
A course by Arturo ServínDesigner web
A course by Arturo Servín, Designer web
Design web responsiv cu Adobe Dreamweaver
Adobe Dreamweaver este un software care vă permite să construiți pagini web dintr-o interfață complet vizuală. Spre deosebire de alte programe, acesta poate genera cod HTML și CSS fără erori, deoarece are o funcție care verifică dacă este scris corect. De asemenea, se integrează perfect cu instrumente Creative Cloud, cum ar fi culori, imagini și fișiere .svg, printre altele.
În acest curs, designerul web Arturo Servín - mai cunoscut sub numele de Monky Lab - vă va învăța cum să creați un site web responsiv cu Adobe Dreamweaver într-un mod vizual, fără nicio cunoaștere de HTML sau CSS. Folosind o interfață grafică cu instrumente pentru construirea și scrierea de cod, astfel, prin îmbinarea programării de bază cu designul, veți avea un control mai mare asupra creării oricărui document web.
Nu sunt necesare cunoștințe anterioare de HTML sau CSS pentru a urma acest curs. De asemenea, este complementul ideal pentru studenții[/url] Domestika Basics: Adobe Photoshop pentru design web, pentru a [url=https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web]ajuta să dea viață site-ului web conceput.
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Ce vom face în cadrul cursului?
1 minut, 1 secundă
Ce sunt UX și UI?
1 minut, 1 secundă
Direcție artistică
1 minut, 1 secundă
Avantajul standardizării
1 minut, 1 secundă
De ce să folosiți Dreamweaver?
1 minut, 1 secundă
Prezentare generală a zonei de lucru
1 minut, 1 secundă
Ce include acest curs?
Arturo Servín va explica cum a început să lucreze în domeniul designului web și cum a gestionat diverse schimbări și progrese tehnologice. Va discuta despre influențele sale și va împărtăși referințe în designul web funcțional.
Vei începe prin a învăța principiile de bază ale designului web, apoi Arturo te va învăța cum să diferențiezi UX de UI și îți va oferi câteva sfaturi despre direcția și construcția , precum și standardele aferente.
Vei învăța cum să utilizezi instrumentele Adobe Dreamweaver pentru a construi un __ adăugând etichete de bază folosind HTML și setând parametri. Vei experimenta cu adăugarea de text și imagini, precum și linkuri către diferite tipuri de fișiere.
Vei completa structura vizuală folosind ferestre CSS. Vei învăța cum să generezi selectori și valori, apoi cum să stabilești modelul de casetă responsive orientat pe parametri. Vei folosi elemente CSS pentru a stiliza pagina: fonturi, designul casetei, aplicarea position , display și floats ; și vei aplica imagini de fundal, chenare sau liste și clase, printre alte elemente.
Cum să faci tău ? Vei[/i] parametrii de construire folosind interogări media pentru diferitele dimensiuni necesare, vei crea un meniu simplu care funcționează atât pentru [i], cât și și vei vedea cum să revizuiești și să corectezi înainte de încărcare
Gata de publicare! Veți utiliza fereastra FTP a programului pentru a sincroniza folderele __ cu __ la distanță, astfel încât să puteți face modificări imediate la site-ul web.
Recommended software & tools for this course
What is this course's project?
Vei dezvolta un site web de bază, cu o singură pagină responsive , care îți va permite să ai rezultate funcționale atât pentru clienți, cât și pentru echipe de programare mai avansate.
Proiecte ale studenților cursului
Who is this online course for?
Designerilor grafici care nu au decis să facă pasul către designul web, designerilor web începători, designerilor UI începători și oricui dorește să învețe cum să-și proiecteze site-ul web responsive .
Requirements and materials
Pentru acest curs nu aveți nevoie de cunoștințe anterioare, deoarece veți învăța HTML și CSS de la zero, dar s-ar putea să vă fie de folos cursul anterior susținut de Arturo Servín, de la Adobe Photoshop pentru design web .
Cât despre instrumente, veți avea nevoie de un computer cu instalat Adobe Dreamweaver CC 2019 sau o versiune ulterioară.
Recenzii
- 5 luni în urmă
bien
- 10 luni în urmă
muy bien explicado
- rmmarinacePLUS1 an în urmă
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.
- 1 an în urmă
Excelente, muy completo lo sentí como un basics, sin ser basics!
- 1 an în urmă
Buen curso
Conţinut
- U 1
Introducere
- Prezentare
- Influențe
- Ce vom face în cadrul cursului?
- U 2
Principiile designului web
- Ce sunt UX și UI?
- Direcție artistică
- Avantajul standardizării
- U 3
Scăparea fricii de Dreamweaver: Construirea unui site web de bază
- De ce să folosiți Dreamweaver?
- Prezentare generală a zonei de lucru
- Crearea folderelor de lucru
- Sintaxa HTML folosind etichete, atribute și valori
- Structura generală a unei pagini web
- Plasarea textului și a imaginilor
- Linkuri
- U 4
Adăugarea de stil la o pagină web
- Legarea unui fișier CSS și a sintaxei sale
- Selectori și valori
- Modelul de tip box și resetarea unei foi de stil
- Stiluri tipografice
- Stiluri pentru designul cutiei P1
- Stiluri pentru designul cutiei P2
- Aplicarea poziției, afișajului și a flotelor P1
- Aplicarea poziției, afișajului și a flotelor P2
- Decorare CSS
- U 5
Un site responsiv
- Crearea de interogări media
- Mobilul pe primul loc
- Crearea unui meniu responsiv simplu P1
- Crearea unui meniu responsiv simplu P2
- Utilizarea previzualizărilor
- Revizuirea și corectarea
- U 6
Publicarea pe site
- Definirea unui site la distanță din Dreamweaver
- Încărcarea site-ului web
- Sincronizați site-ul local și site-ul la distanță
- FP
Proiect final
- Introducere în designul web responsiv cu Adobe Dreamweaver
La ce să te aștepți de la un curs Domestika
Învață în ritmul tău propriu
Bucură-te de învățarea de acasă, fără un program fix și cu o metodă ușor de urmat. Tu îți stabilești propriul ritm.
Învață de la cei mai buni profesioniști
Învață metode și tehnici valoroase explicate de experți de top din sectorul creativ.
Întâlnește profesori experți
Fiecare expert predă ceea ce face cel mai bine, cu îndrumări clare, pasiune adevărată și perspicacitate profesională în fiecare lecție.
Certificates
PLUSIf you're a Plus member, get a certificat personalizat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Obțineți locuri în primul rând
Videoclipuri de cea mai înaltă calitate, pentru a nu rata niciun detaliu. Cu acces nelimitat, le poți viziona de câte ori este nevoie pentru a-ți perfecționa tehnica.
Împărtășește cunoștințe și idei
Pune întrebări, solicită feedback sau oferă soluții. Împărtășește-ți experiența de învățare cu alți studenți din comunitate care sunt la fel de pasionați de creativitate ca și tine.
Conectează-te cu o comunitate creativă globală
Comunitatea găzduiește milioane de oameni din întreaga lume, curioși și pasionați de explorarea și exprimarea creativității lor.
Urmărește cursuri produse profesional
Domestika își gestionează lista de profesori și produce fiecare curs intern pentru a asigura o experiență de învățare online de înaltă calitate.
Întrebări frecvente
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.