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

بأى لغة أكتب ؟ بالعربية ام الإنجليزية ؟

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

قلة التفاعل بمدونتك:

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

إن الهدف الرئيسى من التدوين التقنى هو نشر المعرفة , ولكنى أرى ان صاحب المدونة لا ينبغى ان يقتصر منظورة لموقعة بوصفة أداة تفاعلية بل ان موقعة قد يكون:

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

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

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

كيف أوجة مقالاتى ؟

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

من الموضوعات التى تثير نقاشاُ طويلا ولا يتم التوصل فيها لنتيجة ثابتة هو أى طرق التخطيط (Layout types) يفضل إستخدامها عند التفكير فى إنشاء موقع الكترونى ولعل ذلك يعرضنا لماهية طرق التخطيط المتعارف عليها بالنسبة لتصميم مواقع الويب و ما هو تعريف و مميزات و عيوب كل طريقة و يستحق الذكر أن طرق التخطيط المستخدمة فى تصميم المواقع الإلكترونية لها تأثير كبير على قابلية الإستخدام و الوصول و يتضح ذلك بالتعرف على خصائص كل طريقة :

1- التخطيط الثابت (Fixed layout):
هو ان تكون مكونات التصميم لها عرض ثابت باستخدام وحدة قياس مطلقة وليست نسبية ( مثل البكسل و السنتيمتر و الإنش)
المميزات :

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

العيوب :

• -لا يتأثر بالتغيير فى أبعاد الشاشة أو تغيير حجم نافذة المتصفح , فعلى سبيل المثال إذا كنت تستخدم لابتوب بأبعاد شاشة شديدة الإتساع فسترى بعض التصميمات الثابتة تبدو بحجم صغير للغاية على شاشتك و ستتعجب لم يضيق المصمم التصميم لهذا الحد و هناك متسع من المساحة !! , و لا يخطر على بالك ان التصميم يظهر سليماُ على أبعاد معينة و يبدو عليها ملائماُ تماماُ , و بالمثل عند إستخدامك للويب من الهاتف المحمول .
• - لا يتأثر بتغيير المستخدم لحجم خط الكتابة , إن فكرت فى تكبير حجم خط الكتابة بضغطك على ( “+” + Ctrl) فسترى ان التصميم لا تتغير أبعادة وفقا لهذا التغيير فى حجم الخط بل وقد يتشوة التصميم بالكامل و تخرج الكتابة من على حدودة

مثال :
Floral Touch .حاول تغيير أبعاد الشاشة و تكبير حجم الخط بالضغط على ( “+” + Ctrl) و راقب التأثير على التصميم .

2- التخطيط السائل أو المتدفق (liquid / fluid layout):

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

المميزات

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

العيوب :

• -لا يستجيب للتغير فى حجم خط الكتابة
• -فى حالة استخدام أبعاد شاشة شديدة الإتساع (بشكل كبير جدا )قد تجد انة نتيجة لتمدد التصميم ليوائم هذة الأبعاد فالكتابة النصية أيضا تمتد لتجد مقاطع الكتابة النصية ممتدة بخط عرضى عريض لدرجة تصعب معة قرائتها (و يمكن التغلب على هذا العيب باستخدام خاصية التنسيق “max-width” والتى تحدد عرضا للعنصر لا يمكن تجاوزة تجنبا لهذة الأبعاد الغريبة .

• -فى حالة إستخدام أبعاد شاشة صغيرة للغاية مثل الهواتف المحمولة أو مثلا تصغير عرض نافذة المتصفح لدرجة كبيرة جدا فسترى ان التصميم السائل قد تدفق ليلائم هذا العرض الضيق الجديد و نتيجة لذلك سيحدث تداخل فى مقاطع الكتابة لدرجة قد يستحيل معها القراءة (و يمكن التغلب على هذا العيب باستخدام خاصية التنسيق “min-width” والتى تحدد حداُ أدنى لعرض العنصر حتى لا ينكمش لعرض غير مرغوب بة يتعارض مع قابلية الإستخدام .

مثال :

JJ Fluid Solution .حاول تغيير أبعاد الشاشة و تكبير حجم الخط بالضغط على ( “+” + Ctrl) و راقب التأثير على التصميم .

3- التخطيط المرن (elastic layout):

و تذكرنى تسميتة بالشخصية الكارتونية ” elastic girl ” فى فيلم الكارتون الشهير “The incredibles” , وهذا التخطيط يشبة لحد كبير التخطيط الثابت فهو يستخدم فى تحديد عرض مكونات الصفحة وحدة قياس ولكنها ليست مطلقة مثل نظيرة الثابت ولكنها نسبية ( مثل em ,ex), وهو لا يستجيب للتغير فى أبعاد الشاشة أو عرض المتصفح ولكنة يستجيب على خلاف ذلك لتغيير حجم خط الكتابة

المميزات :

• -يستجيب للتغير فى حجم خط الكتابة فلو قمت بالضغط على ( “+” + Ctrl) ستجد التصميم قد امتد فى مرونة ليلائم هذا الحجم الجديد للخط .

العيوب:

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

مثال :

Elastic Lawn .حاول تغيير أبعاد الشاشة و تكبير حجم الخط بالضغط على( “+” + Ctrl) و راقب التأثير على التصميم .

4-التخطيط المختلط أو الهجين (Hyprid layout) :
وهو مزيج من بعض أو كل طرق التخطيط السابقة فمثلاُ من الممكن أن يكون التخطيط العام للتصميم سائل و لكن القوائم الجانبية تتبع التخطيط الثابت و ذلك بكون عرضها ثابت القياس .

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

• أيضاُ يجب الأخذ فى الإعتبار أن الطرق السابقة هى طرق لتخطيط التصميم و التحكم فى سلوكة و خصائصة وليست هى الكود الفعلى الذى بة يصاغ التصميم . بمعنى أنها لا علاقة لها بالقضية المثارة عن استبدال الجداول بالطبقات “Divs” فى التصميم
• و ستجد أغلب الأمثلة المستخدمة لشرح هذة الطرق سواءاُ على شبكة الويب أو فى كتب تعليمية تستخدم تطبيق هذة الطرق ياستخدام نظام الطبقات “Divs ” ولن تجد إلا القليل للغاية من الأمثلة لهذة الطرق ياستخدام نظام الجداول فى بناء التصميم مثل ذلك المثال table_liquid