آموزش طرح بندی CSS بدون کد با جریان وب
No-Code CSS Layouts with Webflow
Cascading Style Sheets یا CSS برای توسعه وب اساسی است. Webflow به شما این امکان را می‌دهد که وب‌سایت‌هایی بدون کد ایجاد کنید، اما اگر از قبل مفاهیم اساسی طرح‌بندی CSS را بدانید، آسان‌تر و سریع‌تر است. در این دوره، کاربردهای بالقوه CSS در جریان وب را با متخصص طراحی وب، جن کرامر بررسی کنید.
اصولات مدل CSS Webflow را کشف کنید تا شروع به ایجاد کانتینرها، بلوک‌ها و طرح‌بندی‌ها برای تبدیل CSS کنید. یاد بگیرید که چگونه از Grid و Flexbox برای چیدمان های پیشرفته و همچنین موقعیت یابی ثابت، نسبی و مطلق عناصر استفاده کنید. در طول مسیر، جن یک نمای کلی از شناورها و شکست ها و نحوه تأثیر آنها بر جریان صفحه در طراحی شما ارائه می دهد. در پایان این دوره، به نکات و تکنیک هایی برای ایجاد و مدیریت ویژگی های CSS کارآمدتر در جریان وب مجهز خواهید شد.
معرفی Introduction
-
آموزش طرح بندی CSS بدون کد Learning CSS layouts without code
-
پیش نیازهای دوره Course prerequisites
1. یک ظاهر طراحی شده به HTML و یک استایل نادیده گرفته شده 1. Styling HTML and Overriding Styling
-
نادیده گرفتن استایل پایه و متغیرهای CSS Overriding base styling and CSS variables
-
یک ظاهر طراحی جهانی با عناصر HTML Global styling with HTML elements
-
کاربرگ: تنظیم استایل پایه و متغیرها Worksheet: Setting base styling and variables
-
درک عناصر HTML Understanding HTML elements
2. جریان وب و اصول چیدمان CSS 2. Webflow and CSS Layout Basics
-
مدل جعبه چیه؟ What is the box model?
-
چالش: دکمه های عمودی Challenge: Vertical buttons
-
بخش ها، کانتینرها و CSS در جریان وب Sections, containers, and CSS in Webflow
-
درک بلوک، درون خطی و بلوک درون خطی Understanding block, inline, and inline-block
-
راه حل: بخش مبتنی بر متن Solution: Text-based section
-
درک سرریز و تناسب Understanding overflow and fit
-
واحدهای اندازه گیری: px، em، rem، vw، vh، ٪ و بیشتر Units of measure: px, em, rem, vw, vh, %, and more
-
راه حل: دکمه های عمودی Solution: Vertical buttons
-
عرض، ارتفاع و حداکثر و حداقل آنها Widths, heights, and their maximums and minimums
-
چالش: بخش مبتنی بر متن Challenge: Text-based section
3. Grid، Flexbox و QuickStack 3. Grid, Flexbox, and QuickStack
-
تنظیمات پیشرفته Flexbox Advanced Flexbox settings
-
QuickStack چیست؟ What is QuickStack?
-
معرفی گرید Introducing Grid
-
معرفی فلکس باکس Introducing Flexbox
-
راه حل: کار با QuickStack، Grid و Flexbox Solution: Working with QuickStack, Grid, and Flexbox
-
چالش: کار با QuickStack، Grid و Flexbox Challenge: Working with QuickStack, Grid, and Flexbox
-
مناطق شبکه و استثنائات شبکه Grid areas and exceptions to the grid
4. تعیین موقعیت، شناور، و تمرین 4. Positioning, Floats, and Practice
-
تصاویر شناور داخل متن Floating images inside of text
-
درک موقعیت استاتیک و مطلق Understanding static and absolute positioning
-
موقعیت یابی نسبی Relative positioning
-
موقعیت یابی ثابت و چسبنده Fixed and sticky positioning
نتیجه Conclusion
-
درباره Webflow بیشتر بدانید Learn more about Webflow
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/603ff1
آموزش چگونه یک آژانس بازاریابی ویدئویی راه اندازی کنیم
How To Start a Video Marketing Agency
"دوره نحوه راه اندازی آژانس بازاریابی ویدئویی یک برنامه آنلاین برای هر کسی است که می خواهد به کسب و کارها در زمینه بازاریابی ویدئویی کمک کند و جدیدترین ها را یاد بگیرد."
آموزش باز کردن قدرت روانشناسی در طراحی
Unlocking the Power of Psychology in Design
"آیا از بحث‌های سطحی در مورد اینکه چه چیزی در طراحی "خوب به نظر می‌رسد" خسته شده‌اید، یا شنیده‌اید که طراحی باید با ترجیحات شخصی هماهنگ باشد؟ وقت آن رسیده است که شما را تغییر دهید.
آموزش تکنیک های پیشرفته در Adobe Illustrator: 5 سنگ پنهان برای سرعت بخشیدن به طراحی دیجیتال شما
Advanced Techniques in Adobe Illustrator: 5 Hidden Gems to Speed Up Your Digital Design
"5 تکنیک پیشرفته Adobe Illustrator را بیاموزید تا گردش کار خلاقانه خود را به سطح بعدی برسانید. به Illustrator Esther بپیوندید تا نحوه بالا بردن vec خود را توضیح دهد. .."
آموزش سخنرانی عمومی: به یک سخنران عمومی مؤثر تبدیل شوید - یک رویکرد ساده
PUBLIC SPEAKING: Become an effective public speaker - a simple approach
" سخنرانی عمومی، چه چیزی، چرا، و چگونه؟ سخنرانی در جمع پدیده جدیدی نیست. قدمت آن به اندازه خود زمان است. سخنوران بزرگی چون ارسطو، افلاطون و. .."
Jen Kramer
طراحی و توسعه وب را آموزش می دهد
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.