الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   المنتدى العام (http://www.arabwebtalk.com/forumdisplay.php?f=10)
-   -   أساسيات التصميم وبناء موقعك (http://www.arabwebtalk.com/showthread.php?t=6217)

آكت نت 04-05-2005 03:17 PM

أساسيات التصميم وبناء موقعك
 
السلام عليكم ورحمه الله وبركاته

فى محاولة منا لرد جميل الويب العربى علينا كلنا
تقدمت وكتبت هذا الموضوع لأفيد إخوانى فى هذا الصرح العظيم - الويب العربى -
==================
جميع الحقوق محفوظه للويب العربى -- ويمكنك وضع رابط لها فقط فى المنتديات العربيه الأخرى ويمنع نقلها مع عدم ذكر المصدر
هذا المقال مقدم من آكت نت لخدمات التصميم
==================
فى بدايه الأمر سأتحدث عن الحاله الراهنه للإنترنت العربى
فإذا دخلت هذه الشبكه العنكبوتيه بتمعن أكثر وتوغلت بداخلها فستعجبك - أكيد - فكره المواقع وتقول لماذا لا امتلك مثل هذا او ذاك !!
سوف تقول انك عزمت على ان تفعلها وانك عن قريب سوف تمتلك موقع وبسرعه شديده سيتغلب على جوجل والياهو وهذا الأحلام التى تراود كل صاحب موقع
الا وهى الشهره
ولكن قبل هذا او ذاك
هل فكرت فى التخصص ؟
هل فكرت لماذا الياهوو متقدم ولماذا لا يوجد موقع عربى ينافسه المنافسه الحقه
نعم ... إنه التخصص .
تخصص الياهوو فى شئ لم يكن معروفاً فلقى النجاح
تخصص الويب العربى فى شئ معين فلقى النجاح
وغيرها من المواقع العربيه المهمه الكثيره
لذا فعلى كل من يريد بناء موقعه الجديد ان يفكر فى فكره جديده . على الأقل ليست منتشره
والا يفكر ابداً فى ان يكون موقعه موقع خليجى تقليدى " شات وتعارف ومنتدى وبطاقات "
هل سينجح موقعك ؟؟ هل سينجح وهو مكرر ؟؟ هل سيترك الزائر المواقع القديمه ويتفرغ لموقعك الجديد المكرر ؟؟
---
ندخل الآن إلى الشئ الثانى وهو نظرتك لموقعك .
كل منا عندما ينتهى من تصميم موقعه يقف اماه مزهولاً ويقول كيف سويت هذا . انا مبدع .. انا . وانا .. وانا
ولكن اذا نظرت لموقعك من جهه زائر
فسوف تكتشف عيوب الدنيا والدين فى موقعك .
وهذا شئ مهم جدا جدا ً فيجب ان تكون دقيقاً جدا جدا لكى يظهر موقعك بالمظهر الائق اما الزائر . فاذا اًعجب الزائر بالموقع مره . فتأكد انه سوف يتردد على موقعك مئات المرات ...
اما إذا رأى الموقع كموقع عادى لا يوجد فيةOLOR=Red]جديد او تجديد[/color] فسيسأم منه وينسى حتى إسمه.
" تذكر هذا جيداً وحاول التطبيق وقارن بين النتيجتين "
--------------
الجزأ الأهم .

إسم موقعك ... !
... لا اقصد النطاق فقط .. بلى اقصد ايضا إسم الموقع ككل فيجب ان يكون معبر عن محتواة
فمثلاً : لا يجوز شراء نطاق بإسم"الخبره فى التصميم" وأجعل موقعى من الداخل بإسم " أسامه الهادى للتصميم "
.. هل وصلتك فكرتى ؟؟
الجمل التاليه تُفصل هذا المثل الموجود أعلاة
- يجب ان يكون اسم النطاق مطابق لإسم الموقع
- يجب ان يكون المحتوى ايضاً متفق مع الإسم " يعنى لا أسوى موقع اسمه ياطرووب واجعله موقع استضافه ..!!"
- مهم : اسم النطاق والإتفاق مع الإسم اى بمعنى " اسم الموقع " جماهير نوكيا العربيه " يجب ان يكون اسم الدومين " www.gamahernokia.com كمثال وليس www.nokiaarabianfans.com او www.nokiafans.com لإن هذا اجنبى وهذا عربى يسوى تضارب عند المتصفح وعندما ينطق الموقع لأصداقه مش هيقول جماهير نوكيا .. هيقول : شفت موقع نوكيا فانز يا سامر فعلا موقع رائع .
ارجو ان تكون اتضحت الفكره
وبهذة الجمله قد نكون انهينا بعض الأساسيات فى بناء موقعك والتى يجب ان تتخذها قبل ان تُفكر .
-----------
الإستضافه .
يجب عليك ان تختار المستضيف الذى سيفيدك فيما بعد .. ودائما تطلع للمستقبل
وإياك والإستضافه المجانيه " هذا من رأيى "
وهذا موضوع كنت كتبته عن الإستضافه المجانيه مميزاتها وعيوبها
اقرأ الموضوع بتمعن شديد وتابع معى الجزأ الأهم فى هذا الموضوع
-----------------
تصميم الموقع
كلمه يجب ان نضع بأسفلها 10000000 خط
لإنها هى عنوان موقعك امام الزائر
وسنتحدث فى هذا الموضوع فى عده أقسام الا وهى :
1 - التخطيط للتصميم
2- إختيار الألوان المتناسقه
3- التصميم المُوحد
4-الصور ( وما أدراك ما الصور )
5-التنسيق
============
أولاً : التخطيط للتصميم
قبل ان تبدأ وضع ذرة فى برنامج التصميم الخاص بك
يجب ان تكون فكره التصميم كاملهً فى دماغ سعتك ( اقصد بها راسك يعنى :D )
او على الأقل تكون مرسومه على الورق بقلم رصاص ( من ابو نص جنيه :D )
أعنى بكلامى هذا أنك لا يجب ان تفتح الفوتوشوب وانت لا تملتك الفكره .. لانك ستتشتت وستتشتت معك أفكارك
وستيأس من محاولاتك فتتكاسل فى تصميم هذا الموقع :confused:
" اتبع هذه الخطوات وجرب أيضاً وستستنج النتيجه "
=============
إختيار الألوان المتناسقه
الالوان الألوان
اول ما يشد الزائر للموقع هو الألوان المتناسقه
ضع نفسك كزائر وزر مثلا موقع فيه الألوان التاليه
*
- أخضر
- بنفسجى
- برتقالى
:eek: :eek:
وموقع آخر ..
أخضر
أخضر غامق
زيتى
والأخضر الفاتح بدرجه معقوله
لن اسالك إلا اى موقع سترتاح
بل سأسأل لأى موقع سترتاح عينك ؟
أكيد الجواب الصحيح هو الموقع ذات الألوان المتناسقه او حتى المتقاربه لإنها لن تسبب اى ازعاج للعين وهى تتصفح الموقع بكل هدؤ
ولا تستخدم الألوان الفاقعه " الألوان التى تكون فاتحه بطريقه شدييده "
لإنها فعلاً ستتعب عين الزائر--- يسأم الزائر من موقعك --- تخسر عضو او زائر لموقعك
ارأيت كيف الألوان وتناسقها تلعب دوراً هاماً فى التصميم وجلب الزوار عموماً
وفى الطريق كدا :)
هذا سكربت من موقع اجنبى قام بنقله موقع بكسل وهو لمعرفه الألوان المتنساقه
وهذا هو الرابط
وهذه ايضاً صفحه مقدمه من موقع آثكو لخدمات التصميم يعرض فيها بعض الألوان المتناسقه
---
بعض الألوان المتناسقه
الأحمر الغامق - رصاصى - ابيض
أحمر، بيج، أبيض
الوردى الفاتح- وردى غامق - قليل من الأحمر الغامق.
-----------------
التصميم الموحد :
قد يكون البعض غير مدرك هذه الخاصيه او لا يفهمونها
وهذا حوار بين اثنين دخلوا على موقع فيه كل صفحه بتصميم :D " ناس فاضيه "
ملحوظه : هذا الحوار متوقع وليس حقيقى
-
نادر : هلا هلا فيك حبيبى كيفك ايش اخبار المواقع والنترنت معك
سمير : حلوووووووووة مره شفت هذا الموقع
نادر : لا والله ما شفته :rolleyes:
سمير : ياخوى ليش عم تهزر وانا لسه ما عطيتك الموقع
سمير : دش دش هذا www.123456.com
نادر : انتظر ثوانى
سمير : النت عندكوا بطئ حيييييييل
نادر : آسفين ما نوصل لعظمتك يا ملك يا صاحب السرعه الـ 65 kb
سمير : خخخخخخخخخخخخ والله حلوة منك يا حبيبى شوف الموقع والتنسيق
نادر : آآآآآه وااايد حلو ابى اشوف قسم الصور هذا
سمير ونادر يقفا مذهولان لفتره من الوقت ....
نادر : إحنا دخلنا موقع تانى ولا ايه ؟؟؟
سمير : ولا ما اعرف خوى .. ايش هذا الموقع .. اقولك تعالى نروح لها القسم الموجود بالأعلى
نادر : اوكى وهو كذلك
ايضاً فتره من الصمت ....
نادر : اغرب عن وجهى حالاً :D
سمير : والله ما كنت اعرف ان هذا الموقع كذا .. هذا لازم يسمونه خلطبييته
-----------
وهكذا ضاع زائرين .. وضاع معهم الكثير ايضاً لإن من ييعجبه موقع يحب ان ينشره
ارجو ان اكون وصلت المعلومه كامله وبدون اى تشويش
========================
وللشرح بقيه
وسيكون التحدث على
- الصور
- التنسيق
--
وفى النهايه ارجو ان اكون وُفقت فى كتابه هذا المقال او الموضوع
وارجو ان يستفيد منه كل عربى يريد ان يشرع فى بنائ موقعه على شبكه الإنترنت .


