مفكر التقنية: تصميم المواقع
‏إظهار الرسائل ذات التسميات تصميم المواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تصميم المواقع. إظهار كافة الرسائل
مواقع مجانية لتعليم برمجة مواقع الانترنت

مواقع مجانية لتعليم برمجة مواقع الانترنت

تتوفر الكثير من المواقع التي توفر محاضرات من كُبرى الجامعات العالمية.
لم يعد المستخدم بحاجة إلى الالتحاق بالدورات التعليمية بفضل وجود الكثير من المصادر التي يُمكن الاستفادة منها وفي أي تخصص يرغب به، حيث تتوفر الكثير من المواقع التي توفر محاضرات من كُبرى الجامعات العالمية.
ويُمكن للمستخدمين الراغبين بتعلم أساسيات برمجة وتكويد مواقع الإنترنت الإستفادة من بعض المصادر التي توفر دروس مجانية.
بدايةً، يُمكن تجربة موقع http://www.codeavengers.com المتخصص في تقديم دروس في تقنيات الويب مثل HTML & CSS بالإضافة إلى البرمجة باستخدام جافاسكريبت. موقع https://dash.generalassemb.ly أيضاً من المواقع المتخصصة في هذه المجالات فقط.
أخيراً، يُمكن تجربة موقع https://www.codeschool.com الذي يوفر دروس في لغات برمجة غير جافاسكريبت، فمن خلاله يُمكن تعلم روبي، jQuery أو حتى تقنيات إنشاء تطبيقات الهواتف المحمولة التي تعمل بنظام iOS.
11 قاعدة يجب اتباعها لانشاء موقع الكتروني ناجح

11 قاعدة يجب اتباعها لانشاء موقع الكتروني ناجح

