MoeinOnline

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

<?
###########################################
# CREATED BY MoeinOnline.Com
###########################################
include ("setting.php");
// Leave below this line alone - If you modify anything below I can assure you
it will mess up!
// the file holding the advert number to view next
$num = file($directory.$adcountfile);
// the file holding the link codes
$adverts = file($directory.$linkfile);
// tells the script to look at the next item in the array
$num = $num[0]+1;
// counting the number of adverts - using function count()
$number = count($adverts);
// If ran out of adverts, start again!
if($num>$number-1){
$num=0;
}
// write the current number to the file
if (file_exists($directory.$adcountfile)) {
$nu = fopen ($directory.$adcountfile, "w");
fputs($nu,$num);
}
else {
die("<h1>Can't find file</h1><br>Check ad-count file ($adcountfile)
exists<BR>Check file with links ($linkfile) exists<BR>Check directory
($directory) is correct");
}
echo "<div align=\"$pos\">$adverts[$num]</div>";
?>

قدم دوم
کد زیر را کپی و در فایلی به نام setting.php ذخیره کنید.

<?php
$directory = "";
$linkfile = "image.inc";
$adcountfile = "displayad.inc";
$pos = "left";
?>

مرحله دوم
تا اینجا برنامه را ایجاد نمودیم ولی حالا باید برنامه‌ای ایجاد نمود تا تصاویر را با پسوند inc ایجاد کند. بنابراین باید فایل image.inc را طبق شرح زیر بسازید. در صورتی که تغییری در نام فایل‌ها دادید آن‌ها را در setting.php نیز اعمال کنید. سپس می‌توانید فایل‌ها را به هوست خود منتقل کرده و از سیستم استفاده کنید.
مرحله سوم
استفاده از سیستم
برای استفاده از برنامه کافیست با استفاده از دستورات زیر آدرس اینترنتی تصویر و توضیحات را کامل کنید و در فایل image.inc ذخیره کنید.
الگو:

<a href="link"><img border="0" src="address"
alt="description"></a>

توضیحات:
link: آدرسی که اگر کاربر روی تصویر کلیک کند، مرورگر به آن صفحه می‌رود.
0: قطر کادری که حاشیه‌ی تصویرتان را احاطه می‌کند. عدد 0 هیچ کادری ایجاد نمی‌کند.
address: نشانی تصویر موردنظر (که طبیعتا باید روی وب باشد)
description: توضیحی در مورد تصویر که با قرارگرفتن نشانگر ماوس روی تصویر به نمایش در می‌آید.
توجه: وجود هر بند خالی در فایل image.inc باعث وقفه در اجرای برنامه می‌شود.

ارسال به

» این مطلب «10 ریزه‌کاری در مورد CSS که شاید ندانید» خیلی جالب است؛ خصوصا شماره‌ی دوی آن. شاید شما هم نمی‌دانستید که در CSS می‌توان برای یک p از بیش از یک کلاس استفاده کرد و هردوی آن کلاس‌ها روی تگ تاثیر می‌گذارند. من این را نمی‌دانستم و قبلا برای هر قسمتی یک کلاس جداگانه تعریف می‌کردم.
کلاس‌ها را باید با یک فاصله (Space) از هم جدا کنید؛ به این شکل:

<p class="text side">...</p>

ارسال به

اشاره: در قسمت قبل با اصول کلی استایل‌ها آشنا شدید و دانستید که چگونه استایل بنویسید. اگر هنوز در استایل‌نویسی مشکلی دارید، نگران نباشید. در پایان این مطلب، فهرست بزرگی از مثال‌های استایل‌ها ارائه شده است که با مطالعه آن‌ها می‌توانید اشکالات خود را رفع کنید.

فراخوانی یک استایل به یک صفحه
گاهی اوقات شما چندین صفحه دارید که می‌خواهید استایل‌ آن‌ها یکی باشد. مسلمآ برای این کار شما باید وقت زیادی را صرف کنید تا برای هر صفحه، استایل‌ها را وارد کنید. شما می‌توانید یک فایل استایل را برای تمامی صفحات خود فراخوانی کنید. به این منظور، ابتدا در فایل موردنظر، استایل‌ها را نوشته و سپس آن را با پسوند css ذخیره و برای استفاده بر روی وب، بالاگذاری (Upload) نمایید. سپس کد زیر را در قسمت head صفحه خود قرار دهید.

link rel="stylesheet" type="text/css"<br /> href="mystyle.css" /

نکته: در ابتدا و انتهای کد، دو علامت < و > قرار دهید!
نکته: در صفحه استایل‌ها، نیازی به شروع و پایان استایل با تگ‌های style و /style نیست.

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

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

امتحان استایل‌ها
حالا وقت آن فرا رسیده است که از خود یک امتحان بگیرید تا ببینید چقدر نسبت به استایل‌ها تسلط دارید. من از خود امتحان گرفتم و در پایان، 80 درصد سوالات را درست جواب دادم.
در این امتحان 20 سوال به صورت چهارجوابی وجود دارد. همچنین مدت زمانی که شما برای پاسخ‌گویی به سوالات صرف می‌کنید نیز محاسبه می‌شود.
آماده‌اید؟ به سر جلسه امتحان بروید!

ارسال به