بلاگ تخصصی دات نت نیوک ایران

وبلاگ تخصصی دات نت نیوک فارسی

بلاگ تخصصی دات نت نیوک ایران

وبلاگ تخصصی دات نت نیوک فارسی

این بلاگ با هدف رشد و فراگیر شدن دات نت نیوک در بین فارسی زبانان و مرجع کاملی برای شروع دات نت نیوک ، یادگیری، دانلود ماژول و اسکین، ماژول نویسی و فارسی سازی و اخبار روزانه آن خواهد بود

نویسندگان

۶ مطلب با موضوع «آموزش :: css» ثبت شده است

http://www.sololearn.com/Images/bg.jpg

برای کسی که تا به حال یک خط کد هم ننوشته، ورود به دنیای عظیم و بی انتهای برنامه نویسی می تواند کار بسیار ترسناکی باشد. از کجا باید شروع کرد؟ آیا می شود برنامه نویسی را به صورت خودآموز یاد گرفت؟ کدام وسیله آموزشی را برای این کار استفاده کنم؟

اگر به یادگیری برنامه نویسی علاقه مندید اما سوالات و نگرانی های این چنینی مانع شروع کارتان شده، چاره تان استفاده از سایت فوق العاده ای است که امروز به شما معرفی می کنیم. کمپانی 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 یا Cascading Style Sheets چیست؟

 برای درک بهتر اهمیت سی‌اس‌اس، فرض کنید قصد طراحی صفحه وبی دارید که بیش از ۱۰۰ پاراگراف متن دارد. اگر روزی بخواهید رنگ متون خود را مثلا به قرمز تغییر دهید، با روش‌هایی که در دوره قبلی آموخته‌ایم، ناچارید تا استایل تک تک المان‌های صفحه را به صورت جداگانه تعریف کنید و به آن‌ها رنگ بدهید.

 اما برای زمانی که ما ده‌ها نوع المان داخل و خارج صفحه داریم استفاده از این روش نه تنها بسیار وقت‌گیر است بلکه گاهی باعث تداخل در کارها و همچنین مشکلات در طراحی نهایی می‌شود. اینجا است که سی‌اس‌اس به فریاد طراحان وب می‌رسد. در واقع سی‌اس‌اس نقش اتاق فرمان برای اچ‌تی‌ام‌ال را دارد و برنامه‌ریزی اینکه هر المان در زبان اچ‌تی‌ام‌ال با چه مدل و در چه جایی قرار بگیرد را بر عهده می‌گیرد. 

نمونه CSS:

۰ نظر موافقین ۰ مخالفین ۰ ۱۶ دی ۹۴ ، ۱۳:۲۹
http://markdotto.com/uploads/2011/01/3d-text.jpg
اختصاصی وبلاگ دات نت نیوک
شاید برای شما هم سوال باشه چطور می توانیم یک متن زیبای سه بعدی ایجاد کنیم که علاوه بر زیبایی سایت سبک نیز باشد ضمن اینکه وقتی این دستور به صورت یک کد باشد می توانیم توکن های خبری خود را ویرایش نموده و آن را وارد مثلا تیتر اخبار خود نماییم.
ما در اینجا یک سایت حرفه ای برای اینکار به شما معرفی می نماییم که قابلیت های فراوانی برای ایجاد یک متن سه یعدی را داراست.
لازم به ذکر است که اگر قرار نیست که کد فوق را در پوشه css قرار دهید و مثلا در ماژول html قرار دهید لازم است از دستور زیر استفاده کنید.
<style>
your code paste here
</style>

برای ایجاد متن سه بعدی به این سایت مراجعه نمایید.
۱ نظر موافقین ۰ مخالفین ۰ ۲۵ مهر ۹۳ ، ۱۴:۰۳

http://www.multilingua.com/font-samples/Farsi_Font/farsi_font_samples.png

یکی از مشکلاتی که در وب فارسی با آن مواجه هستیم، محدودیت فونت است. متاسفانه در وب فارسی ما محدود به سه فونت هستیم که بر روی تمامی سیستم ها نصب شده است. فونت arial, Tahomaو mono-type تنها فونتهایی هستند که می‌توانیم از آنها استفاده کنیم در حالی که برای زبان انگلیسی حداقل نزدیک به 10 فونت در دسترس است.

از مدتها قبل طراحان از شیوه های مختلفی برای استفاده از فونت‌ها در وب استفاده کرده اند. یکی از شیوه های رایج، جایگزینی متن با تصویر بود. طراح متن مورد نظر را با فونت مورد نظرش در نرم افزار گرافیکی می‌نوشت و آن را به طرح خود منتقل می‌کرد. این شیوه محدودیت ‌هایی را به همراه داشت که یکی از آنها بالا رفتن حجم صفحات وب بود. بعد از مدتی طراحان به فکر استفاده از شیوه های دیگری افتادند که یکی از این شیوه‌ها استفاده از تکنیک sIFR بود. در این متد، فونت خود را داخل یک فایل فلش قرار می‌دهید و یک فایل جاوااسکریپت را نیز به صفحه خود اضافه می‌کنید. این فایل جاوااسکریپت در هر جایی که قرار بود فونت مورد نظر نمایش یابد، متن آن بخش را مخفی می‌کرد و به جایش یک فایل فلش را قرار می‌داد که همان متن را با فونت مورد نظر شما نمایش می‌داد. این فایل فلش قابلیت خوبی داشت و با کوچک شدن عرض صفحه قابلیت scaleشدن را دارا بود و به هم ریخته نمایش داده نمیشد ولی این شیوه نیز محدودیت های خود را داشت.
نخست اینکه باعث کندی صفحه می‌شود و کاربر حتماً باید جاوااسکریپت و فلش را بر روی مرورگرش فعال می‌کرد تا بتواند فونتها را ببیند. مورد دوم اینکه پیاده سازی این تکنیک بر روی سایت بسیار زمان بر و پیچیده بود. در نهایت مشکلی که برای استفاده از این تکنیک وجود داشت این بود که با زبان فارسی مشکل داشت. متن فارسی در این تکنیک یا نمایش داده نمیشد و یا به شکل بی هم ریخته نمایش میافت. البته دوستان با کار کردن بر روی فایل های sIFR توانسته بودند که مشکل نمایش حروف فارسی رو حل کنند ولی همچنان کپی کردن متنی که توسط sIFR ایجاد شده بود، امکان پذیر نبود.

۱ نظر موافقین ۰ مخالفین ۰ ۱۱ مهر ۹۳ ، ۱۳:۰۷