الثلاثاء، 17 أبريل 2012

الأسس التي يجب الإعتماد عليها عند تصميم مواقع الانترنت

هناك العديد من الأدوات البرمجية التي تساعدك على إيجاد مواقع الكترونية تمتاز بالوضوح والفعالية . فإذا كنت ستقوم بتصميم موقع الكتروني لأول مرة , فإنه من المفيد :

أن تكتسب تفهماً حول ماهية المواقع الفعالة.
أن تقولب مفهومك وهدفك ضمن عملية إجراءات تصميم الموقع .
أن تستمع وأنت تصنع موقعك الخاص بك.

هنالك ثلاثة طرق لعمل المواقع الإلكترونية:

نظام (Html) : إنه نظام خاص بالنص المجرد الذي يُمَكِنَك من صياغة صفحة الكترونية . وبالإمكان النظر إلى هذا النظام على أنه لغة البرمجة الخاصة بالإنترنت .
محرر لغة الـ (Html) : إنه يوفر الوسائل والطرق المختصرة لصياغة وتحرير صفحات الـ ( Html) خاصة بالإنترنت .
برنامج (FrontPage) وبرنامج (WYSIWYG) تُمكنك هذه البرامج من عمل صفحات خاصة بالإنترنت دون الحاجة إلى برنامج (Html) ويحظى برنامج الـ (FrontPage) بميزة التشغيل المباشر على الكومبيوتر المركزي (أي لا حاجة لنقل ملفات مكتملة).

التصميم :

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

المحتوى أو المضمون :

قم بتحديد محتوى الموقع الخاص بك بشكل مكثف .
يجب أن تكون اللغة بسيطة ومفهومة من قبل جمهور عالمي.
سَهِّلْ أمام الجمهور الإطلاع على المفاهيم الهامة .
أدخل نصوص المحتوى في صفحات ذات خلفية بيضاء .
تعامل مع معلوماتك حسب أولوياتها , كما لو أنك تقوم بوضع خطوط عريضة .

وجه مسار التصفح بأسلوب:

بسيط.
واضح.
يقوم على خرائط للموقع تتألف من طبقات أو مستويا
منظم ( التفكير بطريقة الخطوط العريضة ).

الأشكال أو الصور المتداخلة:

إن تطوير الموقع يبدأ بنصه وهيكله . بعد أن يتم تطوير الهيكل الاساسي , يجب تحليل المحتوى من حيث مَنْ الذي سيستفيد من عمل التصاميم التي تقوم على الصور أو النص .

مباديء عامة :

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

نصائح بسيطة من اجل تصميم موقع ناجح على الانترنت

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

إن ما يلي يوضح سبب ضرورة التصميم الناجح والمرن على الشبكة الإلكترونية ,وكذلك السبب الذي من أجله تم صنع هذا الدليل.

أجب عن عدد من الأسئلة الأساسية بهدف التركيز:

من سيقوم بزيارة موقعي الإلكتروني ! … ولماذا ؟

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

قم بتشكيل / تصميم / صفحة قياسية أساسية للموقع الإلكتروني:

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

ضع في اعتبارك الحيِّز الحقيقي للشاشة. ضع المعلومات الأكثر أهمية إلى أعلى يسار الشاشة .

قم بتسهيل الإطلاع: لا تفترض حلول بخصوص الشاشة أو تفترض حجمها.

إن غالبية المشاهدين ( حوالي 75%) يقومون أولاً بالإطلاع على النص والقوائم للحصول على المعلومات ( ويقومون بتجاهل الصور) . قم بالتقليل من التفاصيل والعناوين الفرعية في الصفحة الأساسية , ( أقل من 20% يقومون بالقراءة التفصيلية كلمة كلمة ).

اجعل العرض والتصفح عادياً من حيث المقاييس:

قم بوضع الشعارات , القوائم , والصفات في مواقع ثابتة وبالإمكان توقعها.

قم باستعمال (وصلة العودة إلى أعلى) في نهاية الصفحات الطويلة .

