الجمعة أغسطس 14, 2015 7:43 pm | المشاركة رقم: |
المعلومات | | مدير | | الصورة الرمزية | | البيانات | الجنس : | الابراج : | الأبراج الصينية : | عدد المساهمات : 1296 | نقاط : 135732 | الخبره : 5 | تاريخ الميلاد : 26/02/1990 | تاريخ التسجيل : 19/04/2012 | العمر : 34 | الموقع : IRAQ | العمل/الترفيه : غاوي نت | هوايتي : السباحة | المزاج : بنفسجي | تعاليق : اللهم اصلح لي حالي |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: أساسيات الصور والرسومات الجمعة أغسطس 14, 2015 7:43 pm
أساسيات الصور والرسومات أساسيات الصور والرسوماتيشير مصطلح الرسومات graphics عادة إلى أي عنصر مرئي غير نصي يظهر على صفحة الويب . في حين يشير مصطلح الصور في الغالب إلى الملفات الرسومية الساكنة التي توجد في صيغتين هما GIF و JPEG .من أهم القواعد التي يجب أن تنتبه لها عند استخدام الصور في الويب وهي :1- استخدم صوراً صغيرة الحجم : الصور كبيرة الحجم تأخذ وقتاً عند تحميلها أما الصور صغيرة الحجم فتكون سريعة وتؤدي إلى استعراض صفحاتك بشكل سريع .2- اجعل كل صفحة ويب لديك تحتفظ بأقل عدد من الصور : وجود عدد كبير من الصور في صفحة الويب أمر سيء ، لأنه يؤدي إلى بطء التحميل كثيراً .3- لا تضف الصور إلى صفحة الويب لمجرد أنك تملك صوراً كثيرة : تأكد من أن الصور التي تضيفها إلى صفحاتك سوف تضيف شيئاً ما إلى محتواها ." ثمة طريقة تسهل عليك إنشاء صفحات الويب الخاصة بك ، تقوم هذه الطريقة على إنشاء مجلد للصور – اسمه -/ IMAGES داخل مجلد Web الخاص بك حيث تخزن فيه كل ملفات الصور لديك فعند إنشاء موقع ويب يتم في الوضع الافتراضي إنشاء مجلد -/ IMAGES ليستخدم في تخزين ملفات الصور الخاصة بك .إضافة الصور باستخدام فرونت بيجلإضافة صورة إلى صفحة الويب :1- في فرونت بيج ، افتح صفحة جديدة داخل الموقع الخاص بك .2- من قائمة Insert ، حدد خيار File ثم Picture لتفتح مربع حوار Picture ( انظر الشكل 9-1 )1-9 3- حدد ملف الصورة التي تريد إدراجها في صفحتك .4- انقر زر ok وستظهر الصورة في صفحة الويب ( انظر الشكل 9-2 ) .5- من قائمة File ، حدد أمر save لتفتح مربع حوار save as ( انظر الشكل 9-3 ) لتتأكد من أن ملف الصورة قد تم حفظه مع موقع الويب إلى جانب حفظه في مجلد /IMAGES .6- إذا لم يكن المجلد المحدد لحفظ ملف الصورة هو مجلد IMAGES ، فانقر زر Changes ثم حدد مجلد IMAGES ثم انقر زر ok .7- انقر زر ok لتحفظ ملف الصورة مع موقع الويب الخاص بك .2-9 3-9 تعديل ملفات الصور لديكمن الإعدادات التي يمكنك القيام بها لتعديل ملفات الصور ما يلي :× التحكم في أبعاد الصورة داخل الصفحة× التحكم في طريقة محاذاة النص بالنسبة للصورة× تحديد إذا ما كان سيتم عرض الصورة داخل الحدود× إضافة ارتباط تشعبي إلى الصورةولتعديل طريقة عرض الصورة داخل صفحة الويب :1- حدد الصورة التي تريد تعديلها .2- من قائمة Format ، حدد أمر Properties لتفتح مربع حوار Picture Properties ( انظر الشكل 9-4 )3- لإضافة ارتباط تشعبي إلى الصورة ، اكتب عنوان URL الخاص بالارتباط التشعبي الذي تريد ربطه مع الصورة ، وذلك باستخدام جزء Default Hyperlinks . في مربع الحوار قد يكون عنوان URL أحد المواقع الأخرى على الويب أو ملفاً أخر على الموقع الخاص بك ، ويمكنك استخدامBrowse لتحدد عنوان URL إذا لم تستطع أن تتذكره . 4- لتعديل ابعاد الصورة appearance حدد علامة تبويب لتفتح النافذة الخاص بك (انظر الشكل 9-5) .4-9 5-9 5- قم بتغيير قيمتي العرض والارتفاع لتعدل أبعاد عرض الصورة .6- انقر زر ok لحفظ تغييراتك وإغلاق مربع حوار Picture Properties .المثال التالي يساعدك على فهم دور المحاذاة وفائدتها عندما يتفاعل النص مع الصورة داخل صفحة ويب :1- قم بإنشاء صفحة جديدة .2- اكتب الجملة التالية في الصفحة :الدرة دمه في رقاب المسلمين او اكتب ما تشاء مع الصورة التي ستختارها نحن اخترنا صورة الدرة والعبارة السابقة3- ضع مؤشر الفأرة قبل كلمة المسلمين ثم أدخل الصورة . إذا كان حجم الصورة يزيد عن 150 بكسل عرضاً ، فقم بتعديل هذا الحجم بحيث لا يزيد عن 150 بكسل . ينبغي أن تبدو الصورة لديك كما هو مبين في الشكل 9-6 .4- حدد الصورة التي قمت بإدراجها ثم افتح مربع حوار Picture Properties . حدد علامة تبويب Appearance لتفتح النافذة الخاصة بها . 5- لكي ترى كيف ان تغيير المحاذاة يؤدي الى التاثير على تدفق النص المجاور default ستاخذ الصورة المحاذاة الافتراضية للصورة قم بتغيير المحاذاة ثم لاحظ التغيير الذي يطرا على الصورة والنص6-9
|
| |