شاید به نظرتان کار ما در این مطلب رمزگذاری باشد نه مبهم کردن. ولی برای این که دقیقا متوجه بشوید ما در این مطلب قرار است چه کاری انجام دهیم ، پیشنهاد می کنم مطلب "مقدمه ای بر رمزگذاری و مبهم کردن کد" را مطالعه کنید.

با مطالعه مقدمه ی بالا تفاوت بین رمزگذاری و مبهم کردن را متوجه می شوید. ما در این مطلب قرار است کد ها را مبهم کنیم نه رمزگذاری.

رویداد های فرم صفحه کلید (keyboard) ، کلیپ بورد (clipboard) و موس (mouse) در جاوا اسکریپت

برای آشنایی با رویداد ها (events) در جاوا اسکریپت این مطلب را بخوانید.

برای مشاهده ی جدول های مربوط به این رویداد ها به ادامه ی مطلب بروید.

در این مطلب قرار است به شما چگونگی نوشتن کد های css آموزش داده شود. این در اصل یک دوره ی تازه از آموزشات سایت toolsTheme می باشد. امیدوارم از این آموزشات استفاده ی کافی را ببرید.

شما برای این که بتوانید آموختن css را شروع کنید ، ابتدا باید با html آشنایی داشته باشید. در اصل کار سی اس اس به تنهایی هیچ است. سی اس اس زمانی معنی پیدا می کند که در کنار html باشد و به اشیاء مختلف یک صفحه ی وب ، حالت های مختلفی را بدهد.

همانند html ، برای نوشتن کد های سی اس اس هم به چیز زیادی نیاز نیست. تنها یک ویرایشگر متن ساده ( مثل notepad ) و یک مروگر ( من از فایرفاکس استفاده می کنم ).

همان طور که گفته شد css به تگ های html حالت های تازه و اختصاصی ای می دهد که ما دوست داریم. از سی اس اس به سه شکل می توان در صفحات وب استفاده کرد:

1. در فایلی جدا با پسوند CSS اتصال آن به صفحه با تگ link.

2. در خود فایل html و در تگ style.

3. در موجودیت style هر تگی که می خواهید به آن حالت بدهید.

در ادامه برای هر یک از این حالت ها مثال هایی خواهم زد: ادامه ی مطلب را ببینید.

از این که بین بخش های مختلف آموزش وقفه ی زیادی به وجود اومده عذرخواهی می کنم. (مشغله زیاده )

خوب بریم سروقت آموزش. اگه آموزش های قبلی رو مطالعه کرده باشید الان باید بتونید این آموزش رو به راحتی متوجه بشید. پس اگه آموزش های 1 و 2 رو هنوز مطالعه نکردید ، اول اون ها رو بخونید بعد این آموزش رو دنبال کنید.

توی این آموزش قراره که ساخت لینک رو یاد بگیرید. یه کار دیگه هم که قراره بکنید اینه که یه جدول درست کنید. در کل این آموزش یک سری از کاربردی ترین تگ های html رو به شما آموزش میده!

خوب! اول از بقیه ، تگ لینک ( <a> ):

فکر نمی کنم لازم باشه توضیح بدم که لینک چی هست!؟ اما باز هم شاید بعضی ها ندونن: لینک همون چیزیه که شما در بخش های مختلف صفحات وب وقتی روی اون کلیک می کنید به جای دیگه منتقل میشید. (به فارسی میشه پیوند) حالا این پیوند می تونه بین دو صفحه باشه ، بین بخش های مختلف یک صفحه باشه یا بین بخش های مختلف از چند صفحه باشه.

برای مشاهده ی مثال ها و توضیحات بیشتر به ادامه ی مطلب بروید.

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

 در این ابزار بعد از این که شما کد خود را در مکان مخصوص آن نوشتید می توانید با کلیک بر روی "نمایش خروجی این کد" کد را در همان صفحه به صورتی که تمام بخش های اضافه ی قبلی پاک می شوند مشاهده کنید.

شما می توانید در این ابزار قسمتی را برای ذخیره ی کد های خود مشاهده کنید. این قسمت به شما این اجازه را می دهد که کد هایی را که نوشته اید به صورت کامل در یک برگه ی یادداشت کپی کنید و بعد از مشاهده ی خروجی کد دوباره بتوانید از آن استفاده کنید و آن را تغییر دهید. (اگر کد ها را در این برگه ی یادداشت ذخیره نکنید ، کد های شما بعد از نمایش داده شدن دیگر قابل بازیابی نیستند. پس به این موضوع توجه کنید و قبل از کلیک بر روی "نمایش خروجی این کد"  کد های خود را در برگه ی یادداشت کپی ، پیست کنید.

این ابزار همچنین به شما کمک می کند تا قالب هایی را که می خواهید در وبلاگ یا سایت خود قرار دهید ، قبل از استفاده امتحان کنید و بخش های مختلف آن را دقیقا مشاهده کنید.

یکی از ویژگی های این ابزار این است که شما می توانید از آن در هر بخشی از صفحات وبلاگ یا سایت خود که می خواهید استفاده کنید. برای این کار آموزشات پایین را مشاهده کنید.

برای طراحی این ابزار وقت زیادی گذاشته شده است. پس برای این که این زحمات ما پایمال نشود ، کپی رایت ها را حذف نکنید. حذف هر یک از کپی رایت ها به هر شکلی غیر قانونی و غیر شرعی می باشد.

  قابل اجرا در:

• تمام سایت ها و وبلاگ ها

برای دریافت کد قرار دادن در وبلاگ و استفاده از ابزار به ادامه ی مطلب بروید.

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

این آموزش مقدمه ی آموزش کار با تگ (کلمات کلیدی)های اچ تی ام ال است. یکی از ویژگی های آموزشات این وبلاگ این است که اصول کار با کد ها را بیان می کند و کاری به جزئیات بی فایده ندارد. پیشنهاد می کنم اگر به دنبال تاریخچه ی کد ها و این جور چیز ها می گردید این مطالب را دنبال نکنید. این مطالب فقط و فقط کار با کد ها را آموزش می دهد.

موارد لازم برای کار با html :

1. یک نرم افزار ویرایش مثل notepad , wordpad که به صورت پیشفرض در ویندوز وجود دارد و یا نرم افزار notepad++ که کار با کد ها را خیلی راحت تر می کند.

2. علاقه داشتن و دنبال کردن برای عدم فراموشی. (توجه داشته باشید که اگر به کار با این کد ها هیچ علاقه ای ندارید همان بهتر است که اصلا آن ها را یاد نگیرید. این حرف من کاملا با دلیل و مدرک است که شما خودتان بعد از یادگیری ، متوجه آن می شوید.)

همان طور که گفتیم ما در این آموزشات تاریخچه و ... رو بیان نمی کنیم و فقط هدف آموزش کار با کد هاست. اما فقط این را بدانید که html مخفف Hyper Text Markup Language است.

برای مشاهده ی توضیحات بیشتر به ادامه ی مطلب بروید.