این مورد را زیاد توصیه نمی نمایم زیرا باعث می شود شما در یادگیری های آتی خود وابسته به استاد خود باشید ولی اگر به هر جهت با توجه به روحیه خود تشخیص می دهید می توانید در کلاس های آموزشی معتبر شرکت نمایید. این کار را با پرس و جو از دوستان و آشنایان انجام دهید.
برای کسی که تا به حال یک خط کد هم ننوشته، ورود به دنیای عظیم و بی انتهای برنامه نویسی می تواند کار بسیار ترسناکی باشد. از کجا باید شروع کرد؟ آیا می شود برنامه نویسی را به صورت خودآموز یاد گرفت؟ کدام وسیله آموزشی را برای این کار استفاده کنم؟
اگر به یادگیری برنامه نویسی علاقه مندید اما سوالات و نگرانی های این چنینی مانع شروع کارتان شده، چاره تان استفاده از سایت فوق العاده ای است که امروز به شما معرفی می کنیم. کمپانی Sololearn که با زبانی ساده، به طور قدم به قدم و از صفر، اصول طراحی وب سایت با کدنویسی HTML را به شما می آموزد.
برای اینکار کافی است با نام چیدمان مورد نظر یک فایل با پسوند doctype.xml بسازیم.
<SkinDocType> <![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]> </SkinDocType>
اگر زبان اچ تی ام ال را به خوبی به یاد داشته باشید، حتما پی برده‌اید که کار طراحی وب و کدنویسی با اچ تی ام ال از آب خوردن هم چند درجه آسان‌تر است. حالا رفته رفته پی خواهید برد که استفاده از سی اس اس نیز، چندان کار سختی نیست.
نوشتن در سی اس اس سه مرحله کلی دارد:
مرحله‌ی اول: با روش‌هایی که در جلسه بعدی مفصل به آنها خواهیم پرداخت، المان های اچ تی ام ال خود را نام‌گذاری کنید.
مرحله‌ی دوم: المان‌هایی که در اچ تی ام ال نام گذاری کرده‌اید را در فایل سی‌اس‌اس خود صدا بزنید و آنها را مخاطب قرار دهید.
مرحله‌ی پایانی: حالا تنها کافیست تا تغییراتی که می‌خواهید را در جلوی نام المان‌ها بنویسید تا این تغییرات بر روی آن المان‌ها اعمال شود.
خب اگر آماده‌اید این سه مرحله ساده را با یک مثال کوچک شروع کنیم. برای مثال فرض کنید قصد داریم تمامی پاراگراف‌های موجود در صفحه را به رنگ قرمز در بیاوریم.
قبل از شروع مطلب اصلی, بد نیست اگر کمی بیشتر با خود زبان CSS و کاربرد آن طراحی وب آشنا شویم. ابتدا نگاهی به سی‌اس‌اس و نحوه تعامل آن با اچ‌تی‌ام‌ال نگاهی خواهیم انداخت و سپس روش‌های اضافه کردن سی‌اس‌اس به صفحات وب را به شما آموزش خواهیم داد.
برای درک بهتر اهمیت سی‌اس‌اس، فرض کنید قصد طراحی صفحه وبی دارید که بیش از ۱۰۰ پاراگراف متن دارد. اگر روزی بخواهید رنگ متون خود را مثلا به قرمز تغییر دهید، با روش‌هایی که در دوره قبلی آموخته‌ایم، ناچارید تا استایل تک تک المان‌های صفحه را به صورت جداگانه تعریف کنید و به آنها رنگ بدهید.
اما برای زمانی که ما ده‌ها نوع المان داخل و خارج صفحه داریم استفاده از این روش نه تنها بسیار وقت‌گیر است بلکه گاهی باعث تداخل در کارها و همچنین مشکلات در طراحی نهایی می‌شود. اینجا است که سی‌اس‌اس به فریاد طراحان وب می‌رسد. در واقع سی‌اس‌اس نقش اتاق فرمان برای اچ‌تی‌ام‌ال را دارد و برنامه‌ریزی اینکه هر المان در زبان اچ‌تی‌ام‌ال با چه مدل و در چه جایی قرار بگیرد را بر عهده می‌گیرد.
نمونه CSS:
یکی از مشکلاتی که در وب فارسی با آن مواجه هستیم، محدودیت فونت است. متاسفانه در وب فارسی ما محدود به سه فونت هستیم که بر روی تمامی سیستم ها نصب شده است. فونت arial, Tahomaو mono-type تنها فونتهایی هستند که می‌توانیم از آنها استفاده کنیم در حالی که برای زبان انگلیسی حداقل نزدیک به 10 فونت در دسترس است.
از مدتها قبل طراحان از شیوه های مختلفی برای استفاده از
فونتها در وب استفاده کرده اند. یکی از شیوه های رایج، جایگزینی متن با
تصویر بود. طراح متن مورد نظر را با فونت مورد نظرش در نرم افزار گرافیکی
می‌نوشت و آن را به طرح خود منتقل می‌کرد. این شیوه محدودیت هایی را به
همراه داشت که یکی از آنها بالا رفتن حجم صفحات وب بود. بعد از مدتی طراحان
به فکر استفاده از شیوه های دیگری افتادند که یکی از این شیوه‌ها استفاده
از تکنیک sIFR
بود. در این متد، فونت خود را داخل یک فایل فلش قرار می‌دهید و یک فایل
جاوااسکریپت را نیز به صفحه خود اضافه می‌کنید. این فایل جاوااسکریپت در هر
جایی که قرار بود فونت مورد نظر نمایش یابد، متن آن بخش را مخفی می‌کرد و
به جایش یک فایل فلش را قرار می‌داد که همان متن را با فونت مورد نظر شما
نمایش می‌داد. این فایل فلش قابلیت خوبی داشت و با کوچک شدن عرض صفحه
قابلیت scaleشدن را دارا بود و به هم ریخته نمایش داده نمیشد ولی این شیوه نیز محدودیت های خود را داشت.
نخست اینکه باعث کندی صفحه می‌شود و کاربر حتماً باید جاوااسکریپت و فلش را
بر روی مرورگرش فعال می‌کرد تا بتواند فونتها را ببیند. مورد دوم اینکه
پیاده سازی این تکنیک بر روی سایت بسیار زمان بر و پیچیده بود. در نهایت
مشکلی که برای استفاده از این تکنیک وجود داشت این بود که با زبان فارسی
مشکل داشت. متن فارسی در این تکنیک یا نمایش داده نمیشد و یا به شکل بی هم
ریخته نمایش میافت. البته دوستان با کار کردن بر روی فایل های sIFR توانسته بودند که مشکل نمایش حروف فارسی رو حل کنند ولی همچنان کپی کردن متنی که توسط sIFR ایجاد شده بود، امکان پذیر نبود.