website قواعد يفضّل اتباعها لإنشاء موقع إلكتروني ناجح
شبكة الانترنت تجمع 2.2 مليار شخص يقضون معظم وقتهم فيها وخصوصاً بعد دخول الهواتف الذكية والشبكات الاجتماعية، وقرار امتلاكك لموقع إلكتروني يعني أن أمامك تحدي للمنافسة وتحقيق هدف موقعك سواء كان جلب الزيارات للمحتوى او بيع منتجات، أنت أمام مستخدمين يتحركون في شبكة بناء على آراء بعضهم ومشاركتهم وتبادلهم للمعلومات ويتنقلون بسرعة من رابط إلى رابط فإن لم تعجبهم عروضك وطريقتك سينتقلون لموقع آخر في ثواني، ومن هنا سنناقش ونستعرض بعض القواعد التي يفضّل اتباعها عند إنشاء موقعك الإلكتروني:
  • جلسة العصف الذهني المكثف: خطوة حجز النطاق والمساحة ليست أول خطوة بل عليك عمل جلسات عصف ذهني مع نفسك او مع فريق العمل لديك بحيث تفكر بتفكير عملائك وتضع نفسك مكانهم ومنها تحدد أهداف الموقع وأهم النقاط التي تحقق رغبات الزوار المحتملين لموقعك، أيضا ستقوم بترتيب الأفكار وتقييمها والأهم أن لا تفكر بصفتك صاحب الموقع بل عليك التفكير بأنك مستخدم.
  • رصد للأسئلة والأجوبة: عليك إنشاء قائمة بالأسئلة (من؟ ماذا؟ أين؟ متى؟) وحاول إجابتها في أكثر من جلسة وأحياناً مع شريك لك أو صديق وسجّل أجوبتك والتي قد تتغير كل فترة، وقد تزيد وتخطر على بالك أسئلة جديدة وأنت تقود سيارتك أو تمارس الرياضة أو تكون في عملك أو مع العائلة، هنا سيكون عليك تسجيل السؤال أو الجواب مباشرة في نوته او في جوالك.
  • إنشاء خارطة الطريق للموقع: فكر في رحلة المستخدم من خلال كل صفحة وتنقلاته بين الصفحات، ستكون البداية مع كومة من الأوراق البيضاء وتضع مخطط لكل ما تريد وما ستضع في كل صفحة وهذا سيساعدك في تحديد إجابات لبعض الأسئلة مثل أين أريد الصور وطريقة عرض الشرائح وتصنيفات المنتجات وتقسيمات الموقع وهنا ستستخدم قلم الرصاص للكتابة والمسح.
  • التوجه العام للموقع: ماذا تريد من المستخدم أن يرى؟ ما الشعور أو العاطفة التى تريدها أن تنطبع على شخص ما عندما ينظر في صفحتك الرئيسية؟ هل هي حديثة؟ هل هي انفعاليه؟ هل هي هزلية وغريبة الأطوار؟ هل هي ذات طابع رسمي؟ مهما كان اختيارك، تأكد من التمسك بها وعدم الانحراف عنها كلما قمت بتوسيع موقع الانترنت الخاص بك.
  • محتوى مركز وموجّه: الكتابة للويب تختلف عن الكتابة على الورق هذه هي الحقيقة التي يجب عليك تفهمها، ولذلك إنشاء المحتوى الذي يتحدث لجمهورك ويحاول التمسك بهم وجذبهم يجب أن يكون قد كتب بعناية من خبير ومحترف في المحتوى الإلكتروني، وبإمكانك القراءة أكثر عن “الكتابة للويب” لتقوم أنت بهذه المهمة.
  • تصفح سهل وانطباع هادف: هنا مفهوم آخر يجب عليك أن تركز عليه وهو قابلية الاستخدام وهذا دور المصمم في تسهيل إيصال المستخدم للصفحات المطلوبة والتي تتمنى أن يزورها المستخدم ليتحقق هدف موقعك، وهنا سنذكرك بالانطباع الأول عند زيارة موقعك لأول مره بالتأكيد تتمنى أن يعرف الزائر مباشرة نوع موقعك والهدف منه بعد أول نظره وهنا دور المصمم أيضاّ.
  • كن مبدع و واضح: اختر خطوط وألوان واضحة لمحتوى صفحات الموقع وركز على حجم خط الجمل المهمة والتي تستهدف العميل مباشرة وتوصل له رسالة تريدها أن تصل قبل أي جملة أخرى واستخدم الصور والفيديو.
  • اجعلها قصيرة وحلوة: حاول أن لا تتعدى الفقرات في المحتوى أكثر من 50 كلمة وتكون مركزة، وهذه النقطة يعرفها خبير الكتابة للويب وستكون خبيراً بها أنت كذلك إذا قرأت فيه وتعلمت خصوصية القراءة في الويب وطبيعة مستخدمي الانترنت.
  • حقوق النشر والملكية: حتى تتميز يامتلك ما تكتبه ولا تنقله من مواقع أخرى وهذا ينطبق على الصور والفيديو، سيخدمك هذا في أمرين الأول أنك ستكون ملتزم بقوانين حقوق النشر والملكية ولن تتعدى على حقوق غيرك والأمر الآخر هو تميزك في محركات البحث لأن جوجل وغيرها من محركات البحث تحاول محاربة المواقع التي تنسخ المحتوى لذا ملكيتك للمحتوى ستزيد ثقتهم في موقعك.
  • الشبكات الاجتماعية والهواتف الذكية: بكل بساطة مستخدمي الانترنت في الفترة الأخيرة أصبحوا يقضون أكثر وقتهم في الشبكات الاجتماعية ويستخدمون أجهزة الهواتف الذكية في أغلب وقتهم أيضاً، وهنا القرار بيدك إما أن تخسر 70% من الزوار المحتملين أو تصل لهم من خلال تواجدك في الشبكات الاجتماعية وإضافة أيقونات المشاركة والتعليق في كل صفحات موقعك وتعمل على أن يتوافق موقعك مع متصفحات الهواتف الذكية.
  • توافق مع محركات البحث: البعض يهمل موضوع ظهور الموقع في محركات البحث ويؤجلها وهذا بالتأكيد خطأ كبير لأن مستخدمي الإنترنت نادراً ما يكتبون عنوان الموقع في المتصفح بل يبحثون عنه في محركات البحث حتى لو كان معروفاً لذا طبًق مفهوم الأمثلة مع محركات البحث SEO ويمكنك تعلمه أيضاً أو الاستعانه بخبير.
كيف تنشأ موقعك الالكتروني وتجني المال

كيف تنشأ موقعك الالكتروني وتجني المال

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

