تركـي الوبيري
09-15-2007, 09:17 AM
السلام عليكم ورحمة الله وبركاته
نبدأ درس اليوم وهو أول خطوة لإحتراف التصميم فيما يخص المواقع. كبداية نصمم صفحــة وفي الدرس القادم بإذن الله نصمم موقعاً متكاملاً.
كأي مصمم مبتديء يستحسن أن تلجأء بعد الله إلى منتجات مايكروسوفت لأنها الأفضل والأسهل, لذلك نستخدم في هذا الدرس برنامج microsoft publisher
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
تختار صفحــة واحدة وبأي مقاس تريد كي تبدأ التصميم,, ثم تظهر لك الصفحــة وبجانبها شريط الأدوات التالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
التصميم سهل هنا..فإن أنت صممت صورة لموقعك يمكنك إدخالها عن طريق إدراج صورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
تضع بعدها النصوص التي تريد عن طريق text box
والأيقونات التي تراها مناسبة وتحدد المكان المناسب لها تبعا لما تريد لتصبح الصفحــة تقريباً كالشكل التالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم يأتي دور البرمجــة أو اسناد الروابط الى الصور وذلك عن طريق:
*وضع الفأرة على الصورة وضغط الزر الأيمن ثم إختيار hyperlink (إدراج إرتباط تشعيبي )
* لتظهر لك نافذة يوجد في أسفلها Adress تضع في الفراغ المقابل له الرابط الذي تريد ,, لكي يتسنى لمن يضغط على هذه الصورة لاحقاً التوجه فورا الى الرابط الذي قمت بتحديده
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
*في حالة النصوص وهذا دارج كثيراً في الصحف الألكترونية,, فأنت ترى في الواجهه نبذة مختصرة عن المقال ثم ترى كلمة المزيد بلون مختلف بحيث يمكنك عن طريق النقر عليها التوجه الى المقال الكامل,, وهذ يحدث كالتالي:\
بعد كتابة النص في الصفحــة وكتابة كلمة المزيد ... ظلل الكلمــة واتبع نفس ما اتبعته مع الصورة لتكون هذه الكلمة بوابة الى مقال آخر او موقع آخر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد الإنتهاء من تصميم الصفحــة البسيطــة وجاهزيتك لرفعها الى الشبكــة إفعل التالي
* راجع الصفحــة فقد يكون التنسيق غير ملائم عن طريق preview web page من قائمــة file في الأعلى
* وبعد التأكد من التنسيق وعمل اللازم إضغط على زر publish to the web من قائمة file نفسها. وحدد المكان الذي تريده على كمبيوترك كسطح المكتب مثلا.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
* بعد عمل الانشاء يظهر لك مجلد بإسم الصفحــة الذي قمت بتخزينه وصفحــة ويب أيضاً وفي العادة يكون الإسم index.htm الا اذا قمت بتغيير الإسم
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
التصميم البسيط لمثل هذا المجهود الذي لا يتجاوز الساعتين هو كالتالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
[line]
تأتي المرحلة الثانية وهي رفع الصفحــة الى الشبكة العنكبوتية عن طريق أي برنامج من برامج ftp
وهذا درس سأقدمــه لاحقا إن شاء الله
نبدأ درس اليوم وهو أول خطوة لإحتراف التصميم فيما يخص المواقع. كبداية نصمم صفحــة وفي الدرس القادم بإذن الله نصمم موقعاً متكاملاً.
كأي مصمم مبتديء يستحسن أن تلجأء بعد الله إلى منتجات مايكروسوفت لأنها الأفضل والأسهل, لذلك نستخدم في هذا الدرس برنامج microsoft publisher
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
تختار صفحــة واحدة وبأي مقاس تريد كي تبدأ التصميم,, ثم تظهر لك الصفحــة وبجانبها شريط الأدوات التالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
التصميم سهل هنا..فإن أنت صممت صورة لموقعك يمكنك إدخالها عن طريق إدراج صورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
تضع بعدها النصوص التي تريد عن طريق text box
والأيقونات التي تراها مناسبة وتحدد المكان المناسب لها تبعا لما تريد لتصبح الصفحــة تقريباً كالشكل التالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم يأتي دور البرمجــة أو اسناد الروابط الى الصور وذلك عن طريق:
*وضع الفأرة على الصورة وضغط الزر الأيمن ثم إختيار hyperlink (إدراج إرتباط تشعيبي )
* لتظهر لك نافذة يوجد في أسفلها Adress تضع في الفراغ المقابل له الرابط الذي تريد ,, لكي يتسنى لمن يضغط على هذه الصورة لاحقاً التوجه فورا الى الرابط الذي قمت بتحديده
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
*في حالة النصوص وهذا دارج كثيراً في الصحف الألكترونية,, فأنت ترى في الواجهه نبذة مختصرة عن المقال ثم ترى كلمة المزيد بلون مختلف بحيث يمكنك عن طريق النقر عليها التوجه الى المقال الكامل,, وهذ يحدث كالتالي:\
بعد كتابة النص في الصفحــة وكتابة كلمة المزيد ... ظلل الكلمــة واتبع نفس ما اتبعته مع الصورة لتكون هذه الكلمة بوابة الى مقال آخر او موقع آخر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد الإنتهاء من تصميم الصفحــة البسيطــة وجاهزيتك لرفعها الى الشبكــة إفعل التالي
* راجع الصفحــة فقد يكون التنسيق غير ملائم عن طريق preview web page من قائمــة file في الأعلى
* وبعد التأكد من التنسيق وعمل اللازم إضغط على زر publish to the web من قائمة file نفسها. وحدد المكان الذي تريده على كمبيوترك كسطح المكتب مثلا.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
* بعد عمل الانشاء يظهر لك مجلد بإسم الصفحــة الذي قمت بتخزينه وصفحــة ويب أيضاً وفي العادة يكون الإسم index.htm الا اذا قمت بتغيير الإسم
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
التصميم البسيط لمثل هذا المجهود الذي لا يتجاوز الساعتين هو كالتالي
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
[line]
تأتي المرحلة الثانية وهي رفع الصفحــة الى الشبكة العنكبوتية عن طريق أي برنامج من برامج ftp
وهذا درس سأقدمــه لاحقا إن شاء الله