كيف تصنع موقع

مرحباً بك عزيزي الزائر .. كثير من متصفحي الشبكة العنكبوتية ( إنترنت ) يرغب في الحصول على موقع خاص به يضع فيه بصماته ومحتوياته بنفسه .. ولكن المشكلة التي تواجهه هي عدم وجود مواقع تشرح كيفية عمل ذلك بوضوح تام وكذلك عدم مراعاة المبتدئين جداً في هذا المجال ... وهناك مواقع توفر هذه المييزات ولكن للأسف ليست بلغتنا العربية الحبيبة . لذا ستجد المصمم العربي هنا ليمد لك يد العون من بداية إنشاء موقعك حتى انتهائه ، وكذلك سيكون معك مستقبلاً لتطويره والرقي به ، وقد راعينا في ذلك إكمال جوانب النقص في المواقع العربية الأخرى التي لها نفس الهدف ومخاطبة المبتدئين والمتقدمين معاً لكي يجد كل منكم ظالته ... وسنسعى دوماً لتحديث المعلومات وطرح كل جديد ومفيد لزوارنا الكرام بإذن الله . والآن !! هل أنت جاهز للتعلم ؟؟ إذن ابدأ معنا من هنا . أولاً : حدد موضوع موقعك وما سيحتاجه من معلومات وخامات . ثانياً : ابدأ في جمع المعلومات والملفات وكل ما يحتاجه موقعك . ثالثاً : ابدأ في تحرير النصوص التي ستضعها في موقعك بواسطة المفكرة ( Notbad ) المرفقة بويندوز واحفظها في جهازك . رابعاً : ابدأ بصنع الصور والعناوين التي ستدرجها في صفحات موقعك وذلك بواسطة أي برنامج رسم تجيد استخدامه مثل : الرسام المرفق بويندوز - فوتو شوب - بينت شوب - كورل درو - فلاش ... إلخ . خامساً : والآن أنت جاهز لبدء تصميم الصفحات ... ولكن ياترى !! ما هو البرنامج الذي ستستخدمه لتصميم صفحات الويب لموقعك ؟ - هناك العديد من البرامج التي تقوم بنفس العمل .. ولكن نحن هنا اخترنا لك برنامجاً واحداً وقمنا بشرح أهم جوانبه والتي يحتاجها المبتدئين والمتقديمن .. ولكن ماهو هذا البرنامج ؟ ولماذا اخترناه لك دون غيره من البرامج ؟ - البرنامج هو فرونت بيج 2000 ( FrontPage ) ، وسبب اختيارنا له هو أنه من عائلة ميكروسوفت أوفيس التي اعتاد الكل تقريباً على استخدامها وهذا سيسهل من استخدامه . وهو برنامج قوي تستطيع أن تصمم صفحات بمستوى احترافي بواسطته .. وهو يحظى بدعم وتطوير متواصل من الشركة . ولكن هناك ملاحظة عليه .. فهذه الإصدارة من البرنامج والإصدارات السابقة لها غير معربة .. ولكن لا تقلق !! فمع المصمم العربي لن تجد صعوبة في استخدامه بإذن الله . - وللحصول على شرح وافي لكيفية استخدام هذا البرنامج ومعرفة المزيد من أسراره  للذهاب إلى قسم الفرونت بيج ، حيث أفردنا شرحه بقسم مستقل . سادساً : بعد أن تكمل تصميم صفحات موقعك وتحفظها في جهازك يلزمك حجز مساحة في إحدى الأجهزة المتصلة بشبكة الإنترنت بشكل متواصل لكي يستطيع الزوار من تصفح موقعك من أي مكان في العالم وفي أي وقت .. وهذا الجهاز يعرف بالسيرفر أو الخادم أو المزود أو المستضيف . ولكن كيف تحجز مساحة لموقعك ؟ وماهو المبلغ الذي يلزمك لذلك ؟ - لديك خياران : إما أن تحجز مساحة مجانية لموقعك ( وذلك أفضل للمبتدئين ) أو تحجز مساحة مدفوعة ( وذلك بعد أن تقرر مدى حاجة موقعك لذلك وهو الأفضل بكل تأكيد ) . - ولكي ندلك عزيزي الزائر على أفضل العروض المجانية والمدفوعة فقد افردنا ذلك بقسم مستقل ويمكنك زيارته  وتحديد ما يناسبك . سابعاً : الآن أصبح لديك موقع مكتمل في جهازك ومساحة في الشبكة محجوزة لموقعك ... ولكن !! كيف ستقوم بنقل صفحاتك وبقية ملفاتك إلى هذه المساحة المحجوزة في الشبكة ( أي إلى الجهاز المستضيف لموقعك ) ؟ - في الحقيقة هناك عدة طرق لنقل الملفات مثل : المتصفح - برنامج الفرونت بيج - ببروتوكول ftp . ولكن الطريقة الأفضل على الإطلاق هي استخدام برنامج ftp فهو يتميز بالسرعة والمرونة ويفيد المبتدئين والمتقدمين معاً . وللحصول على شرح لطريقة استخدام هذا البرنامج ( ftp ) لنقل ملفاتك  لقراءة الدرس المفصل والموضح بالصور عن طريقة استخدامه . ثامناً : قد يتساءل البعض .. أجد في بعض المواقع مميزات لا أستطيع عملها بواسطة برنامج الفرونت بيج ، مثل : سجل الزوار - عداد الزوار - قوائم الاستفتاء - قوائم بريدية - محركات البحث ... إلخ ، فكيف استطيع الحصول عليها ؟ - نقول لك لا تقلق !! فالمصمم العربي لديه قسم مستقل باسم ( خدمات لأصحاب المواقع ) ويمكنك زيارته  لتجد الكثير من الخدمات المجانية التي تنتظر موقعك . ** وبذلك تكون قد أخذت فكرة موسعة عن تصميم المواقع وما عليك سوى البدء في التصميم والنشر على الشبكة لنشاهد موقعك الرائع !! وإذا واجهتك أي مشكلة أو صعوبة فنحن هنا لمساعدتك ويمكنك كتابة كل استفسارات ومشاكلك ا لتجد الحلول بأسرع وقت بإذن الله .