في اول المشوار دعنا نتعرف على لغات البرمجة الاساسية :

 1- HTML : هي لغة لبناء الموقع و هيكلته و الكثير يظن أنها لغت برمجة ، ولكنها لغة خاصة ببناء الموقع و ليست لغة برمجة و سهلة جدا يمكنك البدء في تعلمها كأول لغة تتعلمها مع تعلم HTML5 الذي هوعبارة عن إضافات وتحسينات عن HTML . ( يمكنك تعلمها في 15 يوماً ) .

 2-CSS لغة خاصة بالتصميم و التنسيق يعني حين دخولك إلى أحد المواقع تجد أنه مزين و به تأثيرات إذا مررت الماوس على كتابة يتغير اللون و ألوان تكون متناسقة وغيرها ، هذه هي وظيفة CSS و له إصدار CSS 2.0 و آخر إصدار هو CSS 3 يتميز أيضا بإضافات تغنيك عن إستعمال تصاميم الفوتوشوب داخل الموقع.
3-Javascript لغة رائعة خصوصا مع مكتبة JQUERY التي تساعدك على وضع تأثيرات رائعة مثل القاوائم المنزلقة , السلادشو , إدخال تعليقات دون تحديث الصفحة .
 4-PHP لغة برمجة يستعملها الكثير و العديد من المبرمجين و العديدمن المواقع أيضا ، هذه اللغة تعتبر الأهم في برمجة خصائص المواقع و في التعامل مع قواعد البيانات MYSQL التي يجب تعلمها أيضا . من هنا قد أكون تحدثت عن اللغات التي يجب عليك تعلمها لبدايتك في عالم البرمجة و التصميم لكن كنقطة جد مهمة لا تتعلم لغة برمجية دون وضع تطبيق لها يعني مثلا أنهيت تعلم PHP يجب أن تبرمج مشروع ب PHP وحينها إنتقل لتعلم لغات أخرى و إن كنت تريد ترسيخ الأكواد في ذهنك يجب عليك التطبيق و تكرار التطبيق حين تدرس درس معين في لغة برمجة معينة .
5- ASP كذلك هي لغة برمجة شبيه بلغة PHP ولكن الفرق هو ان لغة PHP تستضاف على سيرفرات لينكس ، اما لغة ASP فتستضاف على سيرفرات ويندوز ، ويوجد منها اصدار ASP.Net واخر اصدار ASPX .

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

اماكن الاعلانات واحجامها في مواقع الالعاب


ضع وحدة إعلانية على شكل ليدربورد مقاس 728x90 فوق قائمة الألعاب وتحتها للفت نظر المستخدم قبل قراءة القائمة وبعدها.
أضف وحدة إعلانية على شكل سكاي سكريبر عريض مقاس 160x600 أسفل شريط التنقل الجانبي. ثانيا صفحة المعلومات

ضع وحدة إعلانية على شكل مستطيل متوسط مقاس 300x250 أو مستطيل عريض مقاس 336x280 في الجزء المرئي من الصفحة، مباشرةً فوق مقدمة اللعبة وبجوار معلومات اللعبة. # أضف ليدربورد مقاس 728x90 أو مستطيل عريض مقاس 336x280 بين مقدمة اللعبة والتعليقات. ثالثا صفحة اللعب

ضع وحدة إعلانية على شكل بانر مقاس 468x60 فوق إطار اللعبة. # أضف وحدة إعلانية على شكل ليدربورد مقاس 728x90 في أسفل الصفحة. رابعا صفحة اللعبه 2

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

ضع وحدة إعلانية على شكل ليدربورد مقاس 728x90 مباشرةً فوق مقدمة اللعبة. تأكد من ترك بعض المسافة بين الإعلانات وإطار اللعبة لتفادي النقرات غير الصالحة. سادسا صفحة اللعبه 4

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

ضع وحدة إعلانية على شكل بانر مقاس 468x60 تحت أزرار اللعبة. تأكد من ترك بعض المسافة بين الإعلانات والأزرار لتفادي النقرات غير الصالحة.

اسس تصميم المواقع ج2

 

أُسُس تصميم المواقع الإلكتروني

هناك العديد من الأدوات البرمجية التي تساعدك على إيجاد مواقع الكترونية تمتاز بالوضوح والفعالية . فإذا كنت ستقوم بتصميم موقع الكتروني لأول مرة , فإنه من المفيد :
  • أن تكتسب تفهماً حول ماهية المواقع الفعالة.
  • أن تقولب مفهومك وهدفك ضمن عملية إجراءات تصميم الموقع .
  • أن تستمع وأنت تصنع موقعك الخاص بك.
