فراگیری آسان زبان PHP

[سید محمود مخمصه]

2 - براي رنگدهي با كد بايد براساس سيستم RGB اين كار را انجام داد . RGB كه فرم كوتاه عبارت Red Green Blue مي باشد به اين نكته اشاره دارد كه رنگ هاي قرمز ، سبز و آبي سه رنگ اصلي سيستم مي باشند و ساير رنگ ها از تركيب اين سه رنگ (هر يك با وزن خاصي) بدست مي آيند . در اين سيستم وزن هر رنگ از عدد 0 تا 255 تغيير مي كند . مثلا در يك سيستم RGB اگر سهم رنگ هاي آبي و سبز 0 و رنگ قرمز 255 باشد اين رنگ همان رنگ قرمز استاندارد خواهد بود . اما در كد html اين رنگ ها داراي كد مبناي 16 خواهند بود . بر اين اساس حد بالاي وزن رنگ ها از 255 به FF در مبناي 16 تغيير مي كند . چرا كه در مبناي 16 ارقام از 0 تا F (يعني همان 15) تغيير مي كند. (1،0،...،9 ، F ، E ، D ، C ، B ، A) بنابراين اگر 255 را با تقسيمات متوالي بر 16 به مبناي 16 ببريم به همان كد بالا يعني FF مي رسيم . حال براي رنگدهي به محتوا از اين طريق بايد كدي شبيه به زير بنويسيم .

<p style="font-family : B Nazanin , tahoma ; color:#FF8000" >
Hello World !
</p>

 

[سید محمود مخمصه]

همانطور كه در كد فوق پيداست دو رقم اول از سمت چپ وزن رنگ قرمز ، دو رقم بعد وزن رنگ سبز و دو رقم آخر وزن رنگ آبي مي باشد . بنابراين نتيجه اجراي كد فوق به شكل زير خواهد بود .
Hello World!
براي يافتن رنگ مناسب و متناسب با سليقه شما ، مي توانيد از ابزارهايي مانند ‍Color Picker در برنامه Paint ويندوز يا فوتوشاپ (photoshop) استفاده كرد . البته اين ابزارها كد رنگ را در مبناي 10 به شما مي دهند كه مي توانيد با استفاده از برنامه ماشين حساب ويندوز و انتخاب گزينه HEX به جاي Dec كد را به مبناي 16 تبديل كنيد . منتها بايد ابتدا ماشين حساب در حالت Dec باشد و شما عدد مربوطه را وارد نمائيد و سپس گزينه Hex را انتخاب كنيد .

 

[سید محمود مخمصه]

ديديم كه اگر بخواهيم كل متن يك پاراگراف و يا هر تگ ديگري به رنگ يا فونت و يا اندازه خاصي درآيد كافيست كه در خصوصيت Style از آن تگ اين تنظيمات را وارد كنيم . اما اين تنظيمات به كل تگ اعمال مي شوند . حال فرض كنيد بخواهيم كه كل پاراگراف يك رنگ ، يك سايز فونت و يك نوع خط داشته باشند اما يك يا چند كلمه و يا حتي يك يا چند حرف مجزا با تنظيمات ديگري بيايند . چه كاري بايد انجام دهيم ؟ آيا يك تگ پاراگراف ديگر ايجاد كنيم ؟ پاسخ منفي است چرا كه اين كار چينش را به هم مي ريزد . پس راهكار چيست ؟ تگ Font اين كار را راحت كرده است هر تگ Font سه خصيصه دريافت مي كند :
1- Color كه مشخص كننده رنگ خط است .
2 - Face كه مشخص كننده نوع خط مي باشد.
3 - Size كه مشخص كننده اندازه خط است .
به عنوان مثال كد زير را در نظر بگيريد :

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<font color="red" face="arial" size="7" >Hello </font> World !
</p>

 

[سید محمود مخمصه]

