سینا صالحی فرد 23 اردیبهشت 1393 بدون نظر 3423 بازدید آموزش HTML
فیلم آموزش ایجاد تورفتگی (indent) در بین کدها

حتماً با اصطلاح تورفتگی (indent) خطوط و متن ها، در نرم افزارهای ویرایش متن آشنایی دارید. در این نرم افزارها این تورفتگی برای زیبایی و خوانایی متون ایجاد می شود ولی در برنامه های ویرایشگر کد، این تورفتگی برای کدنویس در خوانایی کدها اهمیت دارد.

در این فیلم آموزشی html با دو مفهوم bad habits و best practice در کدنویسی آشنا خواهید شد و همچنین می آموزید که چگونه با نرم افزارهای Notepad++ و Dreamweaver در کدها، تورفتگی ایجاد کنید.

فیلم آموزش ایجاد تورفتگی (indent) در بین کدها

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی ایجاد تورفتگی (indent) در بین کدها

در امور کدنویسی و برنامه نویسی تحت وب یا ویندوز با دو مفهموم آشنا می شویم :

Bad habits

همانطور که از نامش پیداست به عادات بد در کدنویسی گویند که باعث کاهش کارایی کار، سرعت انجام کار و کاهش انعطاف پذیری کدها و … میشود.

Best practice

به مواردی که با رعایت آن ها در کدنویسی، سرعت و کارایی و کیفت کار خود را افزایش میدهید، best practice گویند.

یکی از مواردی که جزء best practiceها می باشد، ایجاد تورفتگی در بین کدهاست.

تورفتگی

به وسیله ایجاد تو رفتگی در کدها می توانیم خوانایی و دسترسی بهتری به کدهای خود داشته باشیم .

مثال :


<div id="test">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

</ul>

<ol>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

</ol>

</div><!-- #test -->

به عوان مثال فرزند (ul) از پدر خود (div) فاصله ای میگرد و سپس فرزند ul یعنی li، همینکار را انجام می دهد.

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

ایجاد تو رفتگی به وسیله برنامه Dreamweaver

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

  1. برنامه dreamweaver را اجرا کنید.
  2. به وسیله کلیدهای ctrl + o فایل html خود را باز کنید.
  3. سپس تگ هایی را که می خواهید طبق استاندارد html در آن تورفتگی ایجاد شود، انتخاب کنید. ( میخواهیم در تمام صفحه تورفتگی ایجاد شود، پس به وسیله ctrl + a کل صفحه را انتخاب می کنیم. )
  4. از منوی بالا commands را انتخاب کرده، سپس Source Formatting Apply را انتخاب کنید.

2

اکنون در صفحه طبق استاندارد html، تو رفتگی ایجاد شده است .

نکته : این روش خوبی است برای ایجاد تو رفتگی اما بهتر است هنگام کدنویسی صفحه خود (با کلید tab) تو رفتگی ها را هم اعمال کنید.

دسترسی سریع :

نظرات کاربران (0)