هنالك ثلاثة طرق لعمل المواقع الإلكترونية:
  • نظام (Html) : إنه نظام خاص بالنص المجرد الذي يُمَكِنَك من صياغة صفحة الكترونية . وبالإمكان النظر إلى هذا النظام على أنه لغة البرمجة الخاصة بالإنترنت .
  • محرر لغة الـ (Html) : إنه يوفر الوسائل والطرق المختصرة لصياغة وتحرير صفحات الـ ( Html) خاصة بالإنترنت .
  • برنامج (Expression Web/Dreamweaver) وبرنامج (WYSIWYG) تُمكنك هذه البرامج من عمل صفحات خاصة بالإنترنت دون الحاجة إلى برنامج (Html) ويحظى برنامج الـ بميزة التشغيل المباشر على الكومبيوتر المركزي (أي لا حاجة لنقل ملفات مكتملة).
التصميم :
  • حدد جمهورك .
  • قم بتحفيز جمهورك : عاملهم باحترام ووفر فرص للتغذية الراجعة الفعالة.
  • قم بوضع أهداف للموقع تمتاز بالوضوح وقابلية القياس , أو قم بتصميم الأهداف.
  • قم بالإعتراف والتقدير تجاه ردود الأفعال , الجهود , والنجاح , وقم بتجاوز الثغرات كي يرتقي إلى مستوى التوقعات.
المحتوى أو المضمون :
  • قم بتحديد محتوى الموقع الخاص بك بشكل مكثف .
  • يجب أن تكون اللغة بسيطة ومفهومة من قبل جمهور عالمي.
  • سَهِّلْ أمام الجمهور الإطلاع على المفاهيم الهامة .
  • أدخل نصوص المحتوى في صفحات ذات خلفية بيضاء .
  • تعامل مع معلوماتك حسب أولوياتها , كما لو أنك تقوم بوضع خطوط عريضة .
وجه مسار التصفح بأسلوب:
  • بسيط.
  • واضح.
  • يقوم على خرائط للموقع تتألف من طبقات أو مستويا
  • منظم ( التفكير بطريقة الخطوط العريضة ).
الأشكال أو الصور المتداخلة:
إن تطوير الموقع يبدأ بنصه وهيكله . بعد أن يتم تطوير الهيكل الاساسي , يجب تحليل المحتوى من حيث مَنْ الذي سيستفيد من عمل التصاميم التي تقوم على الصور أو النص .
مباديء عامة :
  • قم باختيار ألوان كل من النص والخلفية على أن يكون الفرق كبير بينهما.
  • قم باختيار لوحة ألوان آمنة لاستعمال الزائر. وذلك كي تتسم بالثبات .
  • قم بتوحيد شكل وحجم حروف النص بشكل دائم ومستمر.
  • تجنب إحداث تغييرات على الألوان.
  • تجنب استعمال الحروف المائلة ( تصعب قرءاتها ) وإحداث تغييرات على الألوان , ووضع خط تحت الكلمات ( يمكن الخلط بينها وبين الوصلات Links).
  • تجنب النص المطول أكثر من اللزوم.
  • قم بتجنب استعمال الخلفيات ذات النسق الشبكي , لأن ذلك يصعب القراءة.
  •  قم بتوضيح المضمون باستعمال تصاميم وأشكال تتسم بالبساطة , الملاءمة , صغر الحجم , والثبات 
 المصدر

التخطيط لبناء موقع ناجح ج2



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

بعض المصممين سيقولون: ' نعم بالتأكيد أنا مصمم محترف، فأنا على درايه كامله بالـHTML ، و الـASP، و الفوتوشوب'.


أخي القارئ، إن كان هذا جوابك على السؤال، فرجاء حار مني أن تقوم بصفع نفسك بقوة. أما إن كان جوابك ' لا، أنا اعرف اكثر من هذه اللغات بكثير.. فأنا أتقن اتقانا كاملا كلا من الـC#، و و الـASP.NET، و ......،و.........، و.......الخ الخ'، فرجاء أحر من السابق أن تصفع نفسك بقوة اكبر من التي طلبتها بالمره الاولى. أتريد السبب؟... السبب ببساطه هو أنك لم تفهم السؤال الذي سألته، و لم تفكر فيه كما طلبت منك.



معظم مصممي مواقع الويب يعتقدون أن المعرفه بلغات البرمجه و برامج الجرافيكس، تجعل منهم مصممين محترفين للمواقع، (إن كنت تعتقد هذا أيضا فأرجو منك أن ......لا تصفع نفسك، بل ببساطه أن تقرأ هذه المقاله).



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



