مقاله فارسی آموزش oop

programmer

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

پیوست ها

8908190

کاربر تازه وارد
تازه وارد
قبل از آشنایی با مفهوم layout در دنیای وب و برنامه نویسی ، بهتر است مفهوم کلی آن را درک کنید ؛

Layout به معنای طرح بندی است یعنی صفحه چطور نمایش داده شود. معمولا محتوای سایت در قالب چندین ستون نمایش داده میشود.



Layout برای یک صفحه ی وب از اهمیت بسیاری برخوردار است، چرا که دید بهتری نسبت به وب سایت شما ارائه می دهد.
طراحی Layout خوب با منظره و حس خوب برای یک وب سایت زمان فوق العاده زیادی می گیرد. این روزها همه ی وب سایت های مدرن از فریم ورک هایی بر اساس جاوا اسکریپت و CSS استفاده میکنند تا به وب سایت های پویا و مشهور تبدیل شوند، اما یک Layout در صفحه ی وب شما، صرفا از HTML و ویژگی های ان استفاده می کند.

HTML Layout – استفاده از جدول ها
ساده ترین و محبوب ترین راه برای ایجاد Layout ها، استفاده از برچسب < table> در HTML می باشد.به لینک آموزش ساخت سایت از پایه - فیلم های رایگان به زبان ساده مراجعه کنید.

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

برای مثال، نمونه زیر از طریق استفاده از یک جدول با سه ردیف و دو ستون به دست می آید، اما ستون عنوان (header) و پاورقی را با استفاده از ویژگی colspan ایجاد می کنند.

مثال :

<!DOCTYPE html>
<html>

<head>
<title>HTML Layout using Tables</title>
</head>

<body>
<table width = "100%" border = "0">

<tr>
<td colspan = "2" bgcolor = "#b5dcb3">
<h1>This is Web Page Main title</h1>
</td>
</tr>
<tr valign = "top">
<td bgcolor = "#aaa" width = "50">
<b>Main Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>

<td bgcolor = "#eee" width = "100" height = "200">
Technical and Managerial Tutorials
</td>
</tr>
<tr>
<td colspan = "2" bgcolor = "#b5dcb3">
<center>
Copyright © 2007 Tutorialspoint.com
</center>
</td>
</tr>

</table>
</body>

</html>​
برای مشاهده ی نتیجه ، قطعه کد بالا را در نوت پد اجرا بگیرید .

ساخت Layout های چند ستونه توسط جدول های html :

شما می توانید سایت خود را طوری طراحی کنید که محتوای وب در چند بخش ستونی تنظیم شود به طوری که محتوای اصلی را در ستون میانی حفظ کنید و از ستون
.سمت چپ برای استفاده از منو و از ستون سمت راست برای تبلیغ یا موارد دیگر استفاده کنید.


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



برای درک بیشتر به مثال زیر و خروجی اش توجه کنید :

<!DOCTYPE html>
<html>

<head>
<title>Three Column HTML Layout</title>
</head>

<body>
<table width = "100%" border = "0">

<tr valign = "top">
<td bgcolor = "#aaa" width = "20%">
<b>Main Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>

<td bgcolor = "#b5dcb3" height = "200" width = "60%">
Technical and Managerial Tutorials
</td>

<td bgcolor = "#aaa" width = "20%">
<b>Right Menu</b><br />
HTML<br />
PHP<br />
PERL...
</td>
</tr>

<table>
</body>

</html>​
خروجی آن به شکل زیر طبقه بندی خواهد شد :



Layout های HTML – استفاده از تگ های DIV و Span :

تگ <div> یک تگ block level می باشد (برای اطلاعات به مقاله ی بلاک ها در HTML مراجعه کنید) که برای گروه بندی عناصر HTML استفاده می شود. در حالیکه این عنصر یک عنصر block level است، تگ< span>برای گروه بندی عناصر در یک سطح درون خطی (inline) استفاده می شوند.
گرچه می توانیم با layout ها جدول های زیبای HTML داشته باشیم ، اما جدول ها در واقع به عنوان ابزار Layout طراحی نشده اند، و بیشتر برای نمایش داده های جدولی استفاده می شوند.
 
بالا