نتيجه اجراي كد به شكل زير است :
Hello World !
شايد تنها چيزي كه باعث تعجب شما شده باشد عبارت size باشد . اين عبارت با عبارت مشابهي كه در خصيصه Style‌ استفاده ميشد متفاوت است . در اينجا اين خصيصه تنها عددي از 1 تا 7 مي گيرد . بزرگترين سايز 7 ، كوچكترين سايز 1 و سايز پيش فرض 3 مي باشد . به عنوان مثالي ديگر ، كد زير را در نظر بگيريد :

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<font color="red" face="arial" size="7" >H<font color="green" size="1" >e</font>llo </font> World !
</p>

نتيجه اجراي كد به شكل زير است :

Hello World !

همانطور كه مشاهده مي كنيد محدوده اثر تگ font تا رسيدن با تگ بسته font مي باشد و بعد از آن تنظيمات به حالت قبل (يعني چيزي كه در تگ حاوي تگ font ست شده) برميگردد.

 

[سید محمود مخمصه]

برای ایجاد لینک باید از تگ a به شکل زیر استفاده کرد . a ابتدای کلمه anchor به معنای لنگر است . تگ a دارای 3 attribute پر کاربرد است .
1- href : مشخص می کند در صورت کلیک شدن بر روی لینک چه صفحه ای باز شود .
2- name : برای ایجاد Bookmark استفاده می شود . bookmark باعث می شود که با کلیک بر روی آن به جایی از صفحه جاری و یا به محل خاصی در صفحه دیگر برویم (نه فقط به ابتدای صفحه)
3 - title : برای ایجاد توضیحی که مانند hint ظاهر شود به کار می رود . این گزینه برای آن به کار می رود که کاربر قبل از کلیک بداند به کجا هدایت خواهد شد .

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="[URL="http://www.yahoo.com"]Yahoo! Deutschland[/URL]" title="هدایت به سایت یاهو" >yahoo</a>
</p>

نتيجه اجراي كد به شكل زير است :

[SIZE=2]yahoo[/SIZE]

 

[سید محمود مخمصه]

برای ایجاد لینک باید از تگ a به شکل زیر استفاده کرد . a ابتدای کلمه anchor به معنای لنگر است . تگ a دارای 3 attribute پر کاربرد است .
1- href : مشخص می کند در صورت کلیک شدن بر روی لینک چه صفحه ای باز شود .
2- name : برای ایجاد Bookmark استفاده می شود . bookmark باعث می شود که با کلیک بر روی آن به جایی از صفحه جاری و یا به محل خاصی در صفحه دیگر برویم (نه فقط به ابتدای صفحه)
3 - title : برای ایجاد توضیحی که مانند hint ظاهر شود به کار می رود . این گزینه برای آن به کار می رود که کاربر قبل از کلیک بداند به کجا هدایت خواهد شد .

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="[URL="http://www.yahoo.com"]Yahoo! Deutschland[/URL]" title="هدایت به سایت یاهو" >yahoo</a>
</p>

نتيجه اجراي كد به شكل زير است :
yahooنچه که باید مورد توجه قرار داد اینست که به هنگام وارد نمودن آدرس (مقدار href) باید حتما عبارت //:http گذاشته شود وگرنه مرورگر به دنبال فایلی بنام www.yahoo.com در همان مسیر صفحه وب می گردد که چون آنرا نمی یابد دچار خطا می شود .
حال فرض کنید . صفحه ای نسبتا طولانی شده است . می خواهیم در انتهای صفحه لینکی ایجاد کنیم بنام برو بالا که اگر کاربر این لینک را کلیک کرد به ابتدای صفحه برود . چگونه این کار را انجام دهیم؟ این همان چیزیست که به آن Bookmarking می گوئیم و بوسیله خصیصه name قابل انجام است کد زیر را به دقت بررسی کنید . برای اینکه صفحه کمی طولانی شده و دارای اسکرول شود چند پاراگراف اضافی با محتوای آموزش طراحی وب با HTML ایجاد شده است:

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a name="first"></a>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<a href="/#first" title=" برو بالا">برو بالا</a>
</p>