الخطوه الأولى -- خطوة الأسئلة:



--------------------------------------------------------------------------------


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


السؤال الأول: ما هو موضوع الموقع الذي أريد أن أبنيه؟


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



السؤال الثاني: لماذا أريد أنشاء هذا الموقع؟


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


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






السؤال الثالث: ما هي اهداف موقعي؟



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




السؤال الرابع: من هو الجمهور المتوقع لموقعك؟



يجب أن تفكر الآن بزوار موقعك، من هم؟ ما هي اعمارهم؟ ما هو جنسهم؟ ما هي جنسياتهم؟ ما هي دراستهم؟ أهو موقع يهتم بشؤون الطبخ فسيكون موجها بالتالي الى النساء المتزوجات بشكل عام؟ أم هو موقع متخصص بقصص الأطفال فيكون موجها الى شريحه الأطفال في المجتمع؟ أو أن يكون موقعا متخصصا في بعض المواضيع العلميه عاليه المستوى، فيكون مخصصا للناس الدارسين للفيزياء مثلا أو الأحياء بشكل مكثف ( حاصلين على الدكتوراه في ذلك المجال مثلا). كل هذه الأمور سوف تفيدك في مرحله التصميم و في مرحله كتابه محتوى الموقع.



هل تعبت من هذه الأسئله؟ حسنا إذهب و إغسل وجهك ببعض من الماء البارد.. ثم استنشق بعض الهواء و فكّر في أمر أخر بعيد عن الموقع.



أولا- التخطيط لكتابة محتوى الموقع:

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


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


موضوعنا هو روسيا، و كزائر لهذا الموقع، أتوقع أن أرى بعض المعلومات عن تاريخ هذه البلاد، و حاضرها، و مستقبلها، كما أظن أن معلومات عن العادات و التقاليد المتّبعه في تلك البلاد ستكون هنا أيضاً، و سأكون سعيداً إذا وجدت معلومات تتكلم عن الصناعه و الإقتصاد في تلك البلد، و عن النظام السياسي المتبع، ............. الخ. هل انتهت عندك الأفكار؟؟ لا يوجد أي مشكله، اسأل صديقك، قريبك، عمك، خالك، جارك، أي كل شخص قد يعطيك بعض الأفكار الجديده، و حاول بقدر الإمكان أن تسأل أُناس يستمتعون في موضوع موقعك، فتكون لديهم المعرفه في الأمور التي يحبون أن يجدوها إذا زارو موقعاً مثل موقعك. ومازلنا نتكلم عن موقع متخصص في روسيا، إذن، اسأل بعض الناس المهتمين بالعلاقات العربيه الروسيه، أهذا صعب؟؟ يبدو أنك ستطلب من أخاك الأصغر أن يركلك على مؤخرتك بقوة! و ذلك لإنك لم تقرأ جيداً ما كتبته في الفقره السابقه. دعني أُخبرك عزيزي بأنك إذا قمت بإجراء مقابله مع شخص كهذا، فإنك أولاً ستكسب معرفته و معرفة كل شخص من الممكن أن يدلك عليه، فتكون لديك معارف كثيره في مجال موقعك، فيسهل عليك إيجاد المعلومات الأكثر تعقيداً بالمستقبل، فأنت بالمستقبل ستبدأ – بالطبع - بتجديد موقعك، و كتابة مواضيع، و فتح أقسام جديده، فهؤلاء الناس سيكونون على إطلاع في هذا المجال، فيفيدوك كثيراً.


الآن قد أصبح لديك جدول كامل بالمصطلحات التي تريد طرحها في موقعك ..


جدول المصطلحات لـ(موقعي الروسي!) ظهر لي كالتالي:


ستالين :: المحاصيل الزراعية :: شبكة المواصلات :: العمله المحليه :: المنتجات الصناعيه

إستكشاف الفضاء :: الخطط التطويريه :: حالة الطقس :: العادات و التقاليد :: أطباق الطعام

ملاحظه: بالطبع جدولك يجب أن يكون أطول من هذا بكثير، و لكن وضعنا هذا الجدول فقط لإعطاء مثال ليس أكثر.