بشكل بديهي قم بتسمية الروابط / الوصلات حسب المضمون والـ (URL) الخاص بالصفحة . قلل من وجود المساحة البيضاء على صفحات القائمة الأساسية. إن هذه المسألة تسلسل وتسهّل عملية البحث.

قم ببناء المضمون من خلال صفحات متصلة.

إن الصفحات الموصولة يجب أن تكون ثلاثة أو أقل ضمن الموقع. ويجب دائماً أن يعرف الزائرون أين هم على الموقع ( أين يتواجدون على موقعك) , وأن يكونوا قادرين على الرجوع أو نقطة البداية .

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

لا تملأ الشاشة بالنص : اي اجعل أجزاء النص تقع في الوسط وأن تكون محاطة بحاشية يسري وحاشية يمنى ومقسمة إلى أعمدة .

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

ومن أجل أكبر قدر من سهولة الوصول , فإن حجم الحروف يجب أن يكون ملائماً بكشل نسبي , بدلاً من أن يكون ثابتاً أو مطلقاً في حالة الثبات.

فإن أصغر حجم للحروف يجب أن يكون 10 ( PC) أو 12( Macitosh) أومتوسط أو ” 3″.

قم باستعمال حجم كبير من الحروف في المواقع التي تخاطب الأطفال الصغار وكبار السن.

لقد أظهرت الأبحاث وجود اختلاف بسيط من حيث سرعة القراءة أو مسألة التفضيل عند استخدام أحجام وبنوط مختلفة .

قم باستعمال نوع واحد من البنوط لتوضيح , الاتجاهات والتجوال , وقم باستعمال بنطاً آخر للمضمون . لا تقم باستعمال أكثر من نوعين من

البنوط ضمن نفس الموقع.

تجنب أنواع الحروف ذات الأشكال ( الملونة , التي تظهر وتختفي , التي تبدو وكأنها انفلتت من لفافة ) ففي أغلب الأحيان هذه الحروف لا تحقق

عرضاً مناسباً, أو أنها تعتبر مزعجة.

استعمل الألوان بحكمة :

إما أن تقوم بتحديد نوعية كل الألوان أو لا تفعل ذلك مع أي منها .

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

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

تجنب الخلفيات التي تؤثر سلباً على وضوح النص.

استعمل لوحة ألوان آمنة للمتصفح وتتألف من 216 لوناً. إن هذه الألوان تتسم بالمقاييس المألوفة لجميع المتصفحين .

الصور:

إن الصور يجب أن لا تتجاوز 75 وحدة من وحدات تشكيل الصورة للبوصة الواحدة (Pixels) . إن هذا هو الحد الذي بالإمكان توصيله عبر الإنترنت . أما ما يزيد عن ذلك فسوف يؤدي إلى تبطيء عملية التنزيل على الجهاز, دون أي زيادة على مدى الرؤية.

قم باستعمال ملفات الـ ( JPG) وذلك للصور الفوتوغرافية ومن مثل تلك التي تحتوي على ألوان مظللة . في حين قم باستعمال ملفات ( gif) للصور مثل الأشكال ذات المجالات الملونة الواسعة والثابتة .

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

تجنب عرض الصور على أنها وصلات . أما إذا كان ذلك ضرورياً , فإن النص البديل يجب أن يصف محتوى الصفحة الموصلة .

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

تجنب استعمال الصور الشفافة أو الصور ذات الـ ( Gif) المؤلفة من وحدة واحدة ملونة من الأجزاء التي تتكون منها الصورة على الشاشة دون وجود سبب جيد لعمل ذلك. إن بعض الناس يقومون باستعمال هذه الوسائل كحشوات للوصول إلى شكل ترتيب الصفحة . ينتج عن ذلك أنهم يعملون صفحات لا يمكن استعمالها من قبل الزائرين الذين يتجولون وهم يغلقون برنامج تنزيل الصور.

