آموزش HTML + CSS - چگونه یک وب سایت بسازیم
HTML + CSS - HOW TO BUILD A WEBSITE
**با پیشنهاد رایگان 2 ماهه Skillshare در این کلاس شرکت کنید! **
در این کلاس، ما یک وب‌سایت نمونه کارها را از ابتدا می‌سازیم، بدون نیاز به دانش کدنویسی قبلی! ما از همان ابتدا شروع خواهیم کرد و قدم به قدم با ابزارها و فناوری‌هایی که برای شروع به آن نیاز دارید آشنا می‌شویم.
آنچه خواهید آموخت:
- HTML5
- CSS3
- چگونه عناصر سایت خود را متحرک کنیم
- توسعه پاسخگو برای موبایل
دانشجویان با داشتن یک سایت نمونه کارها تک صفحه ای که می توانند مطابق با سبک شخصی و نیازهای حرفه ای خود سفارشی کنند، از این دوره خارج می شوند.
در ساخت این وب‌سایت، دانش اساسی در HTML، CSS و توسعه وب‌سایت به دست خواهید آورد، که می‌توانید بر اساس آن در آینده به خوبی ادامه دهید.
آنچه در حال ساختن هستیم:
یک سایت نمایشی برای پروژه کلاس ما قابل مشاهده است . با دانلود فایل های کلاس در بخش "پروژه شما" می توان به طرح ها دسترسی داشت.
پیوندهای مفید:
- - بهترین مکان برای یافتن راه حل مشکلات توسعه وب
- - تصاویر با کیفیت بالا و بدون حق امتیاز
- https://icomoon.io/app/ - نمادهای SVG (رایگان و پولی)
- - عالی برای چیدن طرح های رنگی!
- - کد شکسته خود را اینجا بچسبانید تا مشکل را پیدا کنید
مرا آنلاین پیدا کنید:
پروژه شما
- فایل های دوره را از "فایل های پیوست" یا برای این دوره دانلود کنید.
- دانلود یک ویرایشگر کد
تفاوت بین ویرایشگرها در سطح مبتدی بی اهمیت است، بنابراین فقط یکی را که دوست دارید انتخاب کنید. من شخصاً در حال حاضر از کدهای ویژوال استودیو استفاده می‌کنم، اما از همه موارد زیر استفاده کرده‌ام و از آن لذت برده‌ام: , Sublime,
- ساختار پوشه خود را تنظیم کنید - یک فایل index.html در سطح ریشه و سپس پوشه هایی برای سبک ها و تصاویر ایجاد کنید. یک فایل main.css ایجاد کنید و فایل normalize.css ارائه شده را اضافه کنید.
- یک صفحه «سلام، دنیا!» ایجاد کنید
- نشانه گذاری و استایل خود را در هر بخش بنویسید:
- پیمایش
- سربرگ
- نمونه کارها
- درباره
- تماس - انیمیشن ها و سفارشی سازی ها را به پروژه خود اضافه کنید
- هر بخش را مرور کنید و تنظیمات پاسخگو را با استفاده از پرسش‌های رسانه انجام دهید
- سایت خود را با استفاده از نحوه عملکرد آن در اینترنت (اختیاری) مستقر کنید.
- پروژه خود را به اشتراک بگذارید! بهترین راه برای بهبود مهارت های خود این است که پروژه خود را با دوستان و جامعه اشتراک مهارت به اشتراک بگذارید تا بازخورد آنها را دریافت کنید.
درس ها Lessons
-
درس 7 - قسمت 2: ریسپانسیو کردن سایت ما Lesson 7 - Part 2: Making our site responsive
-
درس 5: درباره Lesson 5: About
-
ما آن را انجام دادیم! We did it!
-
درس 6: تماس Lesson 6: Contact
-
درس 2 - قسمت 2: ناوبری Lesson 2 - Part 2: Navigation
-
درس 7 - قسمت 1: ریسپانسیو کردن سایت ما Lesson 7 - Part 1: Making our site responsive
-
درس 2 - قسمت 1: ناوبری Lesson 2 - Part 1: Navigation
-
معرفی Introduction
-
درس 3: سربرگ Lesson 3: Header
-
درس 4: نمونه کارها Lesson 4: Portfolio
-
درس 1: شروع به کار Lesson 1: Getting Started
https://donyad.com/d/6f9aed
Verity Stothard
توسعه دهنده وب فرانت اند
من از نظر حرفه ای یک برنامه نویس فرانت اند و ذاتاً یک سریال نویس هستم. من دوست دارم کمی در مورد چیزهای زیادی بیاموزم، و با انجام این کار، راه خود را از دانش‌آموز هنر در دبیرستان و دانشجوی بازرگانی در دانشگاه، به یک توسعه‌دهنده وب خودآموز Front End پیدا کرده‌ام. برو شکل.
من به خودم کدنویسی را یاد دادم و اولین کارم را در یکی از برترین آژانس های دیجیتال استرالیا در عرض 3 ماه به دست آوردم، و می خواهم به دیگران کمک کنم تا همین کار را انجام دهند. من علاقه زیادی به آموزش و یادگیری آنلاین دارم و امیدوارم بتوانم به شما در مسیر شغلی در فناوری کمک کنم. چه بخواهید کمی سواد کامپیوتری داشته باشید، چه بخواهید وب‌سایت‌های کاملاً سفارشی خود را ایجاد کنید، مکان خود را در اینجا پیدا خواهید کرد.
بیایید شروع کنیم!
نمایش نظرات