::: نصائح لتصميم موقعك بيسر واحتراف :::

بسم الله الرحمن الرحيم ::: نصائح لتصميم موقعك بيسر واحتراف :::

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

1- لاحظ أن الصفحة التي تأخذ وقتا طويلا في التحميل تصيب الزائر بالملل وغالبا سيتركها ولا ينتظر اكتمال تحميلها , فاختر صور موقعك من نوع jpg صغيرة الحجم

2- لا تضع صورا متحركة تشتت الانتباه , بل كن أنيقا بلا بهرجة

3- أهم صفحة في موقعك هي الأساسية index.htm , لكن لا تهمل الصفحات الداخلية أيضا

4- لا تستخدم الإطارات فهي موضة قديمة , بل استخدم الجداول وجداول داخل الجداول

5- اختر ألوانا متناقضة بين الخلفية ولون النص حتى لا تصيب العين بالإجهاد

6- استخدم ملفات ال css الخارجية , لأنك تستطيع بتعديل ملف واحد فقط أن تغير خطوط وألوان الموقع كله. انا مثلا في موقعي كنت قد اخترت font 14 للكتابة , ثم غيرت رأيي وقررت استخدام 16, فماذا فعلت ؟ .. فتحت ملفا واحدا هو style.css وعدلت فيه فتغير حجم الخط في الصفحات العشرين لموقعي مرة واحدة.

7- لا تترك صفحات فارغة في موقعك , بل ضع رسالة اعتذار ووعد بإكمال الموقع فيما بعد ,

8- استخدم موقع تسكين محترم , أنا مثلا كنت أضع موقعي على الياهو جيوسيتيز قبل أن يلغي التسكين المجاني, وكان يعاني من البطء وعدم تحميل كل الصور في الصفحة. الآن استخدم موقع الخيمة الذي تكرم واستضاف موقعي الصغير www.khayma.com/salama

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

10 - اجعل أسماء صفحاتك واضحة تدل على محتواها وإلا ستتوه بعد ذلك عند التعديل في الموقع

11 - الآن اذهب لصفحة الموقع www.khayma.com/salama وطبق ما تعلمته عليها نقطة نقطة , ثم تعال هنا لنتناقش في التصميم وكيف يمكن تحسينه

لاحظ أن الموقع تم تصميمه على برنامج الفرونت بيج مع بعض التعديل في الكود html مع ملف css واحد صغير لحذف الخط من أسفل الروابط واستبداله بتغيير اللون من الرصاصي للأبيض . ويمكن أن أضع هنا الكود المستخدم إن طلبه احد.

هذا هو الكود الموجود بملف css للموقع .. وهو بسيط وسهل

Body {background-color:#333333;}
Body {
color:#C0C0C0;
font-family:traditional arabic;}
body, td {font-size: 16pt;}
A:link {text-decoration: none; color:#C0C0C0;}
A:visited {text-decoration: none; color:#C0C0C0;}
A:active {text-decoration: none;}
A:hover {text-decoration: none; color: white}

السلام عليكم ..

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

يتم نقله من قبلي للقسم المخصص له "في نظري على الأقل"