قم باستعمال القوائم كي تشكل عرضاً أو تصميماً , ولكن :

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

تجنب وضع القوائم مع الفقرات أو خلطها مع النصوص .

تجنب السطور المتعددة من النص في خلايا عبر الصفوف بقراءة السطر العلوي عبر الصف الأفقي , قبل أن تتوجه إلى السطر الثاني الذي يقع في الأسفل منه.

الوصلات:

كن جيداً في الوصف قدر الإمكان عندما تقوم بوصف مضمون وصلة ما.

قم بترك فراغ ثم ضع إشارة العمود ثم فراغ , وذلك للفصل ما بين الوصلات التي تأتي بشكل متتالي.

لا تستعمل عبارات مثل “اضغط هنا” , “أدخل”.

تجنب الصور المستعملة كوصلات , فمن الصعب من ناحية الإبصار الإنتباه إلى كونها وصلات.

تجنب أسلوب الإنسياب المستمر (Roll Over) للقوائم النازلة من الأعلى إلى الأسفل, إذ أنه من الصعب من ناحية الإبصار معرفة ما إذا كانت هذه القوائم تحتوي على وصلات . كما أنه من الصعب تقديم وصف كافٍ لمحتويات الوصلات.

تجنّب:

البراويز أو قم باستعمال بديل ليس له إطار.

برمجة الجافا (Java) والفلاش (Flash) حيث كان ممكناً.

الأشكال التي ليس لها فائدة حيث إنها تشد الانتباه بعيداً عن المضمون.

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

النص المطول الذي يبدو على الشاشة وكأنه انفلت من لفافة .

شاهد الصفحات الخاصة بك:

مستعملات ترتيبات برمجة تقوم على أساس الأبيض والأسود وذلك للتأكد من إمكانية وصول ذوي مشكلة عمى الألوان.

إلغاء الصور , للتأكد من إمكانية وصول ذوي المشاكل البصرية , وكذلك إمكانية وصول التكنولوجيات الخالية من الصور.

قم بالمشاهدة بواسطة بدائل من وسائل التجوال (Linux , Macintosh , PC… الخ)

قم بالمشاهدة بواسطة بدائل من وسائل التجوال (Internet Explorer , Netscape , Opera , Linux).

قم بالمشاهدة بواسطة بدائل من أحجام النص والـ (Windows).

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

الاستعداد لنشر موقع الويب الخاص بك :

يوجد العديد من الطرق من أجل نشر مواقع الانترنت منها عن طريق فرونت بيج ومنها عن طريق file manager وأيضاً منها عن طريق برنامج ws_ftp .

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

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

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

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

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


كيفية نشر موقعك على خادم الويب :

1- حدد وافتح موقع الويب الذي تريد نشره .

2- من قائمة File اختر أمر publish Web لتفتح مربع حوار publish Web

3- في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي ستنشر عليه موقعك . تستطيع أن تحدد في هذا المربع بروتوكول HTTP أو FTP . إذا كنت – على سبيل المثال – ستنشر على أحد أجهزة خادم الويب في مجال itQanbs.com ، فلك أن تكتب عنوان URL بهذا الشكل http://www.itqanbs.com او ftp://ftp. itqanbs.com طبعاً حتى تكتب http يجب أن يكون الخادم عندك يدعم فرونت بيج أما إذا لم يكن يدعم فرونت بيج فاستخدم ftp .

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

4- انقر زر publish لتبدأ إرسال موقعك إلى الخادم .

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

6- سوف يظهر عند الانتهاء وصلة لمعاينة الموقع الذي تم نشره ، انقر ارتباط published web site .

7- انقر زر Done لإغلاق مربع حوار publish web

مهام إدارة موقع الويب :

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

