آموزش کدنویسی با HTML و CSS
Learn to Code with HTML and CSS
وقتی توسعه‌دهنده وب امیلی ماسکین برای اولین بار به یادگیری کدنویسی علاقه مند شد، حتی نمی‌دانست از کجا شروع کند. چه چیزی در ساخت یک وب‌سایت انجام می‌شود؟ آن همه براکت های نوک تیز چیست؟ چگونه آنها تصاویر را در آنجا دریافت می کنند؟ یک href چیست؟
این کلاس برای هرکسی است که می‌خواسته وب‌سایتی بسازد، اما نمی‌دانست چگونه شروع به کار کند. هیچ دانش قبلی در مورد HTML/CSS یا برنامه نویسی به طور کلی فرض نمی شود. و کوتاه و شیرین است (کمتر از 20 دقیقه) که پریدن مستقیم را آسان می کند.
تنها چیزی که برای این کلاس نیاز دارید یک ویرایشگر متن و یک مرورگر وب است. در اینجا چند پیوند به ویرایشگرهای متن رایگان وجود دارد:
در پایان کلاس، می‌توانید یک وب‌سایت کاملاً از ابتدا بسازید. برای پروژه کلاس، دانش آموزان یک وب سایت شخصی با استفاده از HTML و CSS ایجاد می کنند.
یک صفحه نمایه برای خود ایجاد کنید (یا برای شخص دیگری: بهترین دوست، حیوان خانگی شما، یک فرد مشهور، یک شخصیت خیالی...)
با خیال راحت با فایلی که در طول این کلاس ایجاد می کنیم شروع کنید و از آن بسازید.
در اینجا چند عنصر وجود دارد که ممکن است بخواهید در صفحه خود اضافه کنید:
- سرصفحه (h1) ... احتمالاً نام شما
- عنوان فرعی (h2) ... شاید حرفه شما، یا یک شعار، یا شعار شخصی شما
- پاراگراف ها (p) ... دوست دارید دنیا در مورد شما چه چیزی بداند؟
- تصاویر (img) ... یک عکس ارزش هزار کلمه دارد
- پیوندها (الف) ... کجا می توانیم درباره شما یا علایق شما بیشتر بدانیم؟
هنری باشید و با آن سرگرم شوید! با رنگ ها، فونت ها، تراز و موارد دیگر بازی کنید. در اینجا ویژگی‌های CSS وجود دارد که می‌توانید از آنها برای استایل دادن به صفحه خود استفاده کنید (هشدار اسپویلر: تعداد زیادی از آنها وجود دارد). به خودتان فشار بیاورید تا چیزی واقعاً زیبا بسازید.
برای امتیازهای جایزه (خیالی):
- چگونه یک ویدیو اضافه می کنید؟ (نکته: YouTube این کار را با ارائه HTML برای کپی و جای‌گذاری برای شما بسیار آسان می‌کند)
- چگونه با استفاده از تصویر به جای متن پیوند ایجاد می کنید؟
- چگونه صفحه دوم را ایجاد و به آن پیوند می دهید؟
برای کسب امتیازهای بیشتر، به سراغ آنها بروید و دستورالعمل‌های آنها را دنبال کنید تا صفحه خود را به صورت آنلاین میزبانی کنید تا همه دنیا ببینند! سپس فقط URL را در اینجا به اشتراک بگذارید. اگر ترجیح می دهید بخش میزبانی را نادیده بگیرید، می توانید یک فایل فشرده را نیز آپلود کنید.
بی صبرانه منتظر دیدن پروژه های شما هستم!
درس ها Lessons
-
بیایید کمی کد بنویسیم Let's Write Some Code
-
خوش آمدی Welcome
-
مرور Review
-
همه چیز درباره ویژگی ها All About Attributes
-
آناتومی یک وب سایت Anatomy of a Website
-
راه اندازی Getting Set Up
-
خاص شدن با کلاس ها Getting Specific with Classes
-
معرفی CSS Intro to CSS
-
مقدمه ای بر HTML Intro to HTML
https://donyad.com/d/c2b8
Emily Maskin
معاون مهندس، استاد وب
من یک توسعه دهنده وب مستقر در نیویورک با بیش از 10 سال تجربه هستم. معاون سابق مهندس، در حال حاضر در حال مشاوره. من همچنین یک نویسنده، عاشق زبان های خارجی و یک مادر گربه هستم.
بیشتر بیاموزید: | @emilymaskin
نمایش نظرات