آموزش نمونه سازی برای وب III: طراحی با HTML و CSS
Prototyping for Web III: Design with HTML and CSS
با استفاده از نمونه های اولیه کاغذی و استراتژی طراحی کلاس های قبلی، یک سایت زنده ایجاد کنید. هر مرحله برای کمک به شما برای کار سریع، کارآمد و در هر اندازه سایت مشخص شده است. یک مخزن راه اندازی کنید، کد در HTML، سبک در CSS ایجاد کنید، و اسناد واضحی ایجاد کنید که می توانید با مشتریان، همکاران و دانش آموزان به اشتراک بگذارید.
در چند ساعت وب‌سایت‌های زنده بسازید. کلاس 70 دقیقه ای اریکا هاینز در توسعه وب ساده، چگونگی تبدیل آسان و کارآمد وایرفریم ها و ماکت های بصری را به یک سایت پاسخگو را پوشش می دهد. چه بخواهید ایده استارت آپ خود را نمایش دهید یا یک نمونه کار آنلاین بسازید، ساختن سایت خود آسان است. در 9 درس مختصر، github و ویرایشگرهای تصویری آسان را کاوش کنید، ابزارهای مدرنی مانند Hammer و Bourbon را بیاموزید و از یک الگوی شروع انحصاری Skillshare در HTML/Sass استفاده کنید. با منابع بسیار زیاد و دستورالعمل‌های واضح، سایتی را که می‌توانید بلافاصله راه‌اندازی کنید، به پایان می‌رسانید.
بیشتر می خواهید؟ سایر کلاس‌های این مجموعه را بررسی کنید: و Web Design II: Visuals for UX and Branding.
یک وب سایت زنده ایجاد کنید
وضعیت را ارزیابی کنید
- ابزارهای خود را دانلود کنید
اسلایدهای درس ویدیویی در زیر پیوست شده است.
- تصمیم گرفتید از کدام ابزار استفاده کنید
کنترل نسخه
- یک مخزن ایجاد کنید
نشانه گذاری
- فهرستی از الگوها تهیه کنید
- شروع به کدنویسی HTML کنید
Sass و RWD
- یک قالب ریسپانسیو طراحی کنید
دارایی ها
- دارایی ها را آماده کنید
یک ظاهر طراحی
- سبک با استفاده از CSS
آزمایش
- سناریوهای آزمایشی ایجاد کنید
- تست در سراسر پلت فرم
مستندات
- کار خود را مستند کنید
درس ها Lessons
-
روده ها The Guts
-
مستندات Documentation
-
آزمایش کردن Testing
-
آن را ذخیره کنید Save It
-
تریلر Trailer
-
نمونه های اولیه RWD، CSS و HTML RWD, CSS, and HTML Prototypes
-
بعد چه می شود؟ What's Next?
-
پوست The Skin
-
وضعیت را ارزیابی کنید Assess the Situation
-
استخوان ها The Bones
-
انعطاف پذیری Flexibility
https://donyad.com/d/4e6799
Erica Heinz
طراح/توسعه دهنده
یک طراح، توسعه دهنده و مشاور خلاق ساکن بروکلین است. او با بیش از یک دهه تجربه در طراحی و توسعه وب، هم با شرکت های بزرگ و هم با استارت آپ های ناب کار کرده است. او پروژه ها را از استراتژی و IA تا توسعه و پشتیبانی مدیریت می کند.
نمایش نظرات