أسامه الهادى :: آكت نت لخدمات التصميم ::
تحيتى .

مشعل 04-05-2005 03:24 PM

تسلم حبيبي علي الموضوع الرائع

آكت نت 04-05-2005 03:34 PM

أشكرك على المرور

المجرات 04-05-2005 05:49 PM

موضوع رائع من انسان رائع
بالتوفيق

بالعربي 04-05-2005 06:16 PM

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

adstyle.net 04-05-2005 06:18 PM

مشكور أخوي أسامة على الموضوع



بالتوفيق

طوسي 04-05-2005 08:09 PM

موضوع اكثر من رائع ويستحق التثبيت

جنتل 04-05-2005 11:16 PM

السلام عليكم

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

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


اخوكم

Wael Hindam 05-05-2005 02:13 AM

مشكور اخوى على هذا الموضوع المفيد ان شاء الله الكل يستفيد منه

آكت نت 05-05-2005 04:29 AM

أشكركم كلكم على المرور الكريم
وانتظروا بقية الشرح.

الرائد 05-05-2005 08:16 AM

مشكور اخوى على هذا الموضوع المفيد ان شاء الله الكل يستفيد منه

الحاج متولى 06-05-2005 10:39 PM

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

آكت نت 07-05-2005 10:03 AM

الحاج متولى
اشكرك على كلامك المعسول
--
أخى الرائد
اشكرك على المرور

