MoeinOnline

بخواهید یا نخواهید می‌خواهم كولاك كنم.
اگر بدتون نیاد می‌خوام یك سری آموزشی اینجا راه بندازم، تا هم مشتری سایت رو بالا ببرم و هم یك ارثی از خودم به جا گذاشته باشم كه شاید یك چند تا بنده خدایی رو به راه راست هدایت كنه و باعث پیشرفت بشریت بشه

اولین سری كه خودم یك چیزهای در موردش بلدم، برنامه‌نویسی با ویژوال بیسیك است.

مقدمه
فكر كنم خیلی‌ها دوست دارن برنامه‌نویسی یاد بگیرن، ولی یا وقتش رو ندارن، یا اینكه میترسند به سمت برنامه نویسی برن.
ممكنه خیلی‌ها فكر كنند ویژوال بیسیك برای برنامه‌نویسی بانك اطلاعاتی (Database) و از این جور چیزای خسته كننده است ولی من اصلا از بانك اطلاعاتی خوشم نیماد. از اول كه به صورت آماتور برنامه‌نویسی رو شروع كردم فقط عشقم این بود كه بالاخره یك موجودی رو گیر آوردم كه هر كاری كه بخوام بهش میگم، اونم انجام میده. تازه از كارهای مولتی‌مدیا (چند رسانه‌ای) و گرافیكی و كارهای عجیب غریب سیستمی خیلی خیلی خوشم میاد.
قابلیت انعطافی كه برنامه‌نویسی به آدم میده خیلی زیاده.  اولند مغز آدم رو كار میندازه، دومند میشه كارهایی رو كه هیچكس انجام نمیده بندازین گردن یك برنامه كه خودتون نوشتین و اون بدبخت انجام بده و سومند باهاش یك كم هم پول در آورد. 

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

این رو بگم كه قصد ندارم خیلی سخت سخت چیز بنویسم، می‌خوام یك جوری بنویسم كه اونایی كه تاحالا برنامه‌نویسی رو به عمرشون ندیدند هم بتونند برنامه‌نویس بشند.

قراره از اول الفبا بنویسم ولی آخرش دیگه معلوم نیست تا هرجایی كه كشید و وقت داشتم و البته بسته به نظراتی داره كه در این مورد دریافت میكنم.

كسانی هم كه می‌خواهند این مطالب رو دنبال كنند خیالشون راحت باشه داخل همین موضوع که اگه در ستون كناری سایت نگاه كنید میتونید در بخش موضوعات ( برنامه نویسی ) ، اون مطالب رو پیدا كنید. عددی هم كه كنار اون نوشته تعداد مطالبی رو نشون میده كه در رابطه با اون موضوع وجود داره.

خوب دیگه حرف اضافه بسته بریم سراغ اصل موضوع.

ارسال به

