90/9/30
9:34 ص
آشنایی با جاوا اسکریپت و آژاکس
1- جاوا اسکریپت Java
شاید در این دوره شما نیازی به درگیر شدن جاوا اسکریپت و نحوه استفاده از آن نداشته باشید. برای همین به ذکر پاره ای کلیات در مورد این زبان کارآمد وب می پردازیم تا اگر روزی خواستید از برخی فرم ها و برنامه های آماده آن استفاده کنید، دچار سردرگمی نشوید.
جاوا اسکریپت در حقیقت یک زبان اسکریپت نویسی است و با این هدف طراحی شده که امکان دسترسی به کامپاننت های پیش ساخته را برای کاربران عادی و نیمه حرفه ای فراهم آورد. در خصوص جاوا اسکریپت، کامپاننت های پیش ساخته بلوک هایی برای زیباسازی و سر و شکل دادن به صفحات وب هستند. کاربردهای فراوانی همچون فرم های اچ تی ام ال بهینه شده، تنظیم جزئیات مرورگر، پلاگین های مرورگر و… را می توان برای این بلوک های پیش ساخته متصور بود.
نکته: توجه داشته باشید که زبان جاوا اسکریپت به کلی متفاوت از زبان جاوا بوده و تفاوت ماهوی با آن دارد. بنابراین هیچ وقت از کلمه «جاوا» به جای «جاوا اسکریپت» استفاده نکنید. این دو ارتباطی با همدیگر ندارند!
برخی کاربردهای جاوا اسکریپت
شناسایی مرورگر: با استفاده از جاوا اسکریپت می توانید نوع مرورگر بیننده سایت تان را تشخیص دهید. سپس صفحات ویژه ای که برای آن مرورگر طراحی شده اند را برای وی به نمایش بگذارید.
کوکی ها: هنگامی که کاربر به سایت شما مراجعه می کند، می توانید اطلاعات مورد نیاز را بر روی کامپیوتر وی ذخیره کنید تا در مراجعات بعدی وی به سایت، از آنها استفاده کنید.
کنترل مرورگر ها: می توانید باز شدن پنجره های جدید مرورگر و اینکه دارای چه اجزایی را باشد، کنترل کنید.
تایید اعتبار فرم ها: برای کاهش ترافیک سایت و راحتی بیشتر کاربران، می توانید صحت اطلاعات ورودی در هر کادر را قبل از ارسال آنها به سرور و پاسخ گویی آن، در مرورگر و روی کامپیوتر کاربر بسنجید. مثلا وقتی در کادری ایمیل وارد می شود، قبل از اینکه به سرور ارسال شود، کنترل می شود که شکل صحیح ایمیل و علامت @ را داشته باشد تا سرور به آن ایراد نگیرد.
واکنش نشان دادن به اتفاقات: می توانید جاوا اسکریپت را به گونه ای تنظیم کنید که نسبت به اتفاقاتی که در صفحه وب اتفاق می افتد واکنش نشان دهد. مثلا هنگامی که صفحه کامل لود می شود یا بر روی لینک یا بخش خاصی از صفحه کلیک می شود، پنجره یا پیام خاصی را نشان دهد یا هر کار دیگری انجام دهد.
نکته: همانطور که احتمالا در برخی وبلاگ ها و سایت ها دیده اید، برخی از کدهای جاوا اسکریپت برای افکت های ویژه ای مانند ستاره در کنار موس، ساعت در کنار موس یا تغییر شکل موس استفاده می شود. برخی هم با استفاده از این کدها، پنجره های خودکار با پیام های خاص مانند سلام و خداحافظی را فعال می کنند. توجه داشته باشید که بهتر است از این موارد استفاده نکنید چرا که باعث دردسر و کلافگی کاربران و نهایتا ترک وب سایت یا وبلاگ شما خواهد شد.
شیوه شناخت کدهای جاوا اسکریپت در صفحات وب
برای کدنویسی جاوا اسکریپت درون فایل های اچ تی ام ال، همانند دیگر دستورات، از تگ استفاده می شود. با شناخت کد ویژه جاوا اسکریپت، می توانید آن را در هر صفحه ای تشخیص دهید.
تگ کدنویسی جاوا اسکریپت در اچ تی ام ال، است. تمامی کدهای جاوا اسکریپتی که قرار است در صفحه استفاده شوند را میان دو تگ باز و بسته اسکریپت می گذارند. ضمنا اغلب اوقات یک کد جاوا اسکریپت به صورت دو تکه مورد استفاده قرار می گیرد که درون فایل HTML، بخشی از آن در هد و بخشی در بادی گذارده می شود.
برای مثال ممکن است چیزهایی مانند این در بخش head ببینید:
< type="text/java" src="http://www.darsnameh.com/js/js_pUi7SMDemA4A2k3_hlAWRM.js"></>
و کدهایی شبیه این را هم احتمالا درون body صفحه اچ تی ام ال مورد نظر خواهید یافت:
< type="text/java">
(function() { po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("")[0]; s.parentNode.insertBefore(po, s);
})();
</>
2- آژاکس AJAX
هنگامی که با یک صفحه اچ تی ام ال خالی و یا مخلوطی از اچ تی ام ال و جاوا اسکریپت کار می کنید، برای هرگونه تبادل اطلاعات میان سایت و سرور آن، صفحه باید یک بار دیگر به صورت کامل بارگذاری (لود) شود. اما داستان آژاکس، به روز کردن بخش هایی از اطلاعات صفحه با سرور، بدون بارگذاری مجدد صفحه است. با این کار علاوه بر بالا رفتن سرعت کار در سایت و کاربر پسندتر بودن آن، ترافیک سرور را بسیار پایین آورده و پایداری و کارایی آن را به شکل قابل توجهی افزایش می دهد.
کلمه AJAX مخفف عبارت Asynchronous Java and XML یا جاوا اسکریپت و ایکس ام ال غیر همزمان است. یعنی اینکه کدهای موجود در صفحه به صورت جداگانه با سرور در ارتباط هستند و اطلاعات شان را با بانک اطلاعاتی سایت همسان سازی می کنند. با این کار همیشه صفحات وب سریع و پویایی در اختیار خواهید داشت.
در صفحات وب کلاسیک، داستان اینگونه بود که برای تبادل اطلاعات هر بخش صفحه، باید تمام آن برای سرور ارسال می شد، سرور اطلاعات را با پایگاه داده کنترل می کرد و پاسخ را در یک صفحه کاملا جدید برای کامپیوتر کاربر ارسال می کرد.
از جمله برنامه های تحت وب و سایت های مشهوری که از آژاکس استفاده می کنند، می توان به گوگل مپ، جیمیل، یوتیوب یا فیس بوک اشاره کرد. اگر عضو فیس بوک باشید، احتمالا دیده اید که صفحه پیام ها و یا نظرات، بدون بارگذاری دوباره کل صفحه باز می شود و پس از نوشتن نظرتان، تنها همان بخش نظرات دوباره لود شده و نظر شما نشان داده می شود. یا در صفحه جیمیل، بدون اینکه صفحه به صورت کامل از ابتدا بارگذاری شود، ایمیل های جدید در لیست اینباکس شما ظاهر می شوند.
مورد بسیار ملموس تر استفاده از آژاکس، که اتفاقا باعث ترویج و شیوع استفاده از آن در صفحات وب شد، پیشنهادات بخش جستجوی گوگل است. اگر دقت کرده باشید، وقتی عبارتی را در باکس جستجوی گوگل می نویسید، منویی باز شده و پیشنهادات گوگل در خصوص پرکاربردترین ترکیبات آن عبارت را در اختیارتان می گذارد. خب، چگونه گوگل می تواند با سرور ارتباط برقرار کرده و سریعا پرکاربردترین عبارات مشابه را دریافت کرده و به شما نشان دهد؟ بدون اینکه شما کوچکترین تغییری در صفحه ای که مشاهده می کنید احساس کنید.
تنها نکته ای باقی می ماند این است که کدهای آژاکس هم درون صفحه، تقریبا شبیه کدهای جاوا اسکریپت نوشته می شوند و در همان تگ قرار می گیرند.
خوب شما در این درس با دو فناوری مهم و بسیار پرکاربرد در اینترنت آشنا شدید. قرار نیست کد جاوا اسکریپت و آژاکس بنویسید اما حداقل حالا می دانید که آنها چیستند و به چه کاری می آیند. این دو فناوری به طور بسیار گسترده ای در تمام وب استفاده می شوند و شما آنها را همه جا می بینید. جاوا اسکریپت و آژاکس یکی از اجزای مهم پویا شدن وب به حساب می آیند.
90/9/23
1:45 ع
90/9/23
1:35 ع
90/9/23
8:24 ص
HTML برای همه - بخش دوم- شناخت تگ های ضروری
در درس گذشته با اصول ساختاری یک فایل HTML آشنا شدیم و در پروژه آزمایشی مان یک صفحه وب ایجاد کردیم. اما محتوای صفحه خیلی به هم ریخته و شلوغ و ناخوانا بود. خب حالا نوبت آن است که کمی به ظاهر و نوع نمایش محتوای این صفحه برسیم. شاید کمی باید چارچوب قرارگیری آن را هم اصلاح کنیم.معرفی می کنم… عنصر اچ تی ام ال. بگذارید قبل از آنکه از عناصر اچ تی ام ال یا همان تگ ها در متن مان استفاده کنیم، ابتدا با ساختار کلی آنها آشنا شویم.
عناصر یا Elements در هر متن اچ تی ام ال با تگ ها مشخص می شوند. هر تگ معمولا حاوی نام یا خلاصه نام عنصر مورد نظر است که در میان دو علامت کوچکتر و بزرگتر قرار گرفته است. مرورگر همیشه می داند که آنچه میان این دو علامت <> قرار دارد یک کد اچ تی ام ال است که باید ترجمه شود و مانند متن عادی آن را به کاربر نشان نمی دهد. عناصر معمولا شامل دو تگ آغاز و پایان هستند که تگ آغاز حاوی نام یا علامت اختصاری عنصر است و تگ پایان هم تکرار همان عبارت با علامت اسلش / است.
نکته: توجه داشته باشید که هیچ گاه اشتباها به جای اسلش / از علامت بک اسلش \ استفاده نکنید.
تگ های حاوی عنصر همیشه در دو طرف متن برای شکل دهی و طراحی آن به کار می روند. البته برخی از تگ ها هم (مانند تگ img) خالی هستند و چیزی درونشان نوشته نمی شود یا اینکه به بخش پایانی نیازی ندارند.
حالا نوبت به شیوه چینش و استفاده از تگ ها و کدهای اچ تی ام ال می رسد. به این موضوع در درس «آناتومی یک صفحه وب» بیشتر خواهیم پرداخت. اما دانستن اصول اولیه آن خالی از فایده نیست. همیشه شروع هر صفحه اچ تی ام ال با تگ <html> است. بعد از آن تگ <head> باز شده که می تواند شامل بخش های زیادی از جمله عنوان صفحه یا <title> باشد. در قسمت هد بیشتر اطلاعات لازم درباره استانداردها و زبان صفحه یا فایل های کمکی لازم برای نمایش وب سایت و همچنین شیوه معرفی آن به موتورهای جستجو قرار می گیرند.
بعد از بسته شدن بخش هد با تگ </head> نوبت به بدنه اصلی صفحه وب با تگ <body> می رسد که حاوی محتوای اصلی صفحه وب ما است. آنگاه در پایان، تگ بدنه و اچ تی ام ال را به ترتیب با </body> و </html> می بندیم.
خب، حالا آماده شکل دهی به صفحه وب تان هستید؟ بگذارید ابتدا با کدهای زیر سرو سامانی به صفحه پروژه جاری مان بدهیم و بعد از آن به سراغ معرفی تگ های پر کاربرد زبان اچ تی ام ال می رویم.
ادامه بحث را در ادامه مطلب مطالعه کنید
90/9/22
1:5 ع
چگونگی بازیابی فایل های پاک شده در رایانه،ریکاوری اطلاعات رایانه
همه ما با این مشکل روبرو شده ایم که ناگهان کامپیوتر فایل یا پوشه هایی را به دلیل مشکلات سخت افزاری یا بدافزارها از دست می دهد. برخی مواقع هم اشتباهات جبران ناپذیر خود و اطرافیان مان باعث می شود که فایل ها از روی سیستم پاک شده و به دیار باقی بشتابند! اگر فایل های پاک شده چیزی مانند کدها یا عکس و فیلم آماده تحویل به مشتری، یا کل پروژه پایان نامه تحصیلی باشد، که دیگر باید خیلی آدم خوش بنیه ای باشید تا کارتان به اورژانس نکشد.
اما در بدترین حالت ها هم باز جای امیدی باقی است. ممکن است فایل های شما هنوز جایی روی هارد دیسک تان زنده بوده و فقط راه خود را گم کرده باشند. تنها کاری که باید بکنید، یادگیری شیوه یافتن آنها در باتلاق هارد دیسک سیستم است. شاید با استفاده از ابزار و شیوه درست، یافتن فایل های پاک شده تنها به سادگی چند گام کوتاه باشد. اما باید شانس خوبی هم داشته باشید. پس در آخرین درس این دوره به سراغ روش هایی می رویم که می توان با آنها فایل های پاک شده را بازیابی کرد هر چند این یک شیوه تضمین شده نیست اما همیشه این امکان وجود دارد که شانس بازیابی داشته باشید. ضمنا با دانستن این روش ها می توانید به دوست تان هم که اطلاعاتش را از دست داده کمک کنید.
برای مطالعه روشهای بازیابی اطلاعات ؛ ادمه مطلب را کلیک کنید
90/9/21
9:13 ص
HTML برای همه- بخش اول- اصول ساخت یک صفحه ساده وب
بعد از آشنایی با تاریخچه اینترنت و شناخت اچ تی ام ال، بهتر است کمی کاربردی تر و عملی با این زبان کدنویسی آشنا شویم. اگر تا به حال با HTML کار نکرده باشید، احتمالا دیدار اول تان با کدهای یک صفحه تا حدی گیج کننده و نامأنوس باشد. انگار که دارید به متنی با یک زبان بیگانه نگاه می کند. اما جالب است بدانید که تنها با شناخت تعداد معدودی از دستورات (تگ ها) اچ تی ام ال، می توانید به راحتی زبان یک صفحه اچ تی ام ال را دانسته و منظورتان را هم به آن بفهمانید.
90/9/19
9:3 ص
امنیت در پشتیبان گیری
در این درس به مهمترین نکات امنیتی می پردازیم که در مراحل تهیه،نگهداری و حذف نسخه پشتیبان باید به آن توجه کرد.
90/9/19
8:40 ص
اچ تی ام ال چیست؟ داستان HTML
اگر بخواهیم داستان طولانی این زبان کدنویسی را به طور اختصار بازگو کنیم، HTML در سال 1990 توسط دانشمند آزمایشگاه فیزیک هسته ای اروپا، آقای تیم برنرز لی ابداع شد. هدف از ابداع اچ تی ام ال آن بود که دستیابی دانشمندان دانشگاه های مختلف به متون تحقیقاتی را آسان تر کند. زیرا هر دانشگاه از برنامه ویرایشگر متن خاصی و شیوه مرتب سازی ویژه ای بهره می برد که استفاده از اسناد تحقیقاتی را در دانشگاه دیگر مشکل می کرد. اما این پروژه به موفقیتی بسیار بیشتر از تصور تیم برنرز لی (پدر وب) دست پیدا کرد. با ابداع HTML وی پایه های وب را به شکلی که امروزه آن را می شناسیم، بنا نهاد.
90/9/13
9:1 ص
مرورگر چیست و چه کار می کند؟
انواع مرورگرها در ادامه مطلب
90/9/10
10:58 ص
یک مرور سریع و ریزه کاری های پشتیبان گیری
پس از بحث درباره اهمیت و شیوه های مختلف پشتیبان گیری و به قول معروف یادگیری فن پشتیبان گیری، بد نیست کمی هم به نکات مهم و ریزه کاری های این کار بپردازیم، یا به عبارتی فوت آن را هم بیاموزیم. در این درس به برخی نکات مهمی می پردازیم که شاید بدیهی یا ساده باشند و به بسیاری از آنها در طول دوره پرداخته ایم اما چون اهمیت زیادی دارند، یک مرور مجدد ارزشش را دارد و بهینه سازی کار خالی از فایده نیست.
1- همیشه از فایل های پشتیبان، چندین نسخه کپی داشته باشید.
مطالب کامپیوتری دارم. از همه وبلاگ ها هم دیدبانی میکنم.در میهن بلاگ هم با همین اسم یک وبلاگ دارم