المروه 07-05-2005 05:21 PM

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

تحياتي
al-marwa.net

آكت نت 07-05-2005 09:49 PM

تكمله للموضوع ...
 
السلام عليكم ورحمه الله وبركاته
بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلين سيدنا محمد صلى الله عليه وسلم
--
نكمل اليوم بقيه مقالانا عن بناء المواقع واساسيات تصميمه
=======================
كنا قد توقفنا عند " الصور "
وأكرر وسأكرر " وما أدراك ما الصور "

الجميع الآن يصمم التصميم كاملاً على الفوتوشوب ثم يقطعه ويضعه كما هو على الفرنت بيدج ..
ولكنك لا تراعى ان هذه الصور تأخذ وقتأ من التحميل يجعل الزائر يسأم من الموقع وبطأه
إذا ما الحل ؟؟؟
- الحل بسيط جدا ً
على الأقل ضع Cells فى التصميم .. حتى تظهر سريعه فتجعل الزائر ينتظر
ولا انصح بتعدد الصور وكثرتها فى التصميم
وهذا شئ مهم جدا ً
اجعل استخدامك للصور محدوداً
وإياااااااااااااااااااااا ااااااااك والصور المتحركه
على الأقل واحده فقط فى كل صفحه
لأنها فعلاً من الآفات الضاره فى هذا المجال
-------------
نأتى الآن للشئ الثانى وهو التنسيق
التنسيق معناه .. وضع محتويات الموقع بشكل جميل مُنسق يسر الناظرين ويجعل موقعك سهلاً فى الإستخدام والتصفح
فمثلاً
عند وضع الأقسم ضع الأقسام الأصغر فى الحجم ثم الأكبر فالأكبر
=== مثال ===
الــقسم الاول
الــــقـــســم الثانى
الـــــقـــــــــســــــم الـــثالـث
===========
وايضاً تناسق الألوان كما ذكرنا فى البدايه
===========
ويجب ان تركز فى شئ آخر الا وهو تنسيق الكلام فى الموقع
والخطوط وهكذا .. حتى لا تتراكم جمل موقعك على بعضها فيصبح الزائر غير مدرك لما يقرأه
فيسأم من الموقع ويتركه للأبد :confused:
--
الشئ المهم جدا فى التنسيق بالأخص
هو إبداعك
وفكرتك الجديده
فكلما تفكر كلما ترق بموقعك
=======================
وإذا احتجتم لشئ فقط أسألونى فى هذا الموضوع وإن شاء الله تجدوا الجواب
وشكرا لكم .

zesty4ever 07-05-2005 11:05 PM

حقيقة تعجز الكلمات عن إعطاء هذا الموضوع حقه

نصائح يجب علينا حفظها عن ظهر قلب وتطبيقها فعلياً للإرتقاء بمستوى تصاميمنا

مما يجعلنا نطمع ونطلب المزيد من هذه الدروس القيمة

الف ألف شكر أخي آكت نت على الموضوع :)

آكت نت 08-05-2005 12:40 PM

اشكرك على كلماتك الجميله .
ومرورك على الموضوع.

yousaf__noshy 20-05-2005 11:17 PM

شرح هايل بجد تسلم علية

ياسر مصطفى 28-05-2005 10:00 AM

جزاكم الله خيرا فهذه لمحات ونستطيع أن نقول عليها نصائح

فننتظر منك الدخول فى التصميم والبرمجة وإختيار الأفكار المناسبة لموقعك


وشكرا

المستضفين العرب 28-05-2005 11:38 AM

موضوع رائع من انسان رائع
بالتوفيق


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 07:06 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012