بالطبع أنت لن تقوم بالكتابه عن كل هذه المواضيع الآن، لذلك لا داعي ليدك أن تبدأ بالإرتجاف! فهذه المصطلحات عبارة عن مستودع للأفكار، فمتى أردت أن تقوم بعمل تحديث لموقعك، ما عليك سوى أن تأتي إلى مستودعك هذا، و تأخذ ما أردت منه. و تذكر أن هذا الجدول لن يُقفل أبداً، لذا ففي أي لحظه تعتقد أنك قد وجدت مصطلحاً جديداً من الممكن لموقعك أن يتكلم عنه، فأسرع بكتابته قبل أن تنساه!


أصبح "مستودعنا" جاهزاً الآن، فكيف ستختار المواد التي ستكتبها و تضعها في موقعك في بدايته؟ هذا الموضوع يعتمد عليك، فإذا كانت لديك بعض المعلومات الجاهزه، فإبدأ بها حاليا، أما إن لم تكن هناك أن معلومه بعد في حوزتك، و تريد أن تبدأ الآن، فما عليك سوى أن ترى المصطلحات الأسهل في جدولك، و تبدأ في الكتابه عنها، و حاول بقدر المستطاع أن تكتب عن أمور متعلقه ببعضها البعض، أي أنه لا يجوز أن تكتب عن السياسه ثم تتبعها بأطباق الطعام! بل أبدأ مثلا بالكتابة عن التجارة ثم إتبعها بالكتابة عن الصناعه ثم الزراعه ثم السياحه، فهذه جميعا مواضيع متعلقه ببعضها البعض حيث أنها تتكلم عن الإقتصاد في تلك البلاد. فيكون موقعك في بداياته مهتماً في إقتصاد روسيا. لكن ماذا بعد؟ بعد أن تغطي المجال الذي بدأت به موقعك بشكل كبير، و ترى بأنه بالمعلومات المتوفرة لديك في موقعك الآن لن تستطيع أن تقدم المزيد عليها حاليا، إذن ما عليك سوى أن تختار مصطلحا آخر، و تبدأ به، و كما تعودنا حاول أن تكون قريبا من إختصاص موقعك الحالي، فبعد أن كتبت عن الإقتصاد، ما رأيك أن تبدأ بالسياسه الآن، فالأمران متعلقان ببعضهما البعض بشكل من الأشكال، فيظل موقعك بهذه الحاله يغطي مجالاً "معينا" و لا يصبح عباره عن "سلطه".






ثانيا- كتابة محتوى الموقع:


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


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



- أحسن اختيار كلماتك:

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

- نسّق جملك بشكل مناسب:

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

- أبدع في تعبيرك:

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

أعطي دائما بعض الأمثله عن الموضوع الذي تتكلم عنه، فالكلام وحده لا يكفي، بل بالمثال يتوضح كل شيء للقارئ، و يفهم بالضبط ما تريد قوله من موضوعك.


- إبتعد سبعين ميلاً عن الخطأ في الإملاء:

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

ملاحظة: هناك أمور أخرى يجب أن تراعى عند كتابة محتوى الموقع، إن شاء الله سأكتب موضوعا كاملا عنها قريبا.


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




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


جاء الوقت لكي تغسل وجهك الآن ببعض الماء البارد، و أن تستنشق بعض الهواء و تفكر في أمر آخر بعيد عن الموقع.


ملاحظه هامه جدا: عملية التخطيط ستأخذ تقريبا 80% من الوقت المخصص لبناء الموقع، لذلك لا تتعجل، و لا تبدأ بكتابة أي شيء على أنه تخطيط لموقعك، و الا ستكون نهايه موقعك شيء أكيد، و أنت بالطبع لا تريد أن تنهي على موقعك بيدك، و الا ستكون أشبه بعمليه الإنتحار.

تصميم واجهة موقع احترافية بالفوتوشوب


السلام عليكم ورحمة الله وبركاته

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


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

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

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













بعد الأنتهاء من
تصميم واجهة الموقع نبدأ بتقطيع العمل الى قطع حتى يسهل تصفحة وحتى نستطيع عمل الوصلات للايقونات









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








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


بعد الانتهاء من اعداد الموقع هناك متطلبات:





وبواسطة هذا البرنامج تدخل المعلومات الخاصة بصفحتك وتعمل رفع الى الصفحة التي تم اعداداها
1- خدمة استضافة اما مجانية او مدفوعة. 2- بعد عمل خدمة الاستضافة سوف تحصل على معلومات الدخول لحساب موقعك. 3- استخدام برنامج رفع صفحات الانترنت مثل برنامج Ipswitch WS FTP

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



الأشعارات
هنا تقوم بوضع الأشعارات
حسناً