اعرض موقعك حسب حجم شاشة الزائر

  يجب علي الموقع ان يحترم زواره و ان يقدم لهم الخدمة الافضل , و من هذه ان تعرض موقعك بالشكل الذي يناسب الزائر , لذا من المهم ان تعرض موقعك حسب اعدادات شاشاته و عرضها او ما يسمي الزيلويشن الابعاد ..

سوف تحكم بطريقة العرض عن طريق ملف css , يتغير باستخدام الجي كويري ..

بداية ً كيف يمكن لنا معرفة عرض الشاشة , لامر سهل لنظر ..

function checkWindowSize() {

if ( $(window).width() > 1800 ) {
$('body').addClass('large');
}
else {
$('body').removeClass('large');
}

}

بنظر الي النص البرمجي في الاعلي نستطيع تحديد عرض الشاشة بـ

 $(window).width();

لذا نحن قمنا بفحص اذا كان عرض الشاشة اكبر من 1800 سوف نضيف استايل الي البدي ,غير ذلك نقوم بحذف الاستايل

و هذا ملف ال CSS

#container {
width: 800px;
height: 1000px;
background: #e3e3e3;
margin: auto;
}

/* Change container size for larger windows. */
.large #container {
width: 1000px;
}

#nav {

width: 100%;
height: 100px;
border-bottom: 1px solid white;
background: #999999;

}

.large #nav {
float: left;
width: 200px;
border-bottom: none;
border-right: 1px solid white;
height: 1000px;
}

تابع القراءة »

مشكلة Warning: Cannot modify header information - headers already sent by

هذه المشكلة كثيرة الحدوث , و تحدث بسبب ان Html يعالج قبل ال Headers , و معلوم ان Headers يجب ان تعالج قبل عرض الصفحة فاذا حدث العكس ظهرت هذه المشكلة , و هذا هو السبب الرئيس , هناك اسباب اخري ايضا , مثل common , او الفراغات الغير لازمة ..

و لحل هذه المشكلة انصح بوضوع في بداية الصفحة الكود التالي ..

<?php  ob_start();   ?>

و في نهايتها

<?php  ob_flush();   ?>

في السطر الاول نقوم بتشغيل ال output buffering تخزين البيانات , جميع البيانات حتي تكتمل الصفحة و بذلك نضمن ان الهيدر تم ارسله  ..
بالنسبة السطر الثاني نقوم فعال بارسال البيانات للعرض في الصفحة ..
و بهذه الطريقة تعتبر المشكلة حلت ..

تابع القراءة »

اسرار الفوتوشوب

اسرار الفوتوشوب

1- ...لتكبير منظرور الصوره اظغط على Ctrl ولتصغيرها اظغط Crtl -
2- لتحديد نص او طبقه قم بالتأشير على الطبقه من لوحة الطبقات واضغط على Ctrl
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

