ضع في اعتبارك أن إنشاء صفحات الويب يعد فناً أكثر منه علماً .
التحكم في الصور باستخدام الجداول
لكي يتضح لك كيف تساعدك الجداول على سهولة التحكم في وضع الصور والنص داخل صفحة الويب :
1- قم بإنشاء صفحة جديدة .
2- قم بإنشاء جدول داخل صفحة بحيث يتكون من خليتين.
3- أدرج صورتك في الخلية اليسرى .
4- بتغيير عرض الجدول ليصبح بمقدار 400 بكسل ، تستطيع أن تحصل على نتيجة تشبه المبينة في الشكل 10-1 .
1-10
التحكم في وضع الصورة باستخدام القوالب
تم تصميم العديد من القوالب بحيث توفر تشكيلة متنوعة من أنماط الجمع بين الصور والنصوص داخل صفحات الويب ( انظر الشكل 10-2 ) .
2-10
إنشاء نماذج مصغرة للصور
النماذج المصغرة عبارة عن نسخ صغيرة لصور كبيرة الحجم ، إلى جانب كونها ارتباطات للصور الكبيرة ، وكمثال على النماذج المصغرة للصور وكيفية استخدامك لها تشغيل المستعرض الخاص بك ، انتقل إلى العنوان او تنسيقها ( انظر الشكل 10-3 ) .
تستخدم النماذج المصغرة للصور عندما يكون عندك عدة صور كبيرة وتريد أن تعرضها في صفحة الويب ، وتريد أن يكون استعراضها سريعاً أو تتفادى استهلاك مساحة كبيرة على الشاشة .
3-10
عند تصميم صفحات الويب ضع في اعتبارك أن معظم المستخدمين مازالوا يستعرضون الويب باستخدام مودم سرعته 28.8 كيلوبت في الثانية . لذلك عليك أن تراعي في تصميم الصفحات سرعة تحميلها عند استعراضها .
لإنشاء نموذج مصغر لإحدى الصور :
1- قم بإنشاء صفحة جديدة .
2- أدرج أي صورة في الصفحة .
3- تأكد من ظهور شريط أدوات الصورة داخل النافذة الرئيسية لفرونت بيج ، إن لم يكن هذا الشريط ظاهراً ، فحدد خيار Toolbars من قائمة Viewوتأكد من تحديد أمر Picture .
4- حدد الصورة التي أدرجتها في الصفحة ، ثم انقر رمز Auto Thumbnail الموجود على شريط أدوات الصورة سيتم على الفور استبدال نموذج مصغر بالصورة الأصلية ( انظر الشكل 10-4 ) .
4-10
تستطيع أيضاً تعديل طريقة ظهور النماذج المصغرة للصور داخل الصفحة . للقيام بهذا الإجراء :
1- من قائمة Tools ، حدد أمر Page Options لتفتح مربع حوار Page Options.
2- حدد علامة تبويب Auto Thumbnail لتفتح اللوحة الخاصة بها ( انظر الشكل 10-5 ) .
5-10
3- هنا تستطيع التحكم في حجم النماذج المصغرة للصورة إلى جانب التحكم في حجم ونوع الحدود التي تظهر حول هذه النماذج داخل صفحات الويب .
إنشاء الخلفيات
توجد طريقتان لاستخدام ملفات الصور كخلفيات . الأولى هي استخدام الصورة لإنشاء خلفية عادية ، والثانية هي إنشاء ما يسمى بـ " العلامة المائية " watermark .
إنشاء خلفية عادية
لإنشاء خلفية :
1- اختر أمر Properties من قائمة File لتفتح مربع حوار Properties Page .
2- انقر علامة تبويب Background ( انظر الشكل 10-6 ) .
6-10
3- حدد مربع العلامة Picture Background ، ثم أدخل إسم ملف الصورة التي تريد استخدامها كخلفية . إن لم تتذكر جيداً اسم ملف الصورة ، فاستخدم زر Browse للبحث عنه وتحديد موقعه .
4- انقر زر ok ، وستظهر الصورة التي حددتها كخلفية للصفحة التي تتعامل معها حالياً ( انظر الشكل 10-7 ) .
لا ينبغي أن تستخدم صورة خلفية تتفوق على النص والصور التي تعرضها في صفحة الويب .
7-10
إنشاء العلامة المائية
لتعيين صورة الخلفية كعلامة مائية :
1- من قائمة File ، حدد أمر Properties لتفتح مربع حوار Properties Page .
2- انقر علامة تبويب Background لتفتح اللوحة الخاصة بها .
3- حدد مربع العلامة watermark .
4- انقر زر ok ، لتصبح بذلك الصورة التي حددتها للخلفية علامة مائية لصفحة الويب التي تصممها .
الجمعة أغسطس 14, 2015 7:49 pm