طرق نقل الملفات للشبكة

# هناك العديد من الطرق لنقل الملفات لموقعك في الشبكة وسنقوم هنا في هذا الدرس بذكرها وشرح طريقة استخدامها وإرشادك إلى الأفضل منها وهذه الطرق هي كالتالي : أ . عن طريق المتصفح :  وهي طريقة  غير فعالة في كثير من الأحوال ولا ننصح بها إلا إذا اضطررت إليها .. وطريقة استخدامها كالتالي : 1-  في لوحة التحكم الخاصة بموقعك ستجد أيقونة باسم File Manager اضغطها لتجد رابط باسم Upload file عند ضغطه ستظهر لك مجموعة من الخانات وبجوار كل منها زر استعراض . 2- املأ كل خانة من هذه الخانات أو بعضها بملف عن طريق استعراض محتويات جهازك من زر ( استعراض )  ثم اضغط على زر Upload . 3- إذا أردت الكتابة على الملفات الموجودة بموقعك أشر مربع التدقيق بجوار العبارة Overwrite existing files . 4- وأخيراً اضغط زر Upload ، وبنفس الطريقة انقل بقية الملفات . وهناك طريقة أخرى ومباشرة للنقل عبر المتصفح .. كل ما عليك هو إدخال العنوان التالي في متصفحك : ftp://user:pass@domain.com حيث : user : هو اسم امستخدم لموقعك . pass :  هي كلمة المرور لموقعك . domain.com : هو اسم نطاق موقعك مثل des4arab.com . بعد ذلك سيعرض لك المتصفح جميع محتويات موقعك وكأنك تستعرضها في جهازك .. والآن قم بعملية النسخ واللصق كما تريد .. العملية سهلة .. أليس كذلك ؟!!

ب . عن طريق برنامج الفرونت بيج : وهي أيضاً طريقة غير فعالة ولا ننصح بها . ولكن هناك الكثير من الزوار يطلب توضيح طريقة استخدامها وعلى كل حال فهي كالتالي : 1- افتح قائمة File واضغط على Publish Web . 2- اكتب في الأعلى عنوان موقعك كاملاً ، وإن أردت إرسال الصفحات لمجلد معين فاكتب أيضا اسم هذا المجلد مثل http://www.des4arab.com/images . 3- اضغط زر Publish في الأسفل . 4- سيفتح مربع ، اكتب فيه اسم المستخدم وكلمة المرور الخاصة بموقعك ثم اضغط OK .

