آموزش نمونه کارها خود را کدنویسی کنید - اصول اولیه HTML و CSS
Code your own portfolio – HTML & CSS basics
در این کلاس‌ها ما به کدنویسی طراحان می‌پردازیم که به این معنی است که با پیاده‌سازی گام به گام طرح‌بندی، اصول اولیه HTML CSS را یاد می‌گیریم.
هدف از این کلاس ها این است که به شما نشان دهیم که کد یک ابزار عالی برای طراحان UI UX است تا ایده های خود را در محیط واقعی پروژه های خود که یک مرورگر وب است بیان کنند.
پس از دوره، می توانید پروژه های خود را بهتر به توسعه دهندگان واگذار کنید و بهتر به زبان آنها صحبت کنید.
آیا تا به حال سعی کرده اید قالب های HTML موجود برای وردپرس را تغییر دهید؟ این دوره به شما کمک می کند تا به راحتی آنها را با نیازهای خود تنظیم کنید.
آنچه می خواهید یاد بگیرید:
- برچسب های HTML
- اصول و ویژگی های CSS
- پیاده سازی فونت های گوگل در وب سایت
- استفاده از ابزارهای توسعه دهنده در مرورگر وب
این دوره برای چه کسانی است؟
این دوره مختص طراحان UI UX است که مایلند یادگیری HTML CSS را با مثال های عملی شروع کنند.
دانش کدنویسی قبلی مورد نیاز نیست. ما اصول اولیه را گام به گام پوشش خواهیم داد، بنابراین شما می توانید آن را دنبال کنید.
––––––––––––––––––––––––––––––––––––––––––––––––––
در بررسی اختصاص داده شده به برنامه نویسی، انیمیشن ها در وب و به طور کلی CSS تردید نکنید :)
––––––––––––––––––––––––––––––––––––––––––––––––– ––
لطفا را دانلود کنید package.zip .
شما قصد دارید نمونه کارها را پیاده سازی کنید. من قبلاً طرح و دارایی ها را برای شما آماده کرده ام. با این حال، در استفاده از رنگ‌ها، تصویر (از خودتان!) و فونت‌های خود کاملاً آزاد باشید.
من نمی توانم صبر کنم تا کار شما را ببینم!!! :) پس اگر بتوانید آن را به بخش پروژه ها ارسال کنید عالی خواهد بود.
درس ها Lessons
-
مراحل اول با CSS First steps with CSS
-
بازی با ویژگی های بیشتر CSS Playing with more CSS properties
-
ساخت ناوبری Building the navigation
-
اصلاح سربرگ Tweaking the header
-
مقدمه Intro
-
ناوبری استایل Styling navigation
-
قرار دادن عناصر روی شبکه تعریف شده Placing elements on the defined grid
-
سبک دادن به پاورقی Styling the footer
-
تایپوگرافی وب Web Typography
-
سبک دادن به بخش های لیست و پروژه Styling the list & project sections
-
2/2 قرار دادن عناصر روی شبکه تعریف شده - قسمت 1. 2/2 Placing elements on the defined grid – part 1.
-
تابع انتقال CSS CSS transition function
-
خلاصه دوره Summary of the course
-
مبانی HTML HTML basics
-
اولین تمرین در HTML First exercise in HTML
-
اضافه کردن تصویر پس زمینه و سایه جعبه Adding background image and box shadow
-
ساخت بخش ها و عناصر باقی مانده در HTML Building remaining sections and elements in HTML
-
شروع پروژه نمونه کارها ما Starting our portfolio project
-
1/2 قرار دادن عناصر در شبکه تعریف شده 1/2 Placing elements on the defined grid
https://donyad.com/d/2d58
Aga Naplocha
کدنویس و طراح خلاق
سلام، من آقا هستم! من یک طراح برنامه نویسی با بیش از 9 سال تجربه، مستقر در ورشو، لهستان هستم.
من دوست دارم دانش و تجربه خود را به اشتراک بگذارم، به همین دلیل است که ابتکار خود را تقویت می کنم - The Awwwesomes - ابتکاری که افراد را تشویق می کند تا شروع به یادگیری کدنویسی و طراحی وب سایت های awwwesome کنند!
خبرنامه من:
-
می توانید به من مراجعه کنید:
- - https://www.instagram.com/theawwwesomes/
-
آخرین کلاس های من:
پرطرفدارترین کلاس ها:
نمایش نظرات