بهینه سازی فرم ها (قسمت اول – بخش عمومی)

منظور از بهینه سازی فرم ها ایجاد فرم های کامل از نظر امنیت، زیبایی، کارائی آسان، محیط کاربری مناسب و … می باشد.
در حالت کلی بهینه سازی فرم ها را می توان از ۳ جهت بررسی نمود:
۱- زبان های استاتیک و قالب بندی صفحه مانند html، css
2- زبان های سمت سرویس گیرنده (Client Side) مانند جاوا اسکریپت (JavaScript)
3- زبان های سمت سرویس دهنده (Server Side) مانند PHP

برای بهینه سازی فرم ها، شما نیاز به استفاده از هر ۳ بخش زیر دارید. به طور معمول به منظور زیبا کردن فرم نیاز از بخش یک، عوض کردن تنظیمات در سمت سرویس دهنده از بخش ۲ و ثبت نهایی فرم و نیاز های امنیتی از بخش ۳ استفاده می شود.

موفق باشید

  • Share/Bookmark

قابلیت استفاده مجدد از کدها

سلام

برای استفاده مجدد از کدها می توان به چند روش عمل کرد:

* استفاده از فایل های پیوستی – Include file
* استفاده از توابع – Function
* استفاده از کلاس ها – Classes

استفاده از فایل های پیوستی

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

استفاده از توابع
توابع یکی از کارآمد ترین قسمت های زبان های برنامه نویسی می باشند که آن ها را بار ها و بار ها و پروژه های گوناگون بکار گیرید. در این حالت شما تابعی را نوشته و در قسمت های گوناگون بکار می برید.
(more…)

  • Share/Bookmark

فضای سفید و توضیحات

بخش فضای سفید مربوط به php ، x-html می باشد و در بسیاری از زبان های دیگر نیز همینگونه است.

فضای سفید
جدا کردن کاراکتر های مانند برگه ها (tab)، فضای خالی (space) و خطوط جدید (newline) را فضای سفید (whitespace) گویند. همانطور که می دانید، مرورگرهای HTML فضای سفید را نادیده می گیرند. موتور PHP هم از این روش تبعید می کند. این دو قطعه HTML در نظر بگیرید:

<h5>welcome to 5ww.ir</h5><p>What you like to search today</p>

و

<h5>welcome

to 5ww.ir</h5>

<p>What you like

to search today</p>

خروجی این کدها یکسان است زیرا مرورگر به آنها با یک دید می نگرد. استفاده از فضای سفید در HTML خوانائی کد را بالا می برد و مطالعه آن توسط انسان را ساده می سازد اما در نگرش مرورگر به آن نقشی ندارد. در PHP همین اصل حکم فرماست. استفاده از فضای سفید خوانائی کد PHP را بالا می برد. مثلا دو کد
(more…)

  • Share/Bookmark

HTML چیست؟

HTML سرواژه‌ٔ HyperText Markup Language و به معنای « زبان نشانه‌گذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامت‌گذاری فرامتن » ترجمه کرده‌اند).

اچ‌تی‌ام‌ال، سنگِ‌بنای وب است؛ یک زبان رایانه‌ای که برای تدوین قالب و طراحی صفحات وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود.

هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت‌ و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

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

گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.

  • Share/Bookmark

نحوه قرار دادن عکس کنار آدرس بار

اگر دقت کرده باشید در آدرس بار کنار آدرس سایت http://www.oyax.com یک آیکون مشاهده می نمائید. برای ایکه شما نیز کنار آدرس سایت یا وبلاگ خود عکس را قرار بدهید مراحل زیر را پی بگیرید:

  1. یک آیکون در سایز ۱۶*۱۶ طراحی نمائید.
  2. فایل را با نام favicon.ico ذخیره نمائید.
  3. فایل آیکون را بر روی یک سرویس دهنده آپلود نمائید.(در صورتی که سایت دارید در شاخه اصلی آپلود کنید)
  4. کد زیر را در قسمت head قالب صفحه اصلی خود اضافه کنید: (به جای URL آدرس فایل آیکون را بنویسید. در صورتی که در شاخه اصلی سایت خود آپلود نموده اید نوشتن favicon.ico کافی است)
LINK REL="SHORTCUT ICON" HREF="favicon.ico">

چند نکته:

  • استفاده از فایل های متحرک برای این منظور غیر استاندارد می باشد ولی در صورتی که قصد دارید تا فایل متحرکی را در کنار آدرس سایت خود در آدرس بار قرار دهید، ابتدا فایل را با فرمت Gif طراحی نموده و سپس نام آن را به favicon.ico تغییر دهید. بدلیل استاندارد نبودن این روش ممکن است بعضی از مرورگر ها از آن پشتیبانی ننمایند.
  • سایز استاندارد آیکون برای این کار ۱۶*۱۶ می باشد ولی شما می توانید از سایز های دیگر نظیر ۳۲*۳۲ و ۴۸*۴۸ نیز استفاده کنید.
  • در صورتی که بعد از مراحل بالا عکس را در آدرس بار مشاهده ننمودید، می توانید با انجام یکی از دو کار زیر آیکون را مشاهده نمائید :
  1. Cache مرورگر خود را پاک کنید.
  2. بر روی عکسی که هم اکنون در آدرس بار مرورگر شماست کلیک کرده و آن را بر روی آدرس سایت خود بکشید و سپس رها نمائید.
  • Share/Bookmark