نتيجه اجراي كد به شكل زير است :

 

[سید محمود مخمصه]

همانطور که در نتیجه می بینید جایی که bookmark می کنیم هیچ کس متوجه نمی شود و چیزی دیده نمی شود در مثال فوق ابتدای پاراگراف زرد رنگ یک bookmark بنام first درست شده است . و در آخرین خط این پاراگراف عبارت برو بالا درج شده که به آن bookmark لینک شده است . لینک به bookmark از علامت # و بدنبال آن نام bookmark تشکیل می شود . در اینجا منظور از برو بالا ابتدای صفحه نیست بلکه ابتدای پاراگراف است . اگر به موقعیت اسکرول قبل و بعد از کلیک کردن توجه کنید متوجه منظور خواهید شد . علامت # در لينك ها به همان صفحه اي كه لينك در آن واقع شده است اشاره دارد . حال اگر بخواهيم لينكي به يك قسمت خاص از صفحه ديگري دهيم كافيست ابتدا در آن قسمت خاص از آن صفحه يك bookmark ايجاد كنيم ، سپس در جايي كه مي خواهيم لينك ايجاد كنيم ، مقدار پارامتر href را اينگونه تنظيم كنيد كه ابتدا آدرس آن صفحه باشد و بعد علامت # و سپس نام bookmark. سعي كنيد اكنون اين كار را انجام دهيد .
مطلب مهمی که درباره آدرس دهی چه در لینک ، چه در عکس و چه در هر جای دیگر html وجود دارد، اینست که آدرس دهی باید به گونه ای باشد که وب سایت در هر جا باشد ، چه online و چه offline درست عمل کند و همه آدرس ها معتبر باشند . برای این کار باید آدرس دهی ها به صورت نسبی (local) باشند . یعنی اگر به فایل یا عکسی لینک می دهیم آدرس آن عکس نسبت به فایلی که در آن لینک ایجاد می کنیم باید به صورت نسبی بیاید . مثلا فرض کنید میخواهم به یک فایل بنام test.html لینک دهم که این فایل در شاخه images از مسیر اصلی وب سایت من قرار دارد . برای ایجاد این لینک باید به صورت زیر عمل شود :

<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="/images/test.html" title="فایل تست" >test</a>
</p>

نتيجه اجراي كد به شكل زير است :

[SIZE=2]test[/SIZE]

 

[سید محمود مخمصه]

همانطور که مشاهده می کنید آدرس با عبارت images شروع شده چرا که صفحه جاری که index.php نام دارد با پوشه ای بنام images هم شاخه هستند بنابراین برای اینکه از صفحه جاری به test.html برسیم باید از پوشه images گذر کنیم . حال اگر بخواهیم از test.html به index.php لینک دهیم این بار باید اول از پوشه images بیرون بیاییم که اینکار با نوشتن عبارت /.. انجام می شود یعنی مقدار عبارت href می شود : index.php/..
اين تگ خصيصه ديگري نيز بنام target دارد . بيشترين كاربرد target زماني است كه بخواهيد صفحه اي كه به آن لينك مي دهيد در پنجره اي جديد باز شود . بدين ترتيب بايد مقدار خصيصه target را به blank_ تنظيم كنيد . مانند مثال زير :

 

[parandeyesiah]

تمامی این پست ها از سایت من (محمد عبداللهی) به نشانی وب سايت رسمي محمد عبداللهي - طراح و برنامه نویس وب و مدرس حرفه ای بدون ذکر منبع کپی برداری شده که کار درستی نیست . لطفا این پست ها را حذف کنید و یا منبع را با فونت درشت ذکر کنید .

 

[miladwwe]

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