ج . عن طريق برنامج ftp : وإليك عزيزي الزائر هذه النبذة حول البرنامج : * ماذا تعني الحروف FTP ؟ FTP : هي اختصار لـ ( File Transfer Protocol ) وتعني بروتوكول نقل الملفات، وهذه الخدمة هي إحدى تسهيلات TCP/IP التي تجعل من الممكن نقل الملفات بين الكمبيوترات على الشبكة . * ما هي مميزات الاف تي بي FTP ؟ من ميزات FTP الرائعة أنه يقوم بترجمة أنساق الملفات النصية بطريقة أتوماتيكية حيث أن الكمبيوترات تحتوي نظم تشغيل مختلفة وعليه فلديها أنساق Formats مختلفة للملفات النصية فبالتالي تحتاج لترجمة وهو ما يقوم به FTP, وبهذه الخدمة يمكنك بنقرات بسيطة نقل ملفات بين جهاز كمبيوتر يبعد عنك آلاف الكيلومترات وجهازك . أقسام نقل الملفات: * نقل الملفات ينقسم الى قسمين: 1- تنزيل الملفات Download : وهو جلب الملفات من الكمبيوتر المضيف Host الى الجهاز المحلي Local. 2- إرسال الملفات Upload : وهو إرسال الملفات من الكمبيوتر المحلي Local الى الكمبيوتر المضيف Host. * ومن الناحية الأمنية فهناك طريقتان لنقل الملفات: 1- نقل مؤمن Secure FTP : وفي هذه الطريقة تحتاج الى اسم مستخدم وكلمة مرور للدخول الى النظام وتحصل عليه من مدير النظام المضيف ، أي عند حصولك على مساحة في أحد الخادمات التي تدعم هذا النوع من النقل . 2- نقل مجهول Anonymous FTP: وفي هذه الطريقة لا تحتاج الى اسم مستخدم وكلمة مرور للدخول وتستطيع غالباً استخدام guest أو anonymous عوضاً عنهما. * FTP والفيروسات: يجب أن تعلم في البداية أن الملفات والبرامج تنقسم الى قسمين: ASCII : اوهذه العبارة ختصاراً لـ American Standard Code for Information Interchange : والملفات من هذا النوع تحتوي على سبعة جزيئات bits تتراوح قيمتها بين الصفر و 127. ويستخدم هذا المصطلح للتعبير عن المعيار الذي يقوم بتحويل الأحرف إلى أرقام في الكمبيوتر. وتستخدم الملفات النصية هذا النوع من الصيغ. Binary : وهذه العبارة تعني الملفات ذات النظام الثنائي وتحتوي على ثمانية جزيئات bits تتراوح بين الصفر و 255 وتندرج الصور والبرامج والملفات المضغوطة تحت هذا النوع. والفيروسات لا يمكن أن تنتقل عبر ملفات ASCII كما لايمكن أن تنتقل عبر الصور كصيغ jpg & gif & bmp وغيرها من امتدادات الصور ولا عبر ملفات الفيديو والصوت مثل avi - ram -mpg - mp3 wav وغيرها، وبمعنى آخر فإنها تنتقل عبر البرامج وملفات النظام والتشغيل والبرامج المضغوطة وعادة ما تكون: exe - com - bat - dll - drv - sys - bin - ovl - zip - mim - uue - xxe - b64 - bhx، كما يمكن أن تنتقل فيروسات الماكرو عبر تطبيقات MS Office، لذلك احذر من هذه الملفات وافحصها دائماً قبل تشغيلها. ** كل ما تقدم عن ftp هو عبارة عن نبذة مبسطة قد لا تفيدك كثيراً كمبتديء .. ولكن ما يهمك هو الحصول على هذا البرنامج ومعرفة طريقة استخدامه ... حسناً لقد أفردنا ذلك بدرس مستقل وموضح بالصور لتسهيل الأمر عليك كثيراً ..

شرح برنامج ftp لنقل الملفا

*نقل الملفات بواسطة بروتوكول نقل الملفات ( ftp ) : هناك العديد من برامج ال ftp ، والبرنامج الذي سنقوم بشرحه هنا هو WS_ftp pro الذي يستخدمه العديد من أصحاب المواقع وهو برنامج مجاني يمكنك الحصول نسخة كاملة منه بالضغط هنا .

# طريقة استخدام البرنامج : 1- افتح البرنامج سيظهر لديك الشكل التالي :

2- اضغط كما في الصورة أعلى سيظهر لك الشكل التالي :

3- اكتب كما في الصورة أعلى مع مراعاة اختلاف المستضيف من موقع لآخر ... ثم اضغط Finish سيظهر الشكل التالي :

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

5- أشر بالماوس على موقعك ثم اضغط Connect سيظهر التالي :