-=-=-=-=-
1 - بدل ما تذهب إلى View ثم Actual Pixels لترى الصورة في حجمها الطبيعي أضغط مرتين بالفارة على العدسة المكبرة Zoom Tool في لوحة الأدوات ( فوتوشوب 5.5 لا أعلم أن كان النسخ القديمة لها نفس الميزة )
وكذلك بدل ما تذهب إلى View ثم fit on screen لترى الصورة بالكامل على حجم الأطار أضغط مرتين على الكف الأبيض Hand Tolo
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
اذا اردت تحديد طبقه وبسرعه فاضغط على Ctrl ثم اضغط على الطبقه بالمواس
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
تستطيع الوصول إلى أداة التحريك بواسطة الضغط على زر CTRL في أي أداة وعنما تترك الزر ترجع إلى آخر أداة كنت تستخدمها وتستطيع أستخدام أداة التحريك بالضغط على مفتاح V
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
مفاتيح الإختصار Hot Key
قائمة files
مفتاح Ctrl N فتح ملف جديد
مفتاح Ctrl O فتح ملف
مفتاح Ctrl Alt O فتح باسم
مفتاح Ctrl w اقفال ملف
مفتاح Ctrl S حفظ ملف
مفتاح Ctrl Shift s حفظ ملف باسم
مفتاح Ctrl Alt S حفظ نسخة من ملف
مفتاح Ctrl Shift P اعداد الصفحة
مفتاح Ctrl P طباعة
قائمة Edit
مفتاح Ctrl Z الغاء اخر عملية
مفتاح Ctrl X قص
مفتاح Ctrl c نسخ
مفتاح Ctrl Shift C نسخ مجمع
مفتاح Ctrl V لصق
مفتاح Ctrl Shift V لصق في الداخل
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
مفتاح Ctrl T يظهر لك نقاط تحجيم الكائنات (للتكبير أو التصغير)
مفتاح Ctrl U يظهر لك قائمة تغير الألوان .
مفتاح Ctrl B يظهر لك قائمة تغير الألوان ولكن بدقة تغير كل لون لحدة .
مفتاح Ctrl M يظهر لك وضوح الصور والتحكم فيها
مفتاح Ctrl L يغير في درجات نصوع وغمقان الصورة ..
مفتاح Ctrl Y يظهر لك ألوان CYMK على الرسمة .
مفتاح Ctrl E لتطبيق طبقة على الأخرى
مفتاح Ctrl Shift E لتطبيق جميع الطبقات على بعض.
مفتاح Ctrl O لفتح ملف .
مفتاح Ctrl N لفتح ملف جديد .
مفتاح F7 لإظهار قائمة الطبقات
مفتاح F5 لإظهار قائمة الريش .
مفتاح Ctrl r لإظهار المسطرة .
مفتاح Ctrl Z للتراجع
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
أولاً / الأفضليات : تقدم هذه الميزة عشرات الطرق لتخصيص عمل البرنامج ولتوفير الوقت . فبإمكانك ليس ان تحدد فقط كيف يتم عرض الصوروقياسها بل أيضاً أي موارد سوف يستخدم البرنامج على جهازك ...بإمكانك الوصول إلى الأفضليات باختيار الأمر Preferences من القائمة File
ثانياً / هل تواجه مشكلة في تطبيق الفلاتر على طبقة نصية ..؟؟ كل ما عليك أن تفعله للخروج من هذه المشكلة هو تحويل الطبقة من طبقة نصية إلى طبقة رسومية ... ومن ثم يمكنك تطبيق جميع إمكانيات البرنامج عليه ... لفعل ذلك اختر الامر Render Layer من البند Type في قائمة Layer
ثالثاً / بإمكانك ان تحفظ حقوق نشر وتوزيع صورك وذلك عن طريق استخدام فلتر من فلاتر الفوتوشوب .... ( أي لا يستطيع أحد نسخها ) من على الانترنت كائناً من كان ..هل تصدق ذلك .... لكي تحفظ حقوق نشر وتوزيع تصميماتك اختر الفلتر Embed Watermark من Digimarc من القائمة Filter .... لكن للأسف هذه الخدمة ليست مجانية بل يجب ان تدفع رسماً سنوياً لشركة Digimarc .
ملاحظة / هناك إصدار صغير من خدمة Digimarc متوفر مجاناً لكنه يقدم بعض الخيارات فقط .... ربما يمكنك تحميله من موقع الشركة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
رابعاً / كيف تنشئ صورة شفافية في الفوتوشوب
ملاحظة / لجعل الصورة شفافية لابد من حفظها بإمتداد gif وذلك يعني استخدام 256 لون فقط وتسمى هذه الألوان ( الألوان الآمنة للويب ) ...... ذلك على حساب جودة الصورة
لجعل المساحة التي تريدها شفافية اتبع التالي :
1 / بعد الإنتهاء من التصميم ....اذهب إلى قائمة image واختر الأمر mode
2 /من قائمة mode اختر الأمر indexed color
3 /سيفتح لك مربح حوار
4 /في الخيار palette حدد web ثم اضغط موافق
5 /اختر من قائمة file الأمر export ومنه اختر gif89a export
6 /سيفتح لك مربع حوار حدد من خلاله اللون الذي تريد ان تجعله شفافياً
7 / إذا رغبت ان تجعل أكثر من لون شفافياً فما عليك سوى اختيار أداة اختيار الألوان المصحوب برمز في مربع الحوار الأخير ..
خامساً / كيف تحافظ على أكبر قدر ممكن من جودة الصور الشفافية التي تصمم للويب ...؟؟
اتبع الخطوات التالية :
1 / بعد الإنتهاء من التصميم ....اذهب إلى قائمة image واختر الأمر mode
2 / من قائمة mode اختر الأمر indexed color
3 / سيفتح لك مربح حوار
4 / في الخيار palette حدد web
5 / في الخيار Dither حدد Diffusion
6 / في الخيار Color Matching حدد Best
7 / انتق الخيار Preserve Exact Color ثم اضغط موافق
8 / اختر من قائمة file الأمر export ومنه اختر gif89a export
9 / سيفتح لك مربع حوار حدد من خلاله اللون الذي تريد ان تجعله شفافياً
10 / إذا رغبت ان تجعل أكثر من لون شفافياً فما عليك سوى اختيار أداة اختيار الألوان المصحوب برمز في مربع الحوار الأخير ..
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-=-
قائمة View
مفتاح Ctrl تكبير
مفتاح - Ctrl تصغير
مفتاح Ctrl 0 مناسب للشاشة
مفتاح Ctrl Alt O النقاط الحالية
مفتاح Ctrl H اظهار / اخفاء الحدود
مفتاح Ctrl Shift H اظهار / اخفاء التخطيطات
مفتاح Ctrl R اظهار / اخفاء المساطر
مفتاح ; Ctrl اظهار / اخفاء الدلائل
مفتاح ; Ctrl Shift جذب الى الدلائل
مفتاح ; CTRL Alt تأمين الدلائل
مفتاح " Ctrl اظهار / اخفاء الشبكة
مفتاح " Ctrl Shift احياء الشبكة
قائمة Image/Adjust
مفتاح Ctrl L مستويات
مفتاح Ctrl hift L المستويات التلقائية
مفتاح Ctrl M خطوط بيانية
مفتاح Ctrl B ميزان الألوان
مفتاح Ctrl U صبغة واشباع
مفتاح Ctrl Shift U الغاء الاشباع
مفتاح Ctrl I عكس
قائمة Layer
مفتاح Ctrl G تجميع مع السابق
مفتاح Ctrl Shift g ازالة التجميع
مفتاح Ctrl E دمج الى الأسفل
مفتاح Ctrl Shift e دمج مرئي
قائمة Select
مفتاح Ctrl Shift A تحديد الكل
مفتاح Ctrl D الغاء التحديد
مفتاح Ctrl Shift D استعادة التحديد
مفتاح Ctrl Shift I عكس التحديد

