آموزش اولین وب سایت خود را به صورت دستی کدنویسی کنید: مبانی HTML و CSS (اصلی)
Hand-Coding Your First Website: HTML and CSS Basics (Original)
هی! آیا تا به حال می خواهید وب سایت سفارشی خود را بسازید؟ این کلاس نحوه ایجاد یک وب سایت از ابتدا با HTML و CSS را پوشش می دهد - شما به هیچ تجربه قبلی نیاز ندارید. و نیازی نیست که جادوگر باشید. بنابراین، در این کلاس سرگرم کننده DIY، سر بزنید و یاد بگیرید که چگونه یک وب سایت تک صفحه ای بسازید. شما با اصول اولیه HTML و CSS آشنا خواهید شد. چگونه سایت خود را برنامه ریزی کنیم؛ از چه برنامه هایی استفاده کنید؛ و چگونه کد خود را بنویسید (وقتی آن را دنبال کنید واقعا آسان است).
اگر دوست دارید وسایل خود را بسازید، این کلاس را دوست خواهید داشت. ایده های وب سایت و برنامه داشته باشید. عاشق انجام کارها به روش خودت باش؛ تا به حال به این فکر کرده اید که پشت وب سایت هایی که به شکلی جادویی جلوی چشمان شما ظاهر می شوند، چیست. و به خصوص اگر خلاقی هستید که می‌خواهید سطح خود را بالا ببرید و خود را به کار بگیرید!
در پایان این کلاس می‌توانید وب‌سایت‌های خود را منتشر کنید - با کدهایی که خودتان نوشته‌اید. دنیا صدف تو خواهد شد شما پایه خوبی برای یادگیری مطالب جدید خواهید داشت. و شما قادر خواهید بود هر آنچه را که دوست دارید با سایر نقاط جهان از طریق اینترنت به اشتراک بگذارید! دانستن نحوه کدنویسی (حتی کمی) بسیار سرگرم کننده و ارزشمند است! مهارت های شیرینی خواهید داشت که دوستانتان را فوق العاده حسادت می کند!
اگر می‌خواهید بیشتر وارد برنامه‌نویسی شوید، سایر کلاس‌های کدنویسی من را بررسی کنید:
وب سایت قهرمان کارتونی مورد علاقه خود را بسازید
ASSIGNMEN T
با ایجاد یک وب سایت تک صفحه ای برای قهرمان کارتونی مورد علاقه خود، نحوه نوشتن HTML و CSS را یاد خواهید گرفت!
موارد تحویل
پیوندهای مربوط به وب‌سایت‌های آزمایشی و همچنین پیوند نهایی را به وب‌سایت کدنویسی دستی شخصیت خود به اشتراک بگذارید! یک وب سایت تمام شده شامل موارد زیر است:
- تصویر نمایه شخصیت مورد علاقه شما.
- نام شخصیت مورد علاقه شما در یک عنوان.
- یک پاراگراف در مورد.
- فهرست شماره گذاری شده از ویژگی های او.
- پیوندی به صفحه نمایه Skillshare یا نمایه توییتر شما.
- هر چیز دیگری که دلتان بخواهد.
- همه موارد بالا باید زیبا به نظر برسند!
ما از:
میرویمبه این:
اگر مشتاق هستید، ادامه دهید!
منابع
- از three برای همه برچسب‌های HTML (3 پیوند مختلف) بازدید کنید
- برای همه قوانین CSS (2 پیوند مختلف) از این صفحات دیدن کنید
- اگر به رنگ‌های سفارشی نیاز دارید، از یا این یکی استفاده کنید.
- اگر می‌خواهید اندازه تصاویر را تغییر دهید، از برای تغییر اندازه تصویر استفاده کنید، یا عکس خود را در Google پیدا کنید - شاید برای برش یا کاشی‌سازی پس‌زمینه.
- از برای فشرده سازی تصاویر خود (برای بارگیری سریع سایت) استفاده کنید.
برنامه های مورد نیاز برای دانلود
ما مراحل دانلود و نصب برنامه‌ها را در کلاس انجام می‌دهیم، اما Beavers Beavers همیشه افرادی مشتاق خواهند بود... بنابراین آنها اینجا هستند
- .
- شما هم می توانید یک حساب ایجاد کنید ( توجه داشته باشید که آدرس ایمیل خود را تأیید کنید )
FOR REF
- اگر می‌خواهید نگاهی بیندازید، این من (ترسناک به نظر می‌رسد، اما واقعاً اینطور نیست).
- در اینجا از سایتی است که به شما نشان می دهم چگونه بسازید.
درس ها Lessons
-
این 3 برنامه رایگان را دانلود کنید Download these 3 free apps
-
برنامه ها را نصب کنید Install the apps
-
شروع به نوشتن HTML خود کنید Start writing your own HTML
-
3 روش برای پوست این گربه CSS 3 ways to skin this CSS cat
-
اول برنامه ریزی :) Planning first :)
-
چه بسازیم، یاد بگیریم، انجام دهیم؟ What we gonna make, learn, do?
-
یک مقدمه An Introduction
-
این کلاس به روز شد! This Class Has Been Updated!
-
بیایید HTML وب سایت خود را بنویسیم Let's write our website's HTML
-
تئوری جعبه HTML (به راحتی قول می دهم) HTML box theory (easy I promise)
-
با تشکر از شما و مراحل بعدی Thank you, and next steps
-
آه چقدر CSS همه کاره است! Oh how versatile CSS is!
-
بیایید CSS وب سایت خود را بنویسیم (بخش خنده دار) Let's write our website's CSS (the funner part)
-
اولین صفحه وب خود را بسازید و به اشتراک بگذارید Make and share your first webpage
-
نظریه CSS (خیلی کوتاه) CSS theory (very short)
https://donyad.com/d/8775a9
Rich Armstrong
هنرمند و طراح
هی! من ریچ آرمسترانگ هستم، خالق ADD چند خط فاصله. من طراحی، تصویرسازی، متحرک سازی، doodle و کدنویسی می کنم. آره همه آنها! و من عاشق این هستم. من می خواهم به شما در ایجاد چیز کمک کنم. من می خواهم ببینم شما سازنده هستید. از شما می خواهم رویاها و اهداف خود را دنبال کنید.
------------------------------
** اخبار بزرگ: پروژه 100 روزه کامل منتشر شد **
کتابی که در سال 2021 نوشتم منتشر شد! این پروژه The Perfect 100 Day Project نام دارد و به شما کمک می کند تا پروژه 100 روزه عالی را برای خود انتخاب کرده و تکمیل کنید. این کتاب بر اساس کلاس اشتراک مهارت معروف من به همین نام است.
------------------------------
من طراحی چند رسانه ای و سپس طراحی گرافیک را مطالعه کردم و به خودم یاد دادم که چگونه کدنویسی کنم. من به صورت آزاد کار کرده‌ام، برای آژانس‌ها و استارت‌آپ‌ها کار کرده‌ام و اکنون استودیوی خودم را با همسرم در آمستردام اداره می‌کنم. همچنین، من می توانم بینی خود را با زبانم لمس کنم!
من از سال 2015 در Skillshare تدریس می‌کنم و خیلی دوست دارم! دیدن آنچه دانش‌آموزان خلق می‌کنند و چگونه زندگی خود را به دلیل آنچه که من آموزش می‌دهم تغییر می‌دهند، مرا زنده می‌کند. بنابراین، متشکرم! لطفاً به اشتراک گذاری کار، نظرات و داستان های خود ادامه دهید!
برای انواع چیزهای فوق‌العاده مانند تمرین‌ها و تمرین‌های خلاقانه، بررسی کنید، برنامه رایگان من را دانلود کنید و مرا در اینستاگرام، Patreon و دنبال کنید. همچنین می‌توانید برای دریافت چیزهای اضافی و ترفندهای راهنمایی در صندوق ورودی خود ثبت نام کنید.
B.Tech. (Cum Laude) در طراحی گرافیک
2013 - 2014
B.A. در مدیریت ارتباطات متخصص در ارتباطات برند خلاق
2006 - 2008
نمایش نظرات