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

[sz4design]

السلام عليكم ورحمة الله وبركاته
نبدأ في الموضوع:::

في البداية لازم يكون عندك برنامج Microsoft Office FrontPage وانا الي عندي اصدار 2003

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

بهذه الخطوة عدلت حجم الصفحة لكي تراها في شاشة كمبيوتر الشخصي صغيره وتستطيع التصميم عليها


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


الخطوة الثالثة:: الجداول::
أولا:: إضافة إطار ليعطي منظر للصفحة وجعل قياس الصفحة مناسب للكمبيوتر الكفي
أذهب إلى شريط الأوامر ثم إلى ((جدول)) ثم ((إدراج)) ثم ((جدول))
عدد الصفوف 1 وعدد الاعمدة 1
العرض أختر تحديدة بالبكسل وضع القيمة 240 والارتفاع بالبكسل والقيمة 320
نطاق الخلية والمسافة بين الخلايا صفر
حجم الحدود 1 وأختر اللون الذي ترغبه
ثم موافق


ثانيا:: إضافة جدول بداخل الجدول الأول((الإطار)) ويكون كالتالي
عدد الصفوف 2 وعدد الاعمدة 1
نطاق الخلية والمسافة بين الخلايا وحجم الحدود صفر
ثم موافق
((الصف الأول لشعار الموقع والصف الثاني لوضع الروابط))


ثالثا:: إضافة جدول الروابط وسيكون كالتالي::
نضيف جدولا ثاني كما تعلمنا لكن بداخل الصف الثاني من الجدول الثاني ولكن خصائصه ستختلف وهي كالتالي::
عدد الاعمدة 2 ولكن عدد الصفوف كماتحب ((فمثلا إذا كان لديك 6 روابط تريد وضعها فعليك وضع 3 صفوف وهكذا..))
ملاحظة::تستطيع جعل عدد الصفوف 1 وتضع الروابط جميعها في نفس العمود ولكن يكون كل رابط في سطر...
المحاذة توسيط
نطاق الخلية والمسافة بين الخلايا صفر
حجم الحدود إذا أرد أن يكون هناك حدود فأجعل الحجم 1 أما إذا لم ترد هناك حدود فأجعل الحجم صفر
ثم موافق

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


الخطوة الرابعة:: إضافة شعار للموقع والروابط

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

الروابط نضعاها داخل كل خلية في الجدول الثالث

وهكذا أنتهينا من التصميم صفحة موقعك للكمبيوتر الكفي وبقي شيء واحد وهو إضافة أمر فتح الصفحة التي صممته إذا دخل الزائر للموقع من الكمبيوتر الكفي تلقائيا وهي في هذا الموضوع
http://www.ce4arab.com/vb7/showthread.php?t=30266

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

2- حاول بأكبر قدر ممكن أن تقلل من الصور في موقع الكفي وإذا لابد منها فتكون بصيغة gif وأبعادة وبالخاصة العرض لايتعدا حجم الصفحة وهو 240 × 320

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


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

الموضوع خاص لمنتدانا الغالي ولمن أراد النقل لمنتدى أخر أرجو ذكر المصدر وهو منتدى الكمبيوتر الكفي

وأعذروني لعدم وجود الصور ولكن الموضوع لايحتاج لصور

تحياتي لكم جميعا وإن شاء الله تستفيدوا من الموضوع

[ce4arab]

رائع اخوي Qtek_sultan

[Abo Hassan]

ما شاء الله
شرح حلو يا سلطان

[sz4design]

العفو ومشكورين على التثبيت
تحياتي

[bkran]

احسنت بارك الله فيك

وتستاهل كل خير

[sz4design]

هذا أقل مأفعله لمنتدانا الغالي
مشكور أخوي على الرد

[المدني]

.

شكراً Qtek_sultan .. موضوع متميز فعلاً ..

.

[sz4design]

العفو اخوي المدني وتسلم على ردك

[Abo Abdulaziz]

الله يعطيك العافية اخي Qtek_sultan

على طرحك لهذا الموضوع المهم

وشكرا.

[3bdulra7man]

ما شاء الله على الشرح
كفيت ووفيت
جزاك الله كل خير
بس عندي سؤال: ليه مهم ان نحط جداول داخل بعض
الرجاء الرد بسرعه

---------------
عبدالرحمن

[sz4design]

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

تحياتي لك واعذرني على التأخير في الرد وأي شي أنا حاظر

[أبو عاصم2]

مشكور Qtek_sultan
لكن هل هناك منتدى جاهز خاص بالمواقع الكفية؟

[sz4design]

هلا اخوي ابو عاصم

بالنسبة للسؤال ليس هناك منتدى للكفي بل الستايل تبع المنتدى هو الي يتحكم

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

وأنا أعتقد أنهم صمموا الستايل بنفسهم :9


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

[kane]

شكرا على الشرح

[Mysterious2006]

جزاك الله خير على الطريقة ،،

[mousafer]

جزاك الله خيرا

[prof_fouda]

جزاك الله خير

وجعله الله فى ميزان حسناتك

ودمتم سالمين

[q_jl_j_c]

يعطيك العافيه على الشرح الوافي

[nextday]

موضوع رائع عزيزي بارك الله فيك ...... وانا شخصيا قرارت ان اطلق موقعي الخاص بالكفي ... والأهتمام بة لن يقل عن موقعي الرسمي ان شاء الله ......

[online444]

يعطيك ألف عافية .. الموضوع جميل ...

-------------------------> للأمام ..... الله يوفقك !


ONLINE444

[ssuss]

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

[mahmoud farid]

موضوع مههم ومميز مشكور سلطان

[bufahad]

تسلم بارك فيك على جهدك الكبير

[q813929]

احسنت وبارك الله