انتظر حتى يتم الاتصال بالشركة وتفتح الخانة رقم ( 2 ) الخاصة بموقعك على الشبكة .. وفيما يلي شرح لأهم استخدامات البرنامج .. اتبعها ستجد أنه يعمل بكل سهولة : ( 1 ) : لاستعراض ملفات جهازك . ( 2 ) : لاستعراض ملفاتك في الشبكة . ( 3 ) : لنقل ملفاتك من الجهاز إلى الشبكة " upload " . ( 4 ) : لنقل الملفات من الشبكة إلى الجهاز " Download " . ( 5 ) : نقر السهم الأخضر نقرة مزدوجة للاستعراض لأعلى . ( 6 ) : لتغيير المجلد . ( 7 ) : لإنشاء مجلد جديد . ( 8 ) : استعراض HTML للصفحة المؤشر عليها . ( 9 ) : لإعادة تسمية الملف أو المجلد . ( 10 ) : عندما تكون متصل تظهر كلمة close وهي لقطع اتصالك بالشركة . ( 11 ) : للخروج من البرنامج أي " إغلاق " . ** ملاحظة ** جميع الأزرار في المنطقة B لها نفس عمل الأزرار في المنطقة A باختلاف أنها خاصة بملفاتك بالشبكة .

نصائح وإرشادات لأصحاب الموا)
(

هذه مجموعة من النصائح والإرشادات لأصحاب المواقع والتي والتي نرجوا أن تحقق لك الفائدة

أولاً : ما قبل البدء بالتصميم :

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

ثانياً : عند البدء بالتصميم :

1-  استخدم فقط الخطوط الأساسية للنظام عند تحرير صفحات موقعك حتى يمكن قراءتها بوضوح من الأجهزة الأخرى . 2- لا تستخدم الألوان المشعة والمتعبة للنظر ، واجعل النصوص بخطوط واضحة وألوان بارزة . 3- لا تكثر من استخدام الجافا سيكربت والأنفي جافا . 4- لا تكثر من استخدام الصور في الصفحة الواحدة ، وقلل حجم الصورة إلى أقل قدر ممكن من غير تشويه لمظهرها . 5- ابتعد قدر الإمكان عن استخدام الإطارات ( الفريمات ) . 6- ركز في موقعك على الكيف لا على الكم ، واجعله اكثر تخصصاً خاصة إذا كنت وحدك من يتولى إنشاؤه . 7- إذا صممت موقعك بتقنية فلاش فاجعل منه نسخة أخرى بتقنية HTML . 8- اجعل موقعك ينفرد في معظمه بمحتويات يتعذر وجودها في مواقع أخرى . 9- إذا كان الموضوع طويلاً حاول تقسيمه إلى عده صفحات حتى يسهل تصفحه . 10- إذا نسخت أو اقتبست موضوع من موقع أو مجلة أو جريدة أو غيرها فقم بالإشارة إلى المصدر حتى تُكسب موقعك احترام الزوار . وإذا قمت بالتعديل فيه فأضف إلى المصدر عبارة ( بتصرف ) .

ثالثاً : ما قبل النشر :

1- اعرض الموقع على عينة من أصدقائك ومن تثق برأيهم ، وخذ آراءهم ثم عدّل حسب اقتراحات العينة ، ثم اعرضه عليهم قبل الطرح النهائي . 2- اجعل عنوان موقعك قصير قدر الإمكان ويدل على محتواه حتى يسهل على الزائر تذكره .

رابعاً : مراحل ما بعد التصميم والنشر :

1- وفر خدمة البحث في موقعك فهي خدمة أساسية يحتاجها الكثيرون للبحث عن شيء محدد . 2- أرسل موقعك لمحركات البحث العالمية باستمرار ليظهر موقعك في أول نتائج البحث . 3- أضف موقعك لأدلة المواقع العربية وهي كثيرة ويستخدمها الكثير من طالبي المواقع العربية . 4- قم بتبادل الروابط ( الوصلات ) مع المواقع الأخرى فهذا يزيد مركزك في محرك البحث العالمي Google ، وهو ما يسمى Link Farm . فإيصالك بنا يرفع اسهمنا معاً ، والعكس صحيح . 5- وفر خدمة ( أخبر صديقك ) بالموقع ليخبر الزوار غيرهم عن الموقع . 6- ضع رابط لموقعك في كل بريد ترسله . 7- صمم صفحة ( اربط بنا ) وضع فيها بانرات لموقعك وبمقاسات متعددة  ليضعها الآخرون في مواقعهم . 8- حاول جمع أكبر عدد من البريد الإلكتروني عن طريق وضع ( قائمة بريدية ) بالموقع لكي تكون على اتصال دائم بزوار موقعك ، وبهذا لن تخسر الزائر بعد خروجه . 9- لا تترك رسالة استفسار أكثر من يومين بدون رد ولتجنب ذلك جزئياً قم بعمل رد آلي لبريد موقعك . 10- تابع مجريات الموقع من عدد زيارات ، شكاوي ، مقترحات ، وخلافه . 11- جدد محتويات موقعك باستمرار وأضف  إليه كل جديد ومفيد . 12- حاول أن تجرب أي تغييرات وترى مدى تأثيرها على الزوار . 13- إذا كان هدفك تجاري فلا تستعجل الكسب أبداً .