×

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

السلام عليكم ورحمت الله وبركاته .. دورة ترايدنت .. اليوم بإذن الله اضع لكم اول دروس هذه الدورة " تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage"
قديمة 24 - 02 - 2008, 01:22
المشاركة 1
السلام عليكم ورحمت الله وبركاته ..


دورة ترايدنت .. اليوم بإذن الله اضع لكم اول دروس هذه الدورة "تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage"

والتي اتمنى من الله عز وجل ان تستفيدون منها ..

طبعا ً .. شرحي مصور لرغبة اغلب الاخوان فيه .. سيوضح في هذه الدورة تصميم وتركيبه الاستايل ( تقطيع - توزيع - تركيب - إضافة روابط المهمه - تغير روابط الصور - css - وتأطير الجداول )

بسم الله : تصميم الاستايل الي بنطبق عليه الدرس
"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage


هذه صورة برنامج الفوتوشوب والتصميم امامنا

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

طبعا الكل وبكل تأكيد يعرف أداة التقطيع إختارها من قائمة الادوات

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

قم بتحديد الاستايل من الركن الشمالي ومع مراعاة المربعات الصغيرة في الاستايل بحيث تكون في المنتصف لنكمل التقطيع بنفس التنسيق ..

حتى يكون التقطيع بحترافيه تامه (كبر التصميم بإستخدام اداة التكبير وذالك بإختيراها من قائمة الادوات او بالضغط على الزر z كاختصار لها)

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الان قم بتحديد نقطة تمدد للهيدر زي ماشرحناه فوق بمراعات تحديد المربعات الصغيرة (الباترن) من المنتصف حتى تكون متناسقة عندما تتمدد

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الان اكمل شعار الهيدر Logo بنفس الطريقة ولاكن ملاحظة : يجب ان يكون على خط اففي واحد

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

انتهينا من تقطيع الهيدر ..

الان الى الفوتر وهو الاسهل .. عبارة عن حقوق التصميم صوره ثابتة وتمدد

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

تمدد الفوتر وبدقة متناهيه بعد تكبير التصميم

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

اتممنا ولله الحمد من تقطيع

قم بحفظ الاستايل من القائمة فوق إختر ملف او File

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

ثم

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

اختر صيغة الصور وهي gif لدقتها العالية وصغر حجمها

واضغط على Save او حفظ

تفتح نافذه بهذا الشكل

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

حدد الموقع المطلوب .. حفظ الملف فيه ففرضا ً قمة بحفظ الصور في سطح المكتب سوف تحفظ في ملف بإسم images .. وبداخله الصور وتكون محفوظة .. من اول صوره (اذا سميت الاستايل traidnt)
سوف يحفظ اول صوره بهذه الطريقة traidnt_01 وثاني صوره traidnt_02 ... الخ

نتيجه :

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

افتح الملف

لتشـــــــــاهد الصور بهذه الطريقة

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الان انا قمت بتغيير مسمى الملف من images الى Traidnt
لانه اذا لم تغيير الاسم سوف تدخل الملفات ببعضها وتستبدل الصور الاساسية التي تأتي مع الvb وفي الدروس القادمة سأشرح ذالك

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

انتهينا ولله الحمد من تقطيع الاستايل تبقى النقطة الثانية الا وهي توزيع الصور المقطعه في الفرونت بيج

افتح الفرونت ..

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage
معليش الصوره ماهي واضحه لان البرنامج لقطها وهي طايره <<

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الان فتح البرنامج
اذا لم يفتح على صفحة التعليمات البرمجية فقم بفتحها انت من تحت على اليمين ar او يسار en

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

حدد عليها كووولها .. وسو لها delete ((حذف))

الان وبعد حذف التعاليم البرمجية
ننتقل الى تصـــــــــــــــــــــــ ــــميم

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

لانشاء جداول للاستايل

إضغط على هذه الايقونة
"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage
واختر 1 في 3

لتكون بهذا الشكل

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

إضغط على اي مكان في الجدول وإختر (خصائص الجدول...)

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

غير خصائص الجدول وإجعلها كما في الصوره فوق ^^^

وإختر من نفس الخصائص تعيين كافتراضي للجداول الجديدة .. حتى اذا جيت بعدين تبغى تسوي جدول لا تقوم بتغيير الخصائص

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الان هذا الجدوال امامك كل ماعليك تنزل الصور فيها سواءا ً الي صوره تسويله ادراج او الي تمدد تضيفها من خلال خصائص الخلية

الان نبدأ في الجدوله (توزيع الصور)

نقوم الان بإدراج الشعار
وذالك بالضغط على ايقونة الادراج
في الفرونت بيج

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

اختار الصوره .. من ملف traidnt

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

وهذي هي الصوره

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

نقوم الان بإضافة تمدد الهيدر في الخلية الثانية تضغط بالماوس يمين وانت في الخلية نفسها وتختار خصائص الخلية

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

هذي هي نافذة خصائص الخلية

تنزل تحت وتختار استخدام صور خلفية

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

ثم تضغط على استعراض

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage
حليوه الزر

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

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

