ahmedyahia
عدد المساهمات : 20 تاريخ التسجيل : 22/03/2012
| موضوع: الدرس الخامس فى أساسيات الفورنت بيج :التحكم فى الصور بإستخدام الجداول الإثنين أبريل 16 2012, 18:31 | |
| التحكم في الصور باستخدام الجداول :
لكي يتضح لك كيف تساعدك الجداول على سهولة التحكم في وضع الصور والنص داخل صفحة الويب : 1- قم بإنشاء صفحة جديدة . 2- قم بإنشاء جدول داخل صفحة بحيث يتكون من خليتين. 3- أدرج صورتك في الخلية اليسرى إنشاء نماذج مصغرة للصور : النماذج المصغرة عبارة عن نسخ صغيرة لصور كبيرة الحجم ، إلى جانب كونها ارتباطات للصور الكبيرة ، وكمثال على النماذج المصغرة للصور وكيفية استخدامك لها تشغيل المستعرض الخاص بك ، انتقل إلى العنوان او تنسيقها.
تستخدم النماذج المصغرة للصور عندما يكون عندك عدة صور كبيرة وتريد أن تعرضها في صفحة الويب ، وتريد أن يكون استعراضها سريعاً أو تتفادى استهلاك مساحة كبيرة على الشاشة .
عند تصميم صفحات الويب ضع في اعتبارك أن معظم المستخدمين مازالوا يستعرضون الويب باستخدام مودم سرعته 28.8 كيلوبت في الثانية . لذلك عليك أن تراعي في تصميم الصفحات سرعة تحميلها عند استعراضها .
لإنشاء نموذج مصغر لإحدى الصور : 1- قم بإنشاء صفحة جديدة . 2- أدرج أي صورة في الصفحة . 3- تأكد من ظهور شريط أدوات الصورة داخل النافذة الرئيسية لفرونت بيج ، إن لم يكن هذا الشريط ظاهراً ، فحدد خيار Toolbars من قائمة View وتأكد من تحديد أمر Picture . 4- حدد الصورة التي أدرجتها في الصفحة ، ثم انقر رمز Auto Thumbnail الموجود على شريط أدوات الصورة سيتم على الفور استبدال نموذج مصغر بالصورة الأصلية تستطيع أيضاً تعديل طريقة ظهور النماذج المصغرة للصور داخل الصفحة . للقيام بهذا الإجراء :
1- من قائمة Tools ، حدد أمر Page Options لتفتح مربع حوار Page Options.
2- حدد علامة تبويب Auto Thumbnail لتفتح اللوحة الخاصة بها 3- هنا تستطيع التحكم في حجم النماذج المصغرة للصورة إلى جانب التحكم في حجم ونوع الحدود التي تظهر حول هذه النماذج داخل صفحات الويب . إنشاء الخلفيات : توجد طريقتان لاستخدام ملفات الصور كخلفيات . الأولى هي استخدام الصورة لإنشاء خلفية عادية ، والثانية هي إنشاء ما يسمى بـ " العلامة المائية " watermark . إنشاء خلفية عادية :
لإنشاء خلفية : 1- اختر أمر Properties من قائمة File لتفتح مربع حوار Properties Page . 2- انقر علامة تبويب Background . 3- حدد مربع العلامة Picture Background ، ثم أدخل إسم ملف الصورة التي تريد استخدامها كخلفية . إن لم تتذكر جيداً اسم ملف الصورة ، فاستخدم زر Browse للبحث عنه وتحديد موقعه . 4- انقر زر ok ، وستظهر الصورة التي حددتها كخلفية للصفحة التي تتعامل معها حالياً لا ينبغي أن تستخدم صورة خلفية تتفوق على النص والصور التي تعرضها في صفحة الويب .
إنشاء العلامة المائية : لتعيين صورة الخلفية كعلامة مائية : 1- من قائمة File ، حدد أمر Properties لتفتح مربع حوار Properties Page . 2- انقر علامة تبويب Background لتفتح اللوحة الخاصة بها . 3- حدد مربع العلامة watermark . 4- انقر زر ok ، لتصبح بذلك الصورة التي حددتها للخلفية علامة مائية لصفحة الويب التي تصممها إنشاء الارتباطات
يعتبر هذا الدرس ألف وباء تصميم مواقع الانترنيت ولذلك كن مستعداً جيداً لتعلمه بشكل جيد كما أنه أطول الدروس في هذه المجموعة التعليمية وقد كان من الممكن قسم هذا الدرس إلى درسين منفصلين ولكن بسبب أهميته فضلت أن يكون درساً واحداً قد يكون طويلاً بعض الشئ ولكن لا بد أنك قد امتلكت الخبرة الكافية من أجل فهم مثل هذا الدرس بسهولة ... لا أريد الإطالة هيا بنا .....
كيف تعمل الارتباطات :
عند عرض أي صفحة ويب بواسطة مستعرض الويب الخاص بك ، يقوم المستعرض بتفسير الارتباطات على أنها توصيلات إلى ملفات أو موارد أخرى على الإنترنت . إذا كنت من مستخدمي نيتسكيب أو إنترنت إكسبلورر ، فسيتحول المؤشر بعد وضعه على الارتباط إلى يد بها إصبع مرفوع هذا المؤشر يدل على وجود ارتباط إلى مورد آخر على الإنترنت يتيح لك فرونت بيج إنشاء الارتباطات التي تريدها في صفحات الويب الخاصة بك .
أنواع الارتباطات : هناك عدة أنواع من الارتباطات فبعضها يربط إلى صفحات داخل الموقع وبعضها الآخر يربط إلى مواقع أخرى وبعضها يربط إلى عنوان بريد الكتروني وأخيراً الارتباطات داخل نفس الصفحة و مايسمى أيضاً إشارة مرجعية أو مايدعى Bookmark وأخيراً أحب أن أنوه أن لا فرق بين الارتباطات بواسطة النصوص أو بواسطة الصور بل كلاهما لهما نفس الطريقة .
ولنبدأ أولاً بـ الارتباطات إلى صفحات داخل الموقع :
1- قم بإنشاء صفحة جديدة . 2- اكتب النص التالي : صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً . حدد الكلمات . 3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink . اضغط على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني فيفتح لك مربع حوار , من Look in حدد موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات ثم اضغط على موافق .
وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع لـ انشاء ارتباط إلى مواقع أخرى : 1- قم بإنشاء صفحة جديدة . 2- اكتب النص التالي : صدى لـ تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر تريد أن تنشئ له ارتباطاً . حدد الكلمات . 3- من قائمة Insert ، اختر أمر Hyperlink لتفتح مربع حوار Insert Hyperlink . 4- في خانة Address ، اكتب النص التالي : www.subject.com 5- انقر زر ok لإغلاق مربع الحوار وحفظ الارتباط . | |
|