تابع القراءة »

مشروع ادارة المحتوى ب PHP

الســـلام عــلــيــكـــم 

اليوم اقدم لكم مشروع ادارة المحتوى  CMS بلغة PHP وقاعدة بيانات MySql منجز من طرف صديقي عماد صلاحي

بصراحة مشروع يستحق المشاهدة . نظرا لاحتوائه على المجموعة من دوال الجميلة و كدى تنسيق بين html و css و javascript...

بالاضافة الى مكتبات Jquery و Ajax

بدون اطالة اتركه لكم لكي تكتشفوه  :

http://www.mediafire.com/?aos132xzzp02aw1

ملاحظة مهمة : 

لتفادي الاخطاء البرمجية التي تظهر في الصفحات استعملو سيرفر محلي XAMPP 

تابع القراءة »

رسم مبياني على ireport

السلام عليكم

في الدرسنا اليوم سوف نتعرف على كيفية انشاء رسوم مبيانية على ireport

فرجة ممتعة

تابع القراءة »

تقنية ( Asynchronous JavaScript And XML ( AJAX

تعريف تقنية AJAX:

AJAX هي ليست لغة برمجة جديدة بل هي بكل بساطه تقنية لإنشاء تطبيقات ويب بأسرع وأفضل وأكثر تفاعلاً

و سبب تسميتها بهذا الاسم هو اختصاراً لـ Asynchronous JavaScript And XML.

وهي مستنده على المعايير القياسية المفتوحة التالية :

• XHTML or (HTML)

• JavaScript

• CSS

• XML

الأجاكس كانت موجودة منذ زمن ولكن لم يعرف أحد أهميتها أو كيفية استخدامها بالشكل الصحيح

حتى قامت شركة Google بتوظيفها في برامجها الجديدة كالـ Gmail و Google maps.

تكون ميزة وقوة الأجاكس في أنها كلما أراد المستخدم أن يطلب معلومة من ال Server-Side

أوعن طريق الخادم يتم ذالك (( من دون الحاجة لإعادة تحميل الصفحات ))

فلغات برمجة الويب تنقسم إلى قسمان Client-Side وهي JavaScript والـ VBScript

وقسم آخر يسمى بالـServer-Side وهي كالـPHP و الـ ASP

لكن الأجاكس لغة Client-Side مع ذالك تقوم بطلب أي معلومة من الـServer-Side

ومن دون الحاجة لطلب أو إعادة تحميل كامل الصفحة.

وفي الشكل الذي الأسفل تتضح طريقة عمل الأجاكس بحيث في المربع المخطط الأول هو من دون إستخدام الأجاكس

وفي المربع والمخطط الثاني يتم إستخدام تقنية الأجاكس كوسيط بين Web Browser

الذي هو Clinet-Side وبين الـ Web Server الذي هو الـ Server-Side .

ويمكن إستخدام AJAX في أي لغة برمجة ومن ضمنها الـ ASP

وهناك موقع خاص من شركة Microsoft عن إستخدام الأجاكس في ASP

وفيه الكثير من المواضيع الخاصة بالأجاكس وهذا هو رابط الموقع :

http://ajax.asp.net

من إيجابيات وسلبيات تقنية الأجاكس AJAX :

الإيجابيات:

• لا تحتاج إلى إعدادات خاصة في السيرفر

يكفي إن يكون المتصفح يدعم تقنية HTTP Requests

• ويساعد في تخفيف الضغط على السيرفر

• سهولة التعامل مع السيرفر، بأن جعل المتصفح يتقاسم معه بعض المعاملات

والتعامل معه من خلال الاستعلامات فقط

• خفة التصفح، بأن يجعل المتصفح لا يعيد تحميل الصفحات من جديد

السلبيات:

• بالضرورة يجب ان يكون المتصفح يدعم JavaScript او VbSript اوJScript ومع هذا يجب

إن يدعم الكائن HTTP Requests

• الملفات المستجلبة (إن صحت التسمية) لن تتعرف عليها محركات البحث، فمثلا عندك

صفحة أخبار، بها عناوين آخر الأخبار، وعند النقر على عنوان يقوم الكود بجلب الموضوع

الخاص به عن طريق أجاكس، فإن محركات البحث لن تتعرف على ذاك الموضوع أو تلك

المواضيع، بل فقط على تلك العناوين الموجودة في الصفحة، وكل ما يظهر في السورس،

ومعلوم أن محركات البحث تتبع الروابط وتستكشف صفحاتها، لكن مع أجاكس لا توجد روابط،

بل استدعاء الكود والكود يجلب الموضوع أو الصفحة أو الكود، إذا على محرك البحث أن

يدخل وسط السورس ويلتوي مع كود أجاكس ليستكشف الرابط المراد جلبه هل هو كود أم صورة

أم صفحة... ، وهذا ستبعد، لكن ليس مستحيل خصوصا مع محرك البحث google .

• قد تشكل تقنية أجاكس ثغرة جديدة على انترنت اكسبلورر والثغرة التي ستشكلها، هي

أن أي صفحة تزورها بها كود أجاكس يمكن ان ترفع من عندك أي ملف إذا عرف امتداده سواء

رضيت أم لم ترضى.

تابع القراءة »

احمي موقعك من الاختراق بتحكم في إخفاء وإظهار أخطاء الاستعلامات

معظم التحذيرات التي تظهرها الاستعلامات قد تشكل خطراً على برامجنا ، فهي تقدم تقريراً واضحا للمتطفلين تساعدهم في التعرف على تركيبة قاعدة البيانات.. ومن ثم محاولة تخريبها..

ومن جهة أخرى فإن هذه التحذيرات تساعد المبرمج على معرفة الخطأ في برنامجه وبالتالي يستطيع تصحيحه..

هذه الدالة تقوم بإظهار أو إخفاء أخطاء الاستعلامات sql حسب الحاجة كما تقوم بإيقاف أو متابعة البرنامج في حالة وجود خطأ حسب الحاجة:

رمز PHP:

$show_errors = 0;  // 1 or 0$exit_if_error = 1;  // 1 or 0
 function error_tip($this)
{   global $show_errors,$exit_if_error;
    echo '<pre>';
    if($show_errors==1)
    {    echo mysql_error(); }
    else{ echo "$this"; }
    echo '</pre>';
    if($exit_if_error==1)
    {     exit;
          # die();
    }
} 

طريقة الاستخدام:

رمز PHP:

$query = mysql_query("SELECT * FROM `table`")or print(error_tip("لا يمكن تنفيذ الاستعلام")); 

الى هنا نصل الى نهاية الموضوع شكرا .

تابع القراءة »