به عنوان یک مقدمه برای دوره جامع آموزش HTML و CSS در ابتدا به پرتکرارترین و مهم ترین سوال کسانی قصد دارند به عنوان برنامه نویس و طراح وب فعالیت کنند، می پردازیم:
اگرچه برای این سوال پاسخ های متعددی مطرح می شود ولی در کل یک مسیر اصولی برای ورود به این دنیای پر رمز و راز وجود دارد و آن چیزی نیست جز یادگیری مبانی طراحی و برنامه نویسی وب.
دوستان عزیز، وقتی صحبت از برنامه نویسی تحت وب می کنیم یعنی می خواهیم یک صفحه، سایت، نرم افزار یا پروژه را به گونهای پیاده سازی کنیم که علاوه بر المان های قابل درک (مانند دکمهها، تصاویر، لینکها، منوها و ...)، به صورت آنلاین در دسترس تمام افراد جهان باشد. بنابراین اولین قدم که پیش نیاز ورود به تمام بخش های طراحی و برنامه نویسی وب است، تسلط به زبانهای HTML و CSS می باشد.
اصلا فرقی نمی کند که شما می خواهید در چه زمینهی از وب فعالیت کنید، در هر صورت باید به زبانهای HTML و CSS آشنا باشید. بگذارید با یک مثال بهتر ضرورت این دو زبان را نشان دهم.
تصور کنید که می خواهید یک برج بیست طبقه را بسازید، اولین قدمی که برای اینکار بر می دارید طراحی یک نقشه شماتیک از اسکلت بندی ساختمان می باشد، بنابراین با استفاده از نرم افزارهای شبیه ساز، ابتدا یک ظاهر شبیه سازی شده از این برج را طراحی و به نمایش می گذارید. در دنیای وب این مرحله مانند طراحی وب سایت یا پروژه با نرم افزارهای شبیه ساز (مانند فتوشاپ یا adobe xd) می باشد. سپس می خواهید آنچه که در نرم افزارهای شبیه ساز ایجاد کرده اید را به صورت کامل ساخته و به نمایش بگذارید. برای اینکار مصالح را تهیه کرده و سپس شروع به ساخت اسکلت بندی برج می کنید. در دنیای وب این مرحله به صورت کدنویسی ستون و اسکلت بندی وب سایت یا نرم افزار به زبان HTML می باشد. در نهایت برای اینکه این برج از نظر ظاهری زیبا شود، به آن نما و سنگهای تزئینی اضافه می کنید. معادل این مرحله در دنیای وب، آموزش CSS و افزودن استایل (ظاهر) به وب سایت یا پروژه می باشد.
پس از ارائه مقدمهی فوق، به معرفی مختصر زبان های HTML و CSS پرداخته و سپس سرفصل ها را برای شما عزیزان ارائه می دهیم.
زبان HTML مخفف عبارت Hyper Text Markup Language می باشد که معادل فارسی آن «زبان نشانهگذاری فرامتنی» است. لطفا تحت هیچ شرایطی از معادل فارسی استفاده نکنید، زیرا در دنیای برنامه نویسی و طراحی، گاهی عبارت های انگلیسی مفهوم بهتری را انتقال می دهند.
زبان HTML یک زبان برنامه نویسی نیست! این زبان در اصل به عنوان یک ساختار برای نشانه گذاری المان ها در دنیای وب بکار گرفته می شود و اولین بار توسط آقای Tim Berners Lee در سال 1990 ابداع شد. این زبان ساختار اولیه و ابتدایی کلیه وب سایت های موجود در اینترنت را تشکیل می دهد. یعنی هر سایتی که در اینترنت مشاهده می کنید بدون شک از زبان HTML برای طراحی پیکره اصلی خود استفاده کرده است.
CSS مخفف عبارت Cascading Style Sheets بوده که معادل فارسی آن «صفحات استایل آبشاری» است. این زبان توسط آقای Håkon Wium Lie در سال 1996 با هدف طراحی ظاهری یک صفحه وب ارائه شد.
اما چرا آبشاری؟ در ادامه این دوره آموزشی به شما نشان می دهیم که چگونه می توانید چندین استایل (مثلا رنگ) را به یک المان HTML اعمال کنید. اما نحوه ی اعمال شدن این استایل بسته به قرارگیری المان HTML در یک طرح سلسله مراتبی است.
اگر متوجه توضیح بالا نشده اید اصلا نگران نباشید. در طی دوره این دوره آموزشی مثل آب خوردن این مفاهیم را یاد می گیرید.
تمام افرادی که به دنبال ورود به دنیای وب هستند. همچنین این دوره برای افرادی که قصد دارند قالب های حرفه ای و پیشرفته را طراحی کنند، مناسب می باشد.
تنها پیش نیاز ورود به دوره آموزش HTML و CSS این است که بتوانید کامپیوتر یا لپ تاپ خود را روشن کنید!
HTML و CSS در سال های اخیر نسخه های جدیدی را ارائه کرده است که آخرین آن تحت عنوان HTML5 و CSS3 شناخته می شود. این نسخه ها قابلیت های بسیاری را به المان های وب اضافه کردند و به گونه ای باعث متحرک شدن، ارتقاء انیمیشن، افزایش امنیت و... المان ها شدند.
در این دوره آموزشی، آخرین نسخه HTML و CSS ارائه می شود.
مقدمه، معرفی و کاربردها
ساختار زبان HTML
سئو و کاربردهای آن در HTML
کار با متن (Text)
لیست ها (Lists) در HTML
لینک ها (Links) در HTML
تصاویر (Images) در HTML
جداول (Tables)
فرم ها (Forms) در HTML
حرفه ای تر با HTML کار کنیم!
رسانهها (شامل ویدیو و صدا) در HTML
معرفی زبان CSS
رنگ (Color) در CSS
متن (Text) در CSS
باکس ها (Boxes) در CSS
لیست ها (Lists)، جداول (Tables) و فرم ها (Forms) در CSS
لایه ها (Layouts) و صفحات در CSS
تصاویر (Images) در CSS
ساختار جدید HTML5
پروژه ها
2 ماه پیش
استاد سلام
خیلی منتظر دوره BootStrap موندیم.
تاریخ دقیقی برای انتشار ندارین ؟
یا حدودیه نزدیک
2 ماه پیش
سلام وقت شما بخیر
یک نسخه جدید از وب سایت روکسو در حال طراحی هست که به محض اتمام آن، دوره های متعددی را منتشر خواهم کرد.
4 ماه پیش
سلام وقتتون بخیر
آموزش شما مثل یک w3school زنده هستش خسته نباشید، دوره bootstrap فکر میکنید کی ممکنه آپلود کنید؟!
و آیا برنامه ای برای آموزش svg ها هم دارید یا خیر؟
سپاس
4 ماه پیش
سلام وقت شما بخیر
به زودی دوره بوت استرپ را روی وب سایت منتشر خواهیم کرد.
4 ماه پیش
برای دوره های Java هم برنامه ای دارید؟
4 ماه پیش
سلام، بله برنامه ریزی دقیقی برای سایر دوره ها درنظر گرفته شده است که به زودی ارائه می شود.
5 ماه پیش
سلام درباره flex box صحبت شده؟
5 ماه پیش
سلام وقت شما بخیر
به این مورد اشاره کرده ایم.
5 ماه پیش
سلام وقت بخیر
این دوره با آموزش html و css رایگانی که روی سایتتون قرار دادید چه تفاوتی داره؟ اونجا ذکر کردید که اون آموزش کامل و جامع هست
5 ماه پیش
سلام وقت شما بخیر
در این دوره علاوه بر ارائه تمام مباحث HTML و CSS، پروژه های کاربردی ای پیاده سازی شده است.
7 ماه پیش
تو این دوره Responsive Design هم یاد میگیریم؟؟
7 ماه پیش
سلام وقت شما بخیر
بله به این مورد در پروژه ها پرداختیم.
9 ماه پیش
با سلام
واقعا در توصیف این آموزش ها فقط میتونم بگم
((دستتون طلا))
10 ماه پیش
سلام خسته نباشید کاش یه مسیر راه معرفی میکردین برای طراحی سایت اینکه بعد از این دوره باید چکار کرد jqueryچیه یا مباحثی مانند angular , java script, bootsrtap ,reactjs ,چین و چکاربردی دارن
7 ماه پیش
سلام وقت شما بخیر
پس از پایان این دوره میتوانید جاوا اسکریپت را یاد بگیرید و سپس به یکی از دوره های آموزش فریمورکهای جاوا اسکریپت (مثل انگولار، ری اکت یا ویو جی اس) بپردازید.
10 ماه پیش
سلام
ایا بوت استرپ هم توش یاد میدید؟
10 ماه پیش
سلام وقت شما بخیر
خیر دوره بوت استرپ یک دوره جداگانه بوده که به زودی تدوین شده و روی سایت قرار می گیرد.
1 سال پیش
سلام استاد در صورت امکان بقیه آموزش ها را نیز در سایت قرار دهید
1 سال پیش
سلام وقت شما بخیر
دوره سی اس اس و اچ تی ام ال به صورت کامل ارائه شده است و تنها پروژه های موردنظر باقی مانده که در حال تدوین هستیم. منتظر پروژه های جذاب باشید که به زودی به همین دوره اضافه خواهد شد.
1 سال پیش
سلام
آیا این دوره پروژه ایی داره؟ که یک سایت رو به صورت کامل درست کنیم؟
1 سال پیش
سلام وقت شما بخیر
بله چندین پروژه کاربردی از صفر تا صد در این دوره پیاده سازی خواهند شد.
1 سال پیش
سلام
ممنون از دوره خوب و قویتون
یک سوال نحوه بارگذاری فصل ها و موضوع پروژه های آموزشی دوره میفرمایید