طريقة رفع المواقع على الشبكة العنكبوتية

@NEMSS@ · 5-10-1425هـ, 04:28 مساء

<div align="center">اخواني واخواتي من مشرفين واعضاء و زوار
لمنتدانا الحبيب الحاسب في حياتنا
السلام عليكم ورحمة الله وبركاتة
موضوعنا لهذا اليوم موضوع طويل الشرح نوعا ما وبه نوع من الصعوبة
ولكنني سوف اتبع طريقة التقسيم للموضوعات لتسهيل مادة الموضوع
ويصبح الموضوع مسلي اكثر هذه من وجهة نظري وعلى حسب الطرح ساشاهد
اذا كنت مصيب او مخطيء في طريقة الشرح
كذلك سيكون الموضوع اضافة الى الشرح عبارة عن ساحة للحوار حول اي نقطة لم استطيع تسهيلها للمتلقي
وساقوم بالاجابة علية قدر المستطاع والله المستعان

اسف على الاطالة ولنبدأ موضوعنا
بسم الله الرحمن الرحيم

اولا كثير من الاخواه والاخوات يتسائل عن طريقة انزال موقع قام بتصمية على جهازة
وكل ما تبقى امامة هو كيف يشاهد الاخروان ابدعاتة
هنا ستتعرف على الطريقة من الالف الى الياء
ولاحظ معي اخي و اختي انني لم اتتطرق لموضوع التصميم لان الشغلة هنا يرجع حسابها
الى الذوق في التصميم ولكن من خلال قسم التصميم والجرافكس سيتغلب المبتديء على هذه النقطة
من خلال ملاحظات وتوجيهات الاخوان والاخوات في القسم
نعود الى موضوعنا
اولا يجب ان يكون لديك نطاق محجوز او مستاجر free hosting (سيرفر :servers ) على الشبكة العنكوبتية
و ويمكنك حجز نطاق مجاني من خلال المواقع التي تقوم بتقديم هذا النوع من الخدمات
وافهم اخي المصطلحات المذكورة سابقا للتعرف عليها بنوع من الممارسة مستقبلا بمشيئة الله
ومن اشهر المواقع للاستضافة
عربيا
موقع جيران وطريقة شرح التسجيل وحجز نطاق مشروحة بالكامل على الرابط التالي
http://www.pcintv.com/forums/index.php?showtopic=1423

او موقع freeservers الاجنبي على الرابط التالي
http://www.freeservers.com/
الان نبداء اولى الخطوات
بعد قيامك بتصميم موقعك شاهد مع المثال على ذلك
واعذروني على رداءة التصميم والذي اعد للشرح فقط

جزء مصور من الموقع

قمت في المثال السابق بالتصميم مستخدما برنامج الفوتوشوب
وهنالك برامج كثيرة للتصميم استخدم منها ما يحلو لك ويناسبك.

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

وشاهد مثال حي للعملية ;)

بعد اتمام عملية التقسيم قم بحفظ الموقع كما تشاهد في الصورة التالية

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

بعد ذلك اذهب الى العنوان او المسار الذي قمت بحفظ الملف علية
ستشاهد مثل هذه الشكل

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

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

وما توفيقي الا بالله
تحياتي لكم جميعا </div>

@NEMSS@ · 5-10-1425هـ, 09:48 مساء

واليكم اخواني

هذا الرابط لاخوانا ( محمد ) >>> دائما بالخدمة

قام بشرح الموضوع بالتفصيل وباستطاعتكم مشاهدة الموضوع على الرابط التالي وربط الدرسين ببعضهم البعض
http://www.pcintv.com/forums/index.php?sho...t=0&#entry38972

الى اللقاء

المســــافــر · 5-10-1425هـ, 10:19 مساء

كل عام وانت بخير نمس

والله ما قصرت كفيت ووفيت

@NEMSS@ · 6-10-1425هـ, 01:17 مساء

اخوي المسافر
اشكرك جزيل الشكر على اتحافك الموضوع
بردك العطر
تقبل تحياتي

@NEMSS@ · 6-10-1425هـ, 01:21 مساء

<div align="center">
السلام عليكم ورحمة االه وبركاتة

الان نعود الى تكملة موضوعنا

بسم الله الرحمن الرحيم

الان وبعد تجهيز الموقع على الجهاز نأتي الان لدور الرفع وطريقتها

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

ملاحظة : سبب استخدامي موقع جيران في الشرح فلانة الاسهل والاكثر شعبية بين المستخدمين
وكذلك لدعمة للغة العربية كسبب رئيسي

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

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

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

شاهد المثال

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

شاهد المثال

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

ساتوقف هنا

وتابعوا بقية الشرح ;)

تحياتي لكم

</div>

ATmax · 6-10-1425هـ, 04:58 مساء

استاذ النمس
كمل كمل ترانا معك والله متابعين

دائمآ فــي الخدمة · 6-10-1425هـ, 11:55 مساء

اخوي الغالي NEMSS
تسلم على الموضوع
المهم جدآ

واتمني من الاعضاء والزوار ان يستفيدو
من المواضيع التي تطرح في المنتدي
الحاسب في حياتنا

واتمني ان يشاركونننا لكي يكون منتدانا
مميز من بين المنتديات
ولكم جزيل الشكر والعرفان

تحياتي لكم : اخوكم محمد

@NEMSS@ · 7-10-1425هـ, 03:22 مساء

اخوي ATmax

شكرا لك مرورك بالموضوع
و ان شاءلله اكمل الجزء الثالث اليوم

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

تحياتي للجميع

camry 2002 · 10-10-1425هـ, 04:46 مساء

حبيبي النمس
مشكور جدا جدا جدا على الدروس الممتازه
لاكن واجهتني مشكله
الصور ما تظهر
ياليت تشوف وش الى صاير

@NEMSS@ · 10-10-1425هـ, 05:30 مساء

هلالالالالالالالالالالالالالالا
اخوي محمد
كل عام وانت بخير
اسف الصور عدت الترافك المسموح لها
اليوم الصور ترجع باذن الله

شكرا لك على سعة صدرك

تحياتي لك

عدنان الغامدي · 11-10-1425هـ, 12:10 صباحاً

شكرا ياالنمس لاتحافنا بروائعك
هذه النوعية من المواضيع تعتبر اساسية ودسمة ومن اهم مواضيع الانترنت والشبكات
ومجرد قراءته للاطلاع والمعرفة بحد ذاته مكسب معرفي عظيم لكل من يرغب في المعرفة
فبارك الله فيك
واحب ان ادرج موقع الاخ المهندس نهاب الذي يشرح فيه بناء الموقع والتركيب من الصفر بالاضافة
لوجود دليل لمواقع الاستضافة
http://host-links.com/main/index.php
اكرر شكري لكم جميعا وللنمس والاخ محمد العدواني خصوصا والسلام عليكم

camry 2002 · 11-10-1425هـ, 04:32 مساء

مشكور حبيبي النمس
طيب عندي سؤال
عند استخدام برنامج الفوتوشوب كم عرض الصوره
غالبا

@NEMSS@ · 11-10-1425هـ, 08:51 مساء

بسم الله الرحمن الرحيم

اخوي محمد

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

بالنسبة للفوتوشوب
فاقل قياس راح يكون 600+800

انا مستخدم في الشرح هذا القياس 768 + 1024

ولك ان تختار على حسب مادة الموقع ومحتوياته

نكمل الشرح

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

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

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

فما هي الطريقة تابع معي

اذهب الى موقع الاستضافة الذي قمت بتحميل الصور علية
ستشاهد نوعين من الملفات
وهي باختصار
1- الملف الاول الخاص بغة الهتمل
2- باقي الملفات الصور التي قمت بتحميلها

شاهد الصورة

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

الان عد الى برنامج الفرونت بيج والصق
العنوان الجديد للصورة =====> من شبكة الانترنت من خلال موقع الاستضافة

بدلا من

العنوان القديم للصورة =====> من خلال جهازك

شاهد الصورة للتوضيح

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

تستطيع مراجعة عملك بعد كل صورة لكي تعرف هل اخطأت في شيء معين
لكي تستطيع تلافيها بنفس الوقت من خلال الزر Preivew
من خلال الاختيار ملف ====> معاينة

او الوصول من هنا بجانب كلمة الهتمل ستلاحظ المعاينة Preivew اضغط عليها

الان وبعد ان انهيت عملية تغير عناوين الصور

قم بتضليل نص الهتمل كاملا من خلال الضغط على ctrl+A من لوحة المفاتيح
ثم قم بنسخ النص كاملا

نعود لموقع الاستضافة
وسنلاحظ كما هو في الصورة ملف يسمى index
و هو ملف نصي للغة الهتمل html ومن خلالة
تستطيع ضبط كل الخيارات

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

سوف يظهر لديك خيارين اختر كما هو موضح بالصورة

ثم اختر من الصفحة التالية ابدأ بتحرير الصفحة الان شاهد الصورة

سيفتح لديك محرر للغة الهتمل بسيط جدا كل ما عليك هو لصق الملف الذي قمت بنسخة
من خلال برنامج الفورنت بيج ولصقة بدلا من هذا النص ولاتمام عملية النسخ نعمل ما يلي

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

ثم انقر بزر الفار ايمن مره اخرى واختر الامر لصق شاهد المثال

بعد ذلك ومن اعلى المحرر اختر حفظ للعمل الذي قمت به
شاهد الصورة

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

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

http://pcintv111.jeeran.com

و الى الدرس القادم

تحياتي لكم

مجموعة انسان · 12-10-1425هـ, 09:51 صباحاً

مشكوووووووووووووووور على هذا الجهد الرائع

تحياتي ,,,,,,,,, :D :D :D

المحترف 00 · 23-12-1425هـ, 03:29 مساء

.................................................. ............... مشكور............................................. ......

الــبــــــــــدر · 22-4-1426هـ, 06:28 صباحاً

اللـــهــــــــم أجــعـــلــــه في مــوزيــــن حسناتكم

ويوفقكم لما فيه الخير والصلاح .....

@NEMSS@ · 25-4-1426هـ, 02:38 صباحاً

اخوي مجموعة انسان

تسلم لي يالغالي

اخوي المحترف 00
العفووو اخوي

اخوي الــبــــــــــدر

اله يجزاك الف خير

وهذا اللي اللي اتمناه في كل مواضيعي الدعوة الخالصة لوجه الله
شكرا لك اخي الكريم

تحياتي لكم

thesmashest · 13-6-1426هـ, 11:24 مساء

البوصلة التقنية:

http://www.boosla.com

mostafa1981 · 9-12-1426هـ, 02:39 صباحاً

مشكور جدا على هذا الموضوع المفيد
وشكرا على الشرح الجميل والصور

AZIZ16 · 14-1-1427هـ, 07:00 مساء

مشكور اخي الكريم انا عندي سؤال :
لو سويت موقع على موقع جيران هل استفيد شيء اذا صار الناس يدخلون للموقع بكثرة مثلاً وكيف يستفيد اصحاب المواقع؟؟؟