آموزش شروع طرح‌بندی صفحه CSS برای خلاقان، زبان‌آموزان بصری و هر کس دیگری
Beginning CSS Page Layout for Creatives, Visual Learners, and Everybody Else
به سرعت درک کاملی از طراحی اولیه وب به دست آورید! این کلاس برای مبتدیانی است که کمی در مورد HTML می دانند و می خواهند اصول CSS (Cascading Style Sheets) را بیاموزند. اگر هنوز HTML اولیه را نمی‌دانید، پیشنهاد می‌کنم با کلاس خود به عنوان پایه شروع کنید (سریع و آسان است!).
دانش‌آموزان این کلاس یاد می‌گیرند که چگونه مکان و ظاهر عناصر HTML را در صفحات وب خود کنترل کنند تا بتوانند طرح‌های خود را در کد بسازند - مواردی مانند متن، عکس، پاراگراف، پیمایش و غیره. به عنوان مثال: به روشی که می توان همان جعبه لگو را برای ایجاد یک خانه، یا نام شما، یا یک ماشین اژدها (من بچه دارم :) دوباره مرتب کرد، می توانید از CSS برای تغییر نحوه چیدمان عناصر در صفحه خود استفاده کنید. . و همانطور که یک آفتاب پرست می تواند ظاهر خود را تغییر دهد اما همچنان یک آفتاب پرست باقی می ماند، می توانید از سبک ها برای تغییر نحوه نمایش عناصر در صفحه خود استفاده کنید.
درک نحوه انجام این کار به طور قابل پیش بینی به شما این قدرت را می دهد که آنچه را در سر خود می بینید یا فایل های طراحی خود را روی صفحه نمایش دهید. همچنین به شما این خرد را می‌دهد که با در نظر گرفتن رسانه خود (اینترنت) با اطمینان طراحی کنید - دانشی که به شما کمک می‌کند از طراحی خود در گوشه‌ای اجتناب کنید و تسلط را به مشتریان و همکاران نشان دهید.
پروژه این کلاس قرار است یک وب سایت کوچک برای یک جشنواره موسیقی باشد. هنگامی که پروژه این کلاس را به پایان رساندید، می توانید با اطمینان برای وب سایت هایی که طراحی می کنید برنامه ریزی و کد بنویسید. تنها چیزی که نیاز دارید یک ویرایشگر متن است، و من به شما خواهم گفت که در اولین ویدیو از کجا یکی را تهیه کنید - پس بیایید برویم!
فایل های کلاس را از اینجا دانلود کنید
این پروژه قرار است یک وب سایت برای جشنواره موسیقی Moozedoo بسازد. دانلود فایل های شروع به ... خوب، برای شروع! ما از آنها به عنوان نقطه ای برای ساختن سایت استفاده می کنیم و در هر ویدیو به آنها اضافه می کنیم.
به یک ویرایشگر متن مانند Atom ( ) یا Brackets ( http://brackets.io ) نیاز دارید. به این برنامه‌ها، محیط‌های توسعه داخلی یا «IDE» نیز می‌گویند. هر دوی اینها رایگان هستند و بسیاری از ویرایشگرهای رایگان و پولی با کیفیت در آنجا وجود دارند. من از Atom در ویدیوها استفاده خواهم کرد. با مرور ویدیوها، پروژه را می سازید، و می توانید تصویری از صفحه وب سایت خود را به اشتراک بگذارید تا نشان دهید چگونه در کلاس تسلط داشته اید!
درس ها Lessons
-
جعبه های خود را بشناسید Know Your Boxes
-
چیدمان مبتنی بر شناور Float Based Layout
-
فونت های وب Web Fonts
-
آناتومی پایه CSS Basic CSS Anatomy
-
شروع سریع Quick-Start
-
استراتژی چیدمان Layout Strategy
-
با تشکر! Thanks!
-
بازیافت برای سرعت Recycle for Speed
-
موقعیت یابی مطلق Absolute Positioning
-
مقدمه اصلی CSS Basic CSS Intro
https://donyad.com/d/8342
Marc Nischan
افراد هنرمند می توانند کدنویسی کنند!
من همان چیزی هستم که شما آن را "سازنده" می نامید و دوست دارم آنچه را که آموخته ام به اشتراک بگذارم. بیشتر آن در تقاطع فناوری و هنر قرار می گیرد. من یک طراح وب خودآموخته و توسعه دهنده جلویی هستم و به طور کلی یک یادگیرنده بصری عملی هستم. امیدوارم بتوانم با به اشتراک گذاشتن برخی از مفاهیمی که باید از طریق آزمون و خطا یاد می‌گرفتم، یادگیری کدنویسی را برای دیگر یادگیرندگان بصری و انواع «هنرمندان» آسان‌تر کنم.
نمایش نظرات