الحين اضيف الصوره في الخلية الثالثة وتكون خلية .. ((طيب ليش ؟! ))
عشان نقدر نكتب عليها
طيب انت لازم تعرف عرضها عشان تحدده في الخلية
هذي صوتها مصغره معروضه في ملف
"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

تضغط على الصوره .. يمين خصائص ثم اختر من نفس الخصائص فوق ( ملخص )
وشوف كم العرض .. ماعليك في الارتفاع لان الارتفاع ثابت من الاستايل

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الحين عرفنا ان عــــ 214 ـــرضها
خلاص كأنك تسوي تمدد اللهم انك تضغط فوق في خصائص الخلية على تحديد العرض بالبكسل

وتحط عرض الصورهـ

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

شوف النتيجة

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

انتهينا من الهيدر

الان الفوتر وهو اسهل واسهل

اضيف جدول وسيكون جاهز مايحتاج التعديل في خصائص الجدول لانه اخترنا افتراضية الجدوله

وإضيف ايضا صورة الحقوق

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

الحين يتبقى إضافة تمدد الفوتر

وشرحنا هذا وبالتفصيل الممل

ستكون النتيجة النهائية

وبعد المعاينة

"دورة ترايدنت" تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage

هذا وصلى الله وسلم على نبينا محمد ... اي سؤال في هذا الموضوع بالتحديد تقطيع الاستايل وتوزيعـــــــه في الـ FrontPage


يتبقى لدينا تريكب هذا الاستايل .. وإضافة وتعديل الروابط .. وكذالك تعديل الالون css وصور الاستايل وكذالك بعض الاضافات المهم كـ التأطير

تفضل بطرح سؤالك دون تردد فما اوجدنا هنا في هذا المنتدى الا ان نكون عونا لكم اخواني
اخوكم : عبدالعزيز الزهراني
المشاهدات 4772 | التعليقات 10
قديمة 24 - 02 - 2008, 02:07
المشاركة 2
صورة 'FUJ' الرمزية
FUJ
:: عضو نشيط ::
تاريخ الإنضمام: 25 - 10 - 2007
رقم العضوية : 42977
الدولة : UAE, Fujairah
العمر: 29
المشاركات: 5,406
1
افتراضي
بارك الله فيك اخوي
وجزاك الله الجنه
Follow me Instagram: @X_AHMED
قديمة 24 - 02 - 2008, 07:25
المشاركة 3
صورة 'souf-host.com' الرمزية
souf-host.com
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 06 - 2007
رقم العضوية : 38217
الدولة : في بلاد الله الواسعة
العمر: 38
المشاركات: 3,341
افتراضي
الله يعطيك العافية اخي الكريم نتظر جديد على فارغ الصبر
جزاك الله الجنة
قديمة 24 - 02 - 2008, 13:16
المشاركة 4
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
افتراضي
الله يعطيكم العافيه جميعا ً واشكرك جزيل الشكر على المرور
قديمة 24 - 02 - 2008, 14:34
المشاركة 5
alraggas.com
:: عضو فعال ::
تاريخ الإنضمام: 15 - 02 - 2008
رقم العضوية : 52943
المشاركات: 129
افتراضي
الله يعافيك يالغالي ومشكور
  • إسم الشركة : الرقاص لاستضافه المواقع
  • صاحب الشركة : محمد ذعارالرقاص العتيبي
  • خدمات الشركة : استضافه -شات - دعم فني -تركيب هاكات واستايلات
  • مقر الشركة : السعوديه - ساجر
  • هاتف الشركة :0565651610 ومن خارج السعوديه 00966565651610
  • بريد الشركة : [email protected]
  • الدعم الفني : [email protected]
  • رابط الشركة : www.alraggas.com
قديمة 24 - 02 - 2008, 17:10
المشاركة 6
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
قديمة 26 - 02 - 2008, 01:23
المشاركة 7
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
قديمة 26 - 02 - 2008, 10:36
المشاركة 8
الاسمر
:: عضـــو::
تاريخ الإنضمام: 15 - 10 - 2005
رقم العضوية : 10141
المشاركات: 40
افتراضي
احسنت اخوي على هذا الدرس الرائع
للمراسله
[email protected]
قديمة 26 - 02 - 2008, 11:07
المشاركة 9
صورة 'al-mlaak' الرمزية
al-mlaak
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 12 - 2005
رقم العضوية : 14107
الدولة : مع الكفيل
المشاركات: 1,746
2
افتراضي
مبدع ياعبدالعزيز بارك الله فيك

وجزاك الله خير
قديمة 26 - 02 - 2008, 18:05
المشاركة 10
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
افتراضي
الاسمر
al-mlaak

الله ينور عليكم زي مانورتم صفحتي
قديمة 01 - 03 - 2008, 21:38
المشاركة 11
كواليتي
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 12 - 2007
رقم العضوية : 47147
المشاركات: 362
افتراضي
up up up
للفــــــــــــــــــــــ ـآئدة
 
اضافة رد
 

[ تصميم إستايل إحترافي .. الجزء الأول ..] أساسيات تصميم الأستايلات للجيل الثالث Vb3

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 03:07.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.