شبكة و منتديات هدايا دعوية الإسلامية
أهلآ و سهلآ بك زائرنا الكريم
نتمنى لك تصفح ممتع ومفيد بين أرجاء الشبكة
ندعوك بالتسجيل معنا لتقديم الهدايا لك مجانآ لخدمة منتداك أو موقعك

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
حفيد الصحابه

..:: عميل للشركة ::..


..:: عميل للشركة ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 102
♣ مُڪإني \ دَولتِـيَ» : مصر
|| ♣ سُمعَتِـيْ » : 2
http://www.ourislam1.com/index.htm

شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الثلاثاء أكتوبر 06, 2009 3:59 pm
تقييم المساهمة: 100% (1)
السلام عليكم و رحمة الله و بركاته

هنا إن شاء الله في هذا الدرس لطيفية تقطيع و تركيب واجهة موقع على مساحتك

مثلا لك صفحات انشأتها ببرنامج Frontpage أو مجلة و أردت ان تكون الصفحة



و الا فيمكنكم تصميمها بنفسكم

و هاهي الواجهة التي اخترناها لدرسنا مع التعديل :




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


نقوم بفتحها بالبرنامج الشهير لتحرير الصور : adobe photoshop

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

ثم نذهب الى الآداة لتقطيع تصميمنا كما هو موضح في الصورة :


ملاحظة : كل قطعة تعينها تمثل رابط لصفحة أخرى في موقعك


مثلا : المنتدى رابطه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و نعين المناطق بالاداة التي نريد تقطيعها

مثلا الجهة العليا اين مكتوب شيكة الحاسوب السلفية

بعد تعيينها نضغط بالزر اليمن كما هو موضح في الصورة





edit slice Option

ثم تظهر لنا بينات القطعة كما في الصورة :


و ندخل فيه الرابط الذي تؤدي اليه الجهة العليا مع عنوان الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نفس الشيء مع الأزرار الأخرى مثلا زر المنتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نكتب الرابط مع العنوان

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


و نطبق على جميع القطع التي عينها

ثم نحفظ العمل كما في الصورة :
بالضغط على save for the web

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و نواصل كما في الصورة مع ان يكون صيغة الحفظ html and images

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


و نحصل على ملفات الصور بهذه الطريقة :


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


نذهب الى ملف html و نفتحه بال Front page كما في الصورة :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


و نذهب الى زر Design في الأسفل :

فتظهر لنا الصورة فنضغط مثلا على المنتدى بالز الأيمن كما هو موضح


page propety :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم يظهر لنا العنوان و نضغط على ok
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نذهب الى Hyperlink proprety لرؤية رابط الزر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ثم ندخل رابط المنتدى :


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و نتأكد من سمك الزر بالضغط على picture propretie يجب ان يكون 0
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و نقوم بهذا التطبيق على جميع الأزرار
ثم ننقر على code في برنامج الفرونت بيج :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

يظهر لنا كود التصميم فنقوم بتغيير الروابط :

مثلا رابط :

/images/ wajiha4_01
الي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مع تغيير ttt الى مسار موقعك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ثم نقوم بحفظ العمل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و في الأخير نغير ملف Html الى index.html

كما في الصورة :


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



وفقك الله

و أتمنى ان يكون الشرح واضح و كافي
إدارة هدايا دعوية

..:: مؤسس المنتدى ::..


..:: مؤسس المنتدى ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
انثى

♣ مشَارَڪاتْي » : 1411
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 30
هوايتي : التصميم والنت
|| ♣ سُمعَتِـيْ » : 71
http://www.facebook.com/pages/%D8%B4%D8%B1%D9%83%D8%A9-%D9%87%D8%AF%D8%A7%D9%8A%D8%A7-%D8%AF%D8%B9%D9%88%D9%8A%D8%A9-%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D8%A9/176070519128303?ref=hlhttp://hadaya.ahlamontada.com

رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الأربعاء أكتوبر 07, 2009 1:55 am
بارك الله فيك .. وجزاك الله خبر ... الموضوع واضح .. وكامل ..

وإن شاء الله الكل يستفيد منه .. ربي يعطيك العافية ..
حفيد الصحابه

..:: عميل للشركة ::..


..:: عميل للشركة ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 102
♣ مُڪإني \ دَولتِـيَ» : مصر
|| ♣ سُمعَتِـيْ » : 2
http://www.ourislam1.com/index.htm

رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الأربعاء أكتوبر 07, 2009 6:16 am
منور الموضوع
هدفنا ان المنتدى يكون افضل
المتفائل

..:: أخ جـديـد ::..


..:: أخ جـديـد ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 47
♣ مُڪإني \ دَولتِـيَ» : السعودية
|| ♣ سُمعَتِـيْ » : 0

رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الثلاثاء يونيو 15, 2010 7:26 am
جزاكـ الله خيراً ...
avatar
طرطعه

..:: مصمم للشركة ::..


..:: مصمم للشركة ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 102
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 15
هوايتي : التصميم
|| ♣ سُمعَتِـيْ » : 20
http://ryoo7.roo7.biz

رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الإثنين ديسمبر 20, 2010 5:58 am
شرح واضح جداً
تمنياتي لك بالتوفيق
في رعاية الله
avatar
AIAI

..:: مصمم مبتدأ ::..


..:: مصمم مبتدأ ::..
♣ إعْـلآناتْ الشَركَةْ » : = جديد = اشتر الآن من عدد مساهماتك
ذكر

♣ مشَارَڪاتْي » : 49
♣ مُڪإني \ دَولتِـيَ» : السعودية
♣ العـمْرّ» : 17
هوايتي : التصميم
|| ♣ سُمعَتِـيْ » : 9

رد: شرح لطريقة تقطيع و تركيب واجهة موقعك من الألف الى الياء

في الإثنين ديسمبر 20, 2010 10:14 am
شكرا لك ماشاء الله شرح مفصل

بارك الله فيك

ونتظر جديدك...
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى