التغطية المصورة ليوم سوالف: الجزء الأول، الجزء الأخير
الفائزون في المسابقة الأصغر لسوالف كاست

 

العودة   سوالف سوفت > قسم تطوير المواقع للمبتدئين > قسم إنشاء وصيانة المواقع للمبتدئين
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط جدا
تاريخ التسجيل: Oct 2005-
#1 (permalink)  
[للمبتدئين] كيف تصبح مصمم مواقع ؟؟


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

سنبدأ معا قصة الانترنت والتي منها ستفهم تماما كيف تعمل مواقع الانترنت ..
تخيل معي المشهد التالي :

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

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

تخيل أنك تريد عمل مشروع تجاري على أرض الواقع وليس على الانترنت ، ماذا ستحتاج ؟ وكيف ستتم العملية التجارية ككل ؟
  1. أولا ستحتاج أن تحدد عنوان المحل ، يعني تحدد مكان المحل في أي منطقة في أي شارع ، ثم تذهب إلى المكتب العقاري وتشتري الموقع أو قطعة الأرض.
  2. ستقوم الآن ببناء مبنى المحل ، أو لو كان المبنى جاهزا ستقوم باستئجاره من المالك.
  3. والآن ستقوم بتحديد اسم المحل وتكتب اسم المحل على يافطة وتعلقها على بوابة المحل.
  4. ستبدأ الآن بعمل ديكور المحل ، من رفوف وخزائن وجوارير وما إلى ذلك من معدات وإضاءة وغيره.
  5. والآن ستقوم بتعبئة المحل بالبضاعة التي ستعرضها للزبائن وزوار المحل ، وذلك بشحنها من الخازن إلى المحل بواسطة شاحنة.
  6. بالتأكيد ستولي واجهة المحل اهتماما خاصا لأنها أول شيء يراه زوار محلك من الخارج ، ولو كانت واجهة المحل جذابة ستجلب عدد كبير من الزبائن.
  7. ستقوم بعمل إعلانات بالتأكيد في الصحف والمجلات والجرائد والمنشورات واللافتات الإعلانية وحتى ربما في التلفاز والمذياع.
  8. سيحصل الناس على عنوان محلك من خلال الإعلانات ، كما أنهم سيأخذون فكرة عن محتوى محلك التجاري ، وربما تحمسهم لزيارة محلك بعمل بعض العروض التجارية.
  9. سيركبون أي وسيلة مواصلات ، سياراتهم ، سارة أجرة ، حافلة ، قطار ، أي شيء المهم أن يصلو لمحلك ويدخلوه ويتجولوا به ويروا محتوياته ، وربما قد يشترون من بضاعته المعروضة.
إن مواقع الانترنت لا تختلف أبدا عن عالم الواقع ، فهي باختصار محاكاة تامة للعملية التي شرحتها لكم قبل قليل في تسع نقاط سريعة.

أولا : رقم الآي بي IP Address



هذا هو بالضبط في عالم الانترنت كعنوان قطعة الأرض المسجلة في المكتب العقاري في أرض الواقع ، كل موقع على الانترنت له IP Address خاص به لايوجد له شبيه وبه تحدد أماكن المواقع وعناوينها ، ولو أردت بناء موقع لا بد أن يكون لك عنوان خاص حتى تقوم ببناء المحل عليه.
يكون رقم الآي بي من أربع خانات كل خانة بها 3 أرقام :

212.112.68.104

تماما كما في المكتب العقاري تكون قطع الأراضي مرقمة ومعروفة وكل قطعة أرض لها رمز أو رقم تميز به عن غيرها من قطع الأراضي ، كما هو واضح في الصورة السابقة فرقم الآي بي يوضح بالضبط مكان وجود الموقع.

لا تقلق فلست أنت من يحدد رقم الآي بي ، إنه مزود الإنترنت الذي تشبك جهازك من خلاله بالانترنت الذي يحدد هذا الرقم.

ثانيا : المستضيف أو الخادم Host or Server



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

المستضيف أو الخادم هو ليس إلا جهاز كمبيوتر موصول بالانترنت طوال الوقت 24 ساعة في اليوم 7 أيام في الأسبوع ، بحيث لو دخل أي شخص في أي مكان في العالم موقعك في أي وقت يستطيع أن يتصفح الملفات ، فلو كنت قادرا على توفير هذا الأمر بنفسك فبها ونعمت ، ولكن لماذا تكلف نفسك هذا العناء ؟؟ عناء المراقبة الدائمة للكمبيوتر ، وهل هو مشبوك بالانترنت أم لا ، هل خط الانترنت موصول أم انقطع لسبب معين ، هل خط الانترنت سريع بشكل كاف لتحمل عدد كبير من الزوار في وقت واحد ، هل تضمن استمرار الكهرباء وعدم انقطاعها ، توجد مشاكل كثيرة تواجهك لو قمت بعمل السيرفر لوحدك.

الحل الأمثل هو استئجار مكان من ناس متخصصين بهذا المجال ومتفرغين له ، فقط ادفع لهم الأجار آخر السنة وهم يتكفلون بكل ما سبق ذكره ، وانت ما عليك سوى تنظيم المحل (الموقع) وترتيبه بحيث يستقبل الزوار بأبهى حلة.

ثالثا : اسم النطاق Domain Name



هو تماما كاسم المحل على أرض الواقع ، فلا بد ان يكون لموقعك اسم يعرف به بين الناس ، ومن خلاله يزورون موقعك ، وهو كاليافطة تعلق على بوابة المحل ، فلا يعقل أن تعطي الناس عنوان موقعك كرقم آي بي :

212.112.68.104

لابد أن تختار اسم تجاري لطيف ومميز لكي يسهل على الناس حفظه وزيارة موقعك من خلاله مثل :
ظ…ط¯ظˆظ†ط© ظˆظ„ظٹط¯ظˆظپ ط§ظ„طھط·ظˆظٹط±ظٹط©
وشركة تأجير أو بيع النطاقات تقوم بربط هذا الاسم بعنوان الموقع أو رقم الآي بي ، تماما كما أنك تعلق اليافطة على المحل ، بحيث يدل الاسم على المحل.

رابعا : برمجة الموقع وتصميم صفحاته Web designing / Web developing



إن كل محل في العالم لابد له من ديكورات لكي يتم ترتيب البضاعة عليها ، وفي حالة مواقع الانترنت فلابد من وجود برمجة ، هي بمثابة ديكورات الموقع ليتم ترتيب محتويات الموقع عليها.
إن لغة تصميم المواقع هي HTML والتي بها يتم تصميم هيكل الموقع وشكل الصفحات ، وهناك لغات برمجة إضافية تجعل موقعك أكثر تفاعلية أو ديناميكية مثل php و asp و cgi و coldfusion و ruby on rail ولغات أخرى ..

إذن لغة HTML لا غنى عنها لتصميم شكل الموقع ، أما لغات البرمجة الأخرى فهي لإضافة مميزات تفاعلية إضافية ، فلغة HTML لا يشترك تعلمها ، فهناك برامج كثيرة مثل Microsoft FrontPage أو Adobe Dreamweaver تساعدك على تصميم مواقع بلغة HTML دون كتابة حرف واحد ، أما لغات البرمجة فبالرغم من وجود محررات كثيرة تساعدك على البرمجة إلا أنك تحتاج لمعرفة في البرمجة لتقوم ببرمجة تطبيقات ويب أو مواقع تفاعلية.

خامسا : نقل البيانات File Transfer Protocole / FTP



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

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

سادسا : واجهة الموقع Homepage أو صفحة الـ(Index)



إن واجهة الموقع هي أحد أهم صفحات موقعك ، ربما من واجهة الموقع قد تكسب الزوار أو قد تفقدهم للأبد ، تماما مثل واجهة المحل ، فإن كثير من واجهات المحل قد تنفر الزبائن رغم أن البضاعة قد تكون قيمة ، وهناك محلات تجذبك واجهاتها جذبا بالرغم من بضاعتها التعيسة ، إنه حسن تنسيق الواجهة.

إن أهم شيء يجب معرفته في واجهة الموقع أنها عبارة عن ملف اسمه index ، وهناك خطوط عريضة لواجهات المواقع :
  • يجب أن تكون سريعة.
  • يجب أن تكون معبرة عن محتوى الموقع.
  • يجب أن تكون واضحة وسهلة الوصول.
  • يفضل أن تكون جذابة ولكن ليس على حساب السرعة.
  • يجب أن تساعد الزائر على الوصول إلى محتويات الموقع.
سابعا : الإعلان عن الموقع والإشهار Advertising and Promoting



هذا من أساسيات التجارة ، بدون إعلان فتجارتك خاسرة بالتأكيد ، كيف سيأتي الزبائن إذا لم يعرفوا عن وجود محلك من الأصل ؟ وكذلك مواقع الإنترنت بل بشكل أشد ، لن يزوره أحد ما لم تخبر الناس عنه ، هناك طرق عديدة للإعلان عن موقعك مثل وضع بنر إعلاني في مواقع مشهورة أخرى ، أو من خلال برامج الإعلانات النصية المقدمة من مرحكات البحث ، وأشهرها Google AdWords.

تماما كما تفعل المصانع والشركات التي تعلن عن منتجاتها في الشوارع والصحف والمجلات وقنوات التلفزة والإذاعة ، وكلما كانت الصحيفة أو القناة أشهر كلما زاد سعر الإعلان ، وكلما تغير حجم الإعلان ومدته تغير سعره ، نفس الشيء ينطبق على مواقع الانترنت ، فالإعلان في المواقع المشهورة أغلى من الإعلان في المواقع العادية ، وحجم الإعلان ومكانه في الموقع ومدته أيضا يؤثر على سعره.

ثامنا : تعرف الناس على موقعك Identifiying



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

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

تاسعا : دخول الزوار لموقعك Web Surfing




بعد مشاهدة الناس لإعلانات موقعك في الانترنت ، أو بعد مشاهدتهم لموقعك في أدلة المواقع أو محركات البحث سيبدؤون في زيارة موقعك ، ولابد لهم من وسيلة تنقل ، ووسيلة التنقل في الإنترنت هي متصفحات الانترنت ، هي بمثابة السيارة التي بها تتنقل بين المواقع ، كل ما عليك عو كتابة العنوان أو الضغط على عنوان والانتقال للموقع الجديد.

إن أشهر متصفحات الانترنت في العالم هي :
  • Internet Explorer بكافة اصداراته.
  • Mozilla Firefox.
  • Opera.
  • Safari.
  • Netscape.
من خلالها يمكن للناس زيارة موقعك الإلكتروني بكتابة عنوان موقعك في شريط العنوان.
وفي النهاية أتمنى أن تكون قد تعرفت تماما على عملية تصميم المواقع ، والآن عليك ببدء تعلم تنفيذ هذه الخطوات ، فلكي تصبح مصمم مواقع عليك تعلم ما يلي :
  1. كيف تبحث عن اسم نطاق Domain name وتحجزه.
  2. كيف تستأجر استضافة أو خادم Host or Server.
  3. كيف تصمم موقع باستخدام HTML ، وذلك بأحد البرنامجين الآتيين :
    • FrontPage.
    • Dreamweaver.
  4. كيف تقوم برفع ملفاتك من الجهاز إلى الموقع باستخدام أحد برامج نقل الملفات FTP.
  5. كيف تعلن عن موقعك وتجذب إليه الزوار.
توجد أيضا أمور متقدمة ألا وهي:
  1. تتعلم أحد لغات البرمج php او asp أو غيرهما ، وذلك لتبني تطبيقات انترنت أكثر تقدما.
  2. تتعلم التصميم الرسومي وذلك لتصمم مواقع جميلة ، وانصح ببرنامج Photoshop.
  3. تتعلم التصميم المتحرك ، وذلك لإضافة مؤثرات خاصة ، وانصح ببرنامج Flash.
  4. تتعلم لغة تنسيق الصفحات ، وذلك لتتمكن من تصميم المواقع الضخمة وهي لغة css.
لقد أصبحت الآن جاهزا تماما لبدء التعلم ، يمكنك إيجاد دروس كافية ووافية حول كل هذه المواضيع في الانترنت ، توكل على الله وبالتوفيق ،،
ودمتم بود ..






__________________
مدونة وليدوف
كل ما تحتاجه لتطوير موقعك ...
.:[ www.walidov.com ]:.
walidov غير متواجد حالياً   قديم 12-11-2007, 08:00 AM
رد مع اقتباس
واحد من الناس
تاريخ التسجيل: Jun 2005-
#2 (permalink)  

مجهود تشكر عليه واسمحلي بتثبيت الموضوع ليستفيد الأخرين


تحياتي لك اخي الفاضل






ahmed-samara غير متواجد حالياً   قديم 13-11-2007, 04:39 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Aug 2007-
#3 (permalink)  

مشكور وجزاك الله خير

موضوع متعوب عليه






__________________
موقع مبرّمج - zawyte
لا إله إلا الله ,,, محمد رسول الله ,,, أستغفر الله , احفظ الله يحفظك .
www.tdwenty.com Domain Is 4 Sale | fahad1ad2 @ hotmail.com
ff5006 غير متواجد حالياً   قديم 13-11-2007, 08:33 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Oct 2005-
#4 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة ahmed-samara مشاهدة المشاركة
اسمحلي بتثبيت الموضوع ليستفيد الأخرين
أشكرك مشرفنا العزيز .. يشرفني تثبيت الموضوع ..

أخي ff5006 ..

شاكر لك مرورك الكريم ..






__________________
مدونة وليدوف
كل ما تحتاجه لتطوير موقعك ...
.:[ www.walidov.com ]:.
walidov غير متواجد حالياً   قديم 14-11-2007, 09:35 AM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: May 2007-
#5 (permalink)  

بسم الله الرحمن الرحيم
موضوع أكثر من ممتاز أخي وليدوف
جزاك الله خيراً
أميجو






__________________
سبحان الله وبحمده :: سبحان ربي العظيم
لا إله إلا أنت سبحانك :: إني كنت من الظالمين
مدونتي الصديق المصري
------------
عربيّ لخدمات الويب :: تصميم - إدارة - تطوير
أميجو غير متواجد حالياً   قديم 28-11-2007, 06:55 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#6 (permalink)  

فعلا استمتعت بالقراءة

ربط جميل ومسلي ومتناغم, بارك الله فيك أخي الكريم






غياض غير متواجد حالياً   قديم 03-12-2007, 07:35 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#7 (permalink)  

تشبيه رائع

و موضوع مفيد جدا

و الله يعطيك العافية






__________________
منتديات المكعب الترفيهي

منتدى خاص بالترفيه عن النفس من العاب و صور و الغاز و قصص ..الخ
HADI غير متواجد حالياً   قديم 09-12-2007, 08:34 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#8 (permalink)  

التشبيه راائع
تستحق عليه 10 على 10






__________________
██████████
██████████
██████████
معهد البي اتش بي العربي - منتدى متخصص في الـphp
البقعة - معرض فلاشات اناشيد وبطاقات مفتوح .
A.Y.U.C غير متواجد حالياً   قديم 09-12-2007, 10:00 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#9 (permalink)  

فعلا موضوع ممتع






mark_cool5 غير متواجد حالياً   قديم 12-12-2007, 07:51 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2007-
#10 (permalink)  

والله موضوع ممتع

شكرا






mimixo غير متواجد حالياً   قديم 17-12-2007, 01:57 AM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Apr 2008-
#11 (permalink)  

شكرا على الموضوع.






apitos غير متواجد حالياً   قديم 26-05-2008, 03:15 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jan 2008-
#12 (permalink)  

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






__________________
الدليل التجاري السياحي اليمني
www.yemenmart.com
alabsari غير متواجد حالياً   قديم 26-05-2008, 11:08 AM
رد مع اقتباس
رد


 

أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
يا أصحاب مواقع الإستضافة تعرف كيف آلية عمل مواقع البروكسي ؟؟ MaRWaN قسم تبادل خبرات الاستضافة 21 04-01-2008 07:12 AM
تعلم كيف تربح من الإنترنت مع المتحولون shababy خدمات البيع والشراء والإعلانات التجارية 0 07-08-2007 05:51 PM
** وظيفة (مصمم مواقع محترف ) - قد تكون أنت المطلوب - Nb3 Host خدمات البيع والشراء والإعلانات التجارية 4 10-03-2006 12:55 PM
مطلوب مصمم مواقع (محترف) للعمل براتب من البيت ولد العودة خدمات البيع والشراء والإعلانات التجارية 8 25-12-2005 06:28 AM


الساعة الآن: 04:53 AM بتوقيت المملكة العربية السعودية