تأكد من أن الموقع الذي تريد تحديثه قد تم فتحه.
من قائمة File ، اختر أمر publish web لتفتح مربع حوار publish web.
في مربع نص Enter publish destination ، اكتب عنوان URL الخاص بخادم الويب الذي نشرت عليه موقعك. تأكد بعد ذلك من تحديد مربع العلامة publish changed pages only .
انقر زر publish لبدء إرسال الصفحات الجديدة و/ أو المحدثة إلى الخادم. يتمتع فرونت بيج بذكاء يجعله يقارن بين موقع الويب المنشور وبين الموقع الموجود على جهازك ، ثم يقوم بإرسال الصفحات الجديدة أو التي طرأ عليها أي تغييرات فقط .

الحصول على تقارير عن موقع الويب

افتح موقع الويب الذي تريد أن تحصل على تقرير عنه .
فتح شريط view ، انقر رمز reports سيظهر بعد ثوان على الشاشة تقرير يضم معلومات عن الموقع الذي فتحته .

هل تتمنى ان تصبح مصمم مواقع .. اقرأ هذه النصائح جيدا

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

ما هو المطلوب مني أن أعرفه لكي أصبح مصمم ويب ذو مستوى مهني

1 – ذوق عالي ( تكتسبه مع الوقت ومع الكثير من مشاهدة أعمال المحترفين كما سأوضح لاحقا )
2 – معرفة ببرنامج فوتوشوب ( أساسي ) ( يمكنك أن ستتخدم جيمب لو كنت تستطيع أن تصل لنفس النتائج )
3 – معرفة ببرنامج إليستراتور ( إختياري )
4 – معرفة بلغات وصف الصفحات HTML & CSS ( أساسي )
5 – معرفة ببرنامج دريم ويفر ( يفضل بقوة لكن ليس أساسيا )
6 - لا تستخدم فرونت بيج !!!

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

حسنا .. هذا ما تريد أن تتعلمه .. إذن كيف تتعلمه .. ؟

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

1 - الذوق العالي .. كيف تصبح ذا ذوق عالي في التصميم ..

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

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

بالنسبة للمواقع التي يجب عليك مشاهدتها يوميا

www.faveup.com
www.designsnack.com
www.thefwa.com

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

أنصحك بهذا الموقع

www.fwatheater.com

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

2 – تعليم فوتوشوب

- بالنسبة للفوتوشوب ستجد عشرات المصادر لتعلم أساسياته وأدواته التي يجب أن تعرفها بغض النظر إن كنت ستستخدم فوتوشوب في الويب ديزاين أو في أعمال الطباعة أو البوست برودكشن أو في الطبيخ حتى !

لذا سأضع أفضل مصادر تعليمية لاستخدام فوتوشوب في الويب ديزاين خصوصا ( من وجهة نظري )

- أسطوانة توتال تراينينج
http://www.totaltraining.com/prod/ou…sitedesign.asp
لن تجد أفضل منها .. أنصحك لا تشتت نفسك بين عشرات الإسطوانات .. تكفيك هذه لتبدأ ..

- طبعا هناك الكثير من المواقع التعليمية .. فقط قل لجوجل web design tutorials

3 – إليستراتور
لا أستخدمه تقريبا .. ابحث في جوجل ستجد الكثير .. هناك إسطوانة لليندا تبدو جيدة
ها هي
http://www.lynda.com/home/DisplayCourse.aspx?lpk2=748

4 – معرفة بلغات وصف الصفحات HTML & CSS

- إسطوانة ليندا في الـ html جيدة
http://www.lynda.com/home/DisplayCourse.aspx?lpk2=33

- وهذه أكثر تخصص للــ css
http://www.lynda.com/home/DisplayCourse.aspx?lpk2=216

5 - معرفة ببرنامج دريم ويفر ( يفضل بقوة لكن ليس أساسيا )

- إسطوانة توتال تراينينج
http://www.totaltraining.com/prod/ad…vercs4_ess.asp

عامة .. توتال تراينينج أفضل من ليندا في كم المعلومات الموجودة في أسطوانة معينة ..

نصائح عامة

- لا تشتت نفسك بين أكثر من كتاب أو أكثر من إسطوانة .. أختر مصدر واحد ولا تنظر في أخر إلا بعد الإنتهاء مما بدأت به حتى لو أكتشفت أن الاخر أفضل ..

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

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