می‌توان گفت که امروزه CSS طراحی صفحات وب را در جهان متحول کرده است. این فناوری به طراحان وب کمک می‌کند که طراحی‌های خود را با بالاترین کیفیت و کاربرپسندترین شکل ارائه کنند. پیش از این، انجام این کار تنها با فایل‌های سنگین گرافیکی قابل انجام بود.
به جرات می‌توان گفت که اگر شما بدانید که با CSS چه کارهایی می‌توانید بکنید، قطعا از آن استفاده خواهید نمود. امروزه اکثر قریب به اتفاق سایت‌های حرفه‌ای از CSS بهره می‌برند. بنابراین برای یک طراح صفحات وب یادگیری این زبان بسیار مهم خواهد بود.
بسیاری از طراحان وب در زمینه‌ای که در آن به فعالیت مشغول هستند (یعنی طراحی) از اطلاعات ریشه‌ای و پایه‌ای برخوردار نیستند. اکثر آنها با خواندن یک کتاب در مورد HTML و یا JavaScript چیزهایی در مورد این زبان‌ها می‌دانند. همچنین بسیاری از آنها به نرم‌افزارهایی مانند Photoshop و Flash مسلط هستند. اما تعداد بسیار کمی هستند که تحصیلات دانشگاهی در این زمینه‌ها دارند. اما CSS برای هر دو گروه (چه آنهایی که تجربی و یا با خواندن یک کتاب طراحی را بلدند و چه آنهایی که به طور پایه‌ای به این زبان‌ها مسلط هستند) مفید و شاید لازم است.
اما به راستی با CSS چه کاری می‌شود کرد؟ به طور خلاصه می‌توان گفت مهم‌ترین کار آن، راحت‌کردن شما از یک سری کد است که علاوه بر خسته‌کردن شما، باعث پایین‌آمدن سرعت لود صفحات شما می‌شوند. CSS دست طراحان را به قدری باز گذاشته است که قطعا کسی با بهره‌گیری از CSS تمایلی به استفاده از جداول نخواهد داشت. CSS زمانی کاربرد خود را نشان می‌دهد که شما صفحه‌ای با حجم نسبتا زیادی از متن و عکس دارید (مانند یک وبلاگ) و نیاز است که صفحه زود لود شود. اگر شما از جداول استفاده کنید، بیننده باید منتظر شود تا زمانی که کل جدول لود شده و به نمایش درآید. اما با استفاده از CSS، هرچقدر اطلاعات لود شده باشد، در همان لحظه بر روی مانیتور بیننده درج خواهد شد.
اما چرا CSS مانع از خستگی شما در کدنویسی می‌شود؟ شما با CSS می‌توانید ویژگی‌های یک بخش را فقط یک‌بار تعریف کنید و دیگر مجبور نباشید این کار را تکرار کنید. مثلا شما دوست دارید که متون داخل کادری که در همه‌ی صفحات سایتتان وجود دارد، به رنگ قرمز باشد. برای این کار بدون CSS شما لازم است هربار تگ font را نوشته و ویژگی color را ذکر کنید. اما با CSS آن‌طور که بعدا خواهید آموخت، تنها لازم است یک‌بار این کار را انجام دهید.
اما بهتر است بیشتر شما را هیجان‌زده و مشتاق نکنم و به سراغ شروع داستانی با نام آموزش CSS بروم. یادگیری CSS همانند HTML است؛ اما باید بدانید که برای یادگیری CSS لازم است که شما HTML را بلد باشید. اگر به زبان HTML مسلط هستید با من برای یادگیری CSS همراه باشید.

ارسال به

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

<SCRIPT LANGUAGE="JavaScript">


<!--Total Java Scripts 99 - Next Step Software-->


<!-- Begin
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="Your Description";
url="Link";
alt="Image Description";
banner="Image Address";
width="468";
height="60";
}
if (ad==2) {
txt="Your Description";
url="Link";
alt="Image Description";
banner="Image Address";
width="468";
height="60";
}


document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

توضیح کد:
همان‌طور که می‌دانید برای یک سیستم نمایش تصادفی تصاویر، شما باید حداقل دو تصویر داشته باشید. بنابراین من مقدار var how_many_ads را عدد 2 انتخاب کرده‌ام. اگر شما بیش از دو تصویر دارید، تعداد آن‌ها را جایگزین عدد 2 کنید. در ابتدای کد هر تصویر، (مثلا برای تصویر اول) عبارت if (ad==1) درج شده است. برای تصویر دوم، عبارت if (ad==2) و... اگر بیش از دو تصویر دارید، باید برای هرکدام در ابتدا عبارت را نوشته و شماره تصویر را جایگزین عدد کند. مثلا برای تصویر شماره‌ی 3، بنویسید: if (ad==3) و سپس کدهای مربوط به آن تصویر را داخل {} قرار دهید.
به جای Your Description توضیحی در مورد تصویر بنویسید که در زیر تصویر به نمایش در می‌آید.
به جای Link آدرسی که با کلیک کردن روی تصویر مرورگر به آن آدرس برود را بنویسید.
به جای Image Description توضیحی در مورد تصویر بنویسید که با رفتن نشانگر ماوس روی تصویر، به نمایش درآید.
به جای Image Address نشانی تصویر موردنظر (که طبیعتا باید روی وب باشد) را قرار دهید.
دو بخش width و height مربوط به طول عرض تصویر موردنظر می‌باشند که باید مطابق طول و عرض تصویر خود آن را تنظیم نمایید.
توجه: توضیح زیر تصویر (که آن هم به صفحه‌ی موردنظر لینک است) مطابق با CSS صفحه‌ی خودتان به نمایش در می‌آید.

ارسال به