- قد يكون لك ستايل محبب في التصميم .. هذا ليس عيبا .. لكن العيب هو أن تقع أسير هذا الإستايل ولا تعرف تصميم غيره .. أنا شخصيا أحب ستايل الــ Hi-Tec لكن تخيل أن شاعر طلب مني تصميم موقع له .. وقتها الإستايل المحبب لي لن ينفع مع موقع شاعر .. وكما قلت .. قد يكون المطلوب موقع لقناة كارتون للأطفال أو موقع لشركة بترول .. وإن كان الأطفال يحبون الألوان المبهجة والورود وما إلى ذلك .. فصاحب شركة البترول لن يرحب كثيرا بموقع مليء بالفراشات والورود والقلوب الحمراء إن كنت تفهم ما أعنيه !!

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

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

اذا كنت مصمم مواقع .. كيف تختار الألوان؟

الألوان

هي من أهم الأشياء في التصميم وهي ما يمكن أن تشكل فرقاً بين التصميم الجيد والتصميم السيئ ،

وبين التصميم الجميل والتصميم القبيح . وبدون الاستعمال الجيد للألوان ، تصميمك لن يؤثر عليك كما كنت

تتوقع .

الألوان الدافئة والألوان الباردة :

في العادة الألوان الدافئة والباردة صعبة الفهم ،

لذا فاتبع هذا الدليل لكي لا تصادفك أي مشكلة مستقبلاً .

الألوان الدافئة :

الألوان مثل الاحمر، البرتقالي، الاصفر

تعتبر من الألوان الدافئة . وبالتحديد ، ممكن ان نقول بأن الألوان الدافئة هي الألوان التي نراها عادةً في النار .

الألوان الدافئة تستعمل عادةً لإظهار الإبتهاج . الشعارات والصور التي تستعمل العديد من الألوان الدافئة

تستعمل لتوصيل الغضب ،

الكره ، الحقد .

الألوان الباردة:

الألوان مثل الاخضر، الازرق، البنفسجي

تعتبر من الالوان الباردة . وبالتحديد ، ممكن ان نقول بأن الألوان الباردة هي الألوان التي نراها

عادةً في الطبيعة (الماء ، النباتات ، الخ) .

الألوان الباردة تستعمل عادةً لإظهار الهدوء ، النشاطات الهادئة .

تستعمل المستشفيات اللون الازرق المخضر ، مدموجان مع بعضهما

البعض على الجدران ، وذلك لإبقاء المرضى بأعلى درجة من الهدوء .

الألوان الرئيسية :

ماهي الألوان الرئيسية ؟

في الحقيقة إنها ثلاثة الوان والتي ممكن ان تستعمل لصنع كل الألوان الأخرى التي عرفها الإنسان .

الاحمر و الازرق والاصفر ، هي الالوان

الرئيسية .

عندما يمزج الاحمر بـ الاصفر ، تحصل على

البرتقالي .



وعندما يمزج الازرق بالـالاصفر ، تحصل على الاخضر .

وعندما يمزج الاحمر بالـ الازرق ، تحصل على البنفسجي .

تستعمل الألوان الرئيسية بكثرة:

في مطاعم الوجبات السريعة .

معظم شعارات مطاعم الوجبات السريعة

تستعمل الازرق ، الاحمر ، الاصفر لإقناع الزبون بسرعتهم .

كما انهم يجملون مداخل مطاعمهم بالألوان الأساسية لكي يمنعوا الزوار من البقاء .

يريدون الزائر أن يأتي ويطلب الطعام ، ويأكله بسرعة ، ثم بذهب .

الألوان الفرعية :

ماهي الألوان الفرعية ؟

الألوان الفرعية هي الألوان التي تحصل عليها عندما يتم دمج لونين من الألوان الأساسية بقيّم متساوية .

البرتقالي ، و الاخضر ، و البنفسجي تعتبر من الألوان الفرعية .



الألوان المتقابلة :

ماهي الألوان المتقابلة ؟

في الحقيقة ، إنهم ببساطة الألوان الموجودة على الطرف الآخر من عجلة الألوان (انظر لعجلة الألوان في الاعلى).

كما تلاحظ في عجلة الإطارات بالأعلى ، وبتطبيق قاعدة الألوان المتقابلة ،

فإن الازرق متناسق مع البرتقالي ، الاحمرو متنساق مع الاخضر ، و الاصفر

متناسق مع البنفسجي .

الألوان النصفية:



الألوان النصفية

ماهي إلا الألوان الموجودة بين لونين في عجلة الألوان .

الألوان مثل البرتقالي المحمر و الاصفر

المخضر تعتبر من الألوان النصفية .

إذن ماهو الإختيار المناسب؟

إذا كنت تحاول أن تختار لون معين لكي يتناسب مع لون اخر ، فالأمر بسيط جداً ،

إليك هذه القاعدة البسيطة : كل لون يتناسق مع مجموعته .

تتناسق الألوان الدافئة مع الألوان الدافئة الاخرى ،

وتتناسق الألوان الباردة مع الألوان الباردة الاخرى .

كما يمكنك وبكل بساطة ، اختيار اي لون من عجلة الألوان ، ثم استعمل اللون الموجود بجانبه ،

سوف تلاحظ أنهم متناسقين . فالازرق يتناسق تناسق جميل مع الاخضر

وهذه بعض النصائح المفيده

اولا:

تجد أن بعض المصممين عندما يصمم مثلا

تصميم عن تهنئة شخص أو ما شبهه يستخدم ألون كئيبة وقاتمة

كالأسود والكحلي ودرجاته والعكس صحيح كأن تصمم تصميم

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

ثانيا :

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

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

درجاتها كالأحمر والبرتقالي ، والسماوي والأزرق ، البنفسجي والوردي وغيرها .

ثالثا :

حاول ألا أن تكثر من الألوان المستخدمة في موقعك أو تصميمك فللأسف تجد

أن بعض المواقع عندما تزورها تتمنى أن تكون مصاباً بعمى ألوان من

شدة ما تراه من اختلاط الألوان وبشاعتها !!

رابعا : إذا وجدت لون أعجبك في تصميم ما لابئس أن تقوم

بإستخدمه وذلك عن طريق أداة الشفاطة ( eyedropper )

الموجودة في اغلب برامج الجرافيكس .



خامسا : حاول أن تختار ألوانك من عجلة الألوان التالية :

سادسا :

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

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

في اغلب التصاميم وتظهر بشكل متناسق ..

سابعا :

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

للتصميم فكما هو معلوم يوجد لجميع الألوان درجات متفاوفته ****

مثلا اللون البرتقالي له عدة درجات منها ما يميل إلى

اللون الأحمر ومنها ما يميل إلى اللون الأصفر ( لاحظ الصورة )

ثامنا :

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

نظرية الالوان

عجلة الألون الأساسية التي تراها بالأعلى، اعتدنا عليها في المدارس من الابتدائية

وحتى الجامعية؛ وتعتبر عجلة اللون الأساسية التي يعتمد عليها أكثر الفنانين

لاختيار أفكارهم اللونية..

يتضمن تركيب عجلة الألون الأساسية ؛

ثلاثة ألوان رئيسية: الأحمر، الأصفر ، الأزرق..

الألوان البينية موضحة بالصورة..

نظريا؛ خلط أي من هذه الألوان ينتج لك لون ثانوي..

نستطيع الاستنتاج أن الألوان الرئيسية هذه تعتبر “الأصفى” عادة..

ولو أن هناك اختلافاً بينهم..

مثلا: الأصفر يبدو ألمع من الأحمر الذي يبدو هو ألمع من الأزرق..!

جوهر الألوان الرئيسية، في حيويته ؛

اذا أردت صنع شعار جذاب وقوي.. أفضل الطرق أن تستعمل الألوان الأساسية..

لنتعمق قليلا..!

بخلط أي اثنين من الألوان الأساسية الثلاثة..

ستحصل على ألوان ثانوية..

الألوان الثانوية هي : البرتقالي والأخضر والبنفسجي.

لاحظ الآن في عجلة اللون الأساسية ( أعلى ) ..

ستجد الألوان الثانوية تماما بين الألوان الأصلية… طبعا سهلة..

خلط الأحمر والأصفر.. ظهر لنا برتقالي.. وهكذا.. سهلة صح؟!

طيب الآن.. لو خلطنا لون ثانوي ولون أساسي..!

نعم، صحيح.. يظهر لنا لون جديد.. ( وضّحت في عجلة اللون باللون الرمادي ) ..!

كذا الفكرة باختصار.. والأمثلة في الأعلى توضيحية فقط.. وإلا الاستخدام أوسع..

طبعا كتبت الكثير من التصنيفات للألوان..

مثل التصنيف التالي الشهير:

الألوان الدافئة (الساخنة) :

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

فوضى.غيرة، ثورة، فكّر ب”النار” عندما تستعمل هذه الألوان الدافئة..!



الألوان الباردة:

الأخضر، الأزرق، البنفسجي، وكلّ تدرحات هذه الألوان.

الألوان الباردة ترتبط بالبرد، هدوء، وصفاء ،

ثقة. يقين، فكّر ب”الثلج” عندما تستعمل الألوان الباردة.

الألوان التكاملية :

كل لون واللون المقابل له في العجلة (أعلى) يشكلون تراكباً لونيا..

عادة يجعل التصميم حساس وجميل جدا.. لكن ؛

البعض يظن أن التكاملات هذه تطابق تام.. ليس بالضرورة..!

الأحمر مقابل للأخضر.. لكن لا ترى تناسقا لونيا..!

الألوان التماثلية:

الألوان التي تصطف بجانب بعضها على عجلة اللون الأساسية (أعلى) .

تعتبر هذه الألوان متناسقة بشكل جيد ونموذجية.. اذا أردت استخدام ألوان متوازنة ؛

استعمل ألواناً متماثلة!

مثال: البنفسجي والأزرق يعتبران لونان متماثلان..!

الألوان المثلثية:

اختر ثلاث ألوان على عجلة الألوان الأساسية ( أعلى) بحيث تشكل مثلثا..

مثلا: الأحمر و الأزرق والأصفر .. هذه تعتبر ألوان مثلثية..

أي ثلاثة ألوان تصلح لأن تكون ألوان مثلثية ما دامها تشكّل مثلثا في العجلة..

القليل جدا من الناس يستعمل ألوان مثلثية..

وذلك بسبب لكونهم لا يعرفون استعمالها بشكل صحيح..!



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

بالرغم من استعمال 3 ألوان فقط..! عادة، الشركات التي تريد منح

شعاراتها شيئا من (المرح).. تلون الشعار بهذه الطريقة..!

أسلوب ألوان الجمع.. نظرية لونية ..

مستندة على خصائص الضوء..

تقول النظرية:

أن كل الألوان في الطيف المرئي مكوّنة من 3 ألوان أساسية :

أحمر Red، أخضرGreen، أزرقBlue .. المعروفة اختصارا بـ RGB..

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

فيزيائيا.. اللون لايوجد مالم يكن هناك ضوء..!

شرح مبسط:

حينما يصطدم الضوء بجسم ما، يمتص هذا الجسم كل الألوان، ما عدا لونها الحقيقي..

مثال: التفاحة تمتص كل الألوان ما عدا الأحمر الذي ينعكس.. !

البرتقال يمتص كل الألوان ما عدا اللون البرتقالي الذي ينعكس..! وهكذا..

خلط لونين من ألوان الجمع الأساسية ينتج لون جمع ثانوي:

قرمزي(فوشي) ، أصفر ، أزرق تركواز فاتح..

خلط ألوان الجمع كلها الأساسية يكون الأبيض الصافي..!

تستعمل أجهزة التلفاز، وشاشات الكومبيوتر طريقة ألوان الجمع في عرض الألوان.. بإمكانك ملاحظة ألوان

الجمع الأساسية عندما تقترب بعينيك جدا من شاشة التلفاز..!

في الفوتوشوب.. أنت تصنع الألوان عن طريق اختيار قيم

للأحمر والأخضر والأزرق RGB تكوّن اللون المطلوب..

لاحظ ذلك.. وستكوّن لوناً متقناً..!

الكثير من الناس خاصة المصممين المبتدئين.. يستغربون من كون الألوان RGB

التي تظهر لديهم على الشاشة بشكل جميل.. تبدو كئيبة متغيّرة عند طباعتها..!

هذا هو أسلوب ألوان الطرح..!

أسلوب ألوان الطرح يعتمد على خلط الصبغات الفعلية.. وارتبطت بأحبار الطابعات بشكل شائع جدا..

يبدو أنك لاحظت أن ألوان الطرح نقيض تام لألوان الجمع.. !

الألوان الثلاثة الأساسية في ألوان الطرح هي:

أزرق تركواز فاتح Cyan ، قرمزي (فوشي) Magenta ، أصفر Yellow .. اختصارا CMYK

خلط لونين أساسين يكون الألوان الأساسية التالية : أحمر ، أخضر ، أزرق.. !

خلط الألوان الأساسية الثلاثة.. يكون الأسود الصافي: K

كل عمليات الطبع، تسند على CMYK ، اختصار ألوان الطرح..

طبعا في الحقيقة.. أكثر عمليات الطباعة لا تخلط الألوان في الحقيقة..

بدلا من ذلك.. تطبع نقاط صغيرة جدا جدا لكل لون أساسي على حدة..

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

بإمكانك ملاحظة ذلك في طبعات الصحف.. خذ عدسة مكبّرة.. ولاحظ الصور….

طبعا الفكرة هنا تساعد في خلط ألوان الطلاء، أو حتى خلط الألوان اليكترونيا..

خطوات تصميم موقع الكتروني متكامل

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

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

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

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

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

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

ينبغي هنا على المصمم و المطور التعاون لتحقيق تصميم متوافق مع مواصفات التصميم القياسية لنوع الملفات التي يريدون نشر الموقع بها و إصدارها، مثلاً html أو xhtml.

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

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

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

الميزات هنا الأمان الأعلى (حسب أسلوب و خبرة المبرمج) و التحكم الأكبر بالمحتويات كون البرنامج مصمم خصيصاً لخدمة فكرة العميل.

و لكن العيوب تكون في الوقت الأعلى للبرمجة و في الكلفة العالية المرتبطة بذلك.

و على هذا نأتي على ذكر طرق البرمجة المنتشرة حالياً.

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

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

كي ينجح الموقع برمجياً و تسويقياً ينبغي مراعاة النقاط التالية:

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

كيفية تطبيق هذه الخطوات:

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

و لكن بساطة، تطبيق هذه الخطوات عملياً يحتاج لمعرفة بتقنيات الويب 2 و التي من أهم أدواتها لغات البرمجة الأساسية php,MySQL,html,css,JS.

تصميم صفحة للصحافة على موقعك

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

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

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

يجب أن تتضمن كل صفحة خاصة بالصحافة العناصر الرئيسية التالية

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

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

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

البيانات الصحفية: حضر قائمة بأحدث البيانات الصحفية، و أرشيفاً بكافة البيانات السابقة، وفق ترتيب زمني تسلسلي، و احرص على أن تكون منسقة وفق تصميم البيانات الصحفية التقليدي

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

الصور و الرسومات: كما يمكن أن تتضمن هذه الصفحة صوراً لشعارات الشركة، و صوراً للمدراء، و منتجات الشركة، و أي رسوم بيانية أخرى