لو كنت تستخدم انترنت اكسبلورر Ineternet Explorer فالإحتمال الاغلب انك تملك البرنامج.. و لو لم تكن متاكد ان كنت تملكه او لا جرب التالي ..
• لفتح برنامج فرونت بيج انتقل إلى Start> Program > Accessories > Internet Tools او Start> Program > Internet Explorer
• إذا كنت تستخدم متصفح انترنت اكسبلورر و لم تجد برنامج فرونت بيج اتبع الخطوات التالية ..انتقل إلى Control Panel>add remove programs اختر internet explorer ثم add a component> Install Minimal component>web authoring.
مقدمة
اعتقد انك يجب أن تقرأ محتويات هذه الصفحة جيدا حتى تبدأ..
لنتعرف على مقدمة سخيفة و مملة عن تصميم الصفحات و مع انها مملة ألا انه عليك ان تقرأها .
تصميم صفحات الويب يتم بإستخدام لغة الاتش تي ام الhtml او كما يحلو لكثير من العرب تسميتها الهتمل ..وهي ليست لغة برمجة بالمعنى المتعارف عليه فلغة البرمجة تعتمد على الإبتكار و الكثير من التفكيير.. هذا ما يجعلنا نحن المبرمجين مميزين
) أما لغة الهتمل . فهي لا تحتاج إلى ابتكار بل حس فني و تنسيق و ترتيب فالأوامر بها ثابته .. كل ما عليك هو تنسيقها و ترتيبها .. لتظهر للعيان بصورة جميلة. الكتابة أو التصميم في لغة الهتمل لا تحتاج إلى برامج خاصة لكتابتها ..انت كل ما تحتاجه برنامج هو معالج نصوص عادي مثل مثلا برنامج NOTEPAD الملحق بالويندوز..
و لكن من يحتاج اليوم لكل هذا .. فاليوم يمكنك ان تبدأ موقعك دون ان تعرف اي مما سبق... فقط صمم و البرنامج يكتب لك الشفرة.. و انتهى.. لكن ما رايك في تعلم بعض اوسمة الhtml فقط من باب العلم..
ملاحظات هامة:
• عليك تسمية الصفحة الرئيسية للموقع دائما بأسم Index.htm أو Index.html .
• بالنسبة للصور و الملفات عليك الاهتمام بالأسماء فالحروف الصغيرة ليست كالحروف الكبيرة ..فملف page.html ليس مثل Page.html و ليس مثل pAge.html .
• اسماء الصفحات يجب ان تكون بالحروف
ماذا عليك ان تفعل هذا ما انصحك به.. في جهازك انشأ مجلد جديد اما على قرصك الصلب مباشرة او مثلا داخل مجلد My Documents و اسمه مثلا web او اي اسم اخر .. و بالتالي سيكون هذا هو المجلد الذي سيحتوي على كل محتويات موقعك .. الملفات و الصورو غيرها .
الدرس الثاني
تعلم بعض شفرات الhtml:
مع اننا ذكرنا انك لا تحتاج إليها لكن المصمم الجيد هو الذي يكون ملم على الاقل بابسط الشفرات ..
افتح اي برنامج لمعالجة النصوص ..مثلا الNotepad الملحق بنظام الوينودوز اختر File > Save As و في نافذة الحفظ اكتب اسم الملف ملحقا بنقطة و من ثم HTML او HTM لا فرق.
سنحاول تخييل الصفحة كحبة بصلة و سننزع القشور واحدا تلو الآخر .
القشرة الأولى
الصفحة تبدأ بـ <Html> و تنتهي بــ</html> في النوتباد اكتب هاذين الامرين .حيث الثاني يحتوي على الشرطة المائلة (/). جيد جدا .
القشرة الثانية
بالداخل تنقسم الصفحة إلى قسمين الرأس Head و الجسم Body. محتويات الرأس تبدأب <head> و تنتهيب </head> و الجسم يبدأ ب<body>و بنتهي ب </body>
<html>
<head>
محتويات الرأس
</head>
<body>
محتويات الجسم
</body>
</html>
القشرة الثالثة
محتويات الرأس في الأسفل ما يمكن ان يحتوية الرأس مثلا تعريف بالصفحة( العنوان) و هي العنوان الذي سيظهر في أعلى شريط المتصفح
<html>
<head>
<title>تعريف بالصفحة</title>
</head>
<body>
محتويات الجسم
</body>
</html>
القشرة الرابعة
كل ما سيظهر للعيان في الصفحة سيظهر يجب ان يكتب في الجسم . مثلا :لإضافة الصورة
<img src="اسم الصورة.GIF">
لإضافة وصلة
</a>Marhaba<a href="interface.htm">
الدرس الثالث
» تعرف على واجهة البرنامج
تعرف على واجهة البرنامج و كيف تبدأ بإستخدامه.
هناك 3 قوائم اساسية تحتاج التعرف عليها
أولا : شريط الإدوات في الأعلى :
• أيقونة جديد لإنشاء ملف جديد
• لفتح ملف قمت بحفظه من قبل
• للحفظ السريع لملفك
• لطباعة الصفحة
• على الترتيب من اليسار قص ، نسخ ، لصق
• أعد الخطوة السابقة
• أرجع الخطوة اللاحقة
• إنشاء الجداول
• لإضافة خاصية الوصلة التشعيبية على النص
• لإدراج صورة في الصفحة
ثانيا : قائمة الإدراج Insert:
هذه القائمة لإدراج المحتويات في الصفحة :
• break : فاصل لتقليل المسافة بين كل سطر و آخر يمكن وضعة في نهاية كل سطر .
• Horizontal Line : لإدراج خط أفقي في الصفحة
• Symbol : إدراج مجموعة من الرموز التي قد تحتاجها مثل رمز حفظ الحقوق
• comment : لإدراج الملاحظات و التي تكون مخفية تظهر للمصمم فقط .
• Componenet : محتويات من برامج أخرى
• Image : إدراج صورة
• Vidoe : إدراح ملف فيديو
• Background sound :إدراج صوت في الخلفية
• File : إدراج ملف صفحة آخر ى داخل هذه الصفحة
• Form Feilds : إضافة محتويات الإستمارات مثل الازرة و الحقول .
• Marquee : إدراج أشرطة نصوص متحركة.
• Html Markup : إدراج شفرة Html
• script : إدراج شفرة جافا او vscript
• Hyperlink : إدراج خاصية الوصلة التشعيبية على النص
ثالثا : قائمة التشكيل Format:
• Font : الخط التحكم في نوع الخط .
• Paragraph :التحكم في شكل الفقرة .
• Bullets and Numbering: ترقيم أو إضافة دوائر او مربع إلى جانب أي قائمة .
• Background :شكل الخلفية .
Remove Formatting : إزالة أي تغيير قمت به على الشكل الاصلي للنص او الصورة.
كيف تبدأ ملف جديد
إبدأ مستند جديد ..و ذلك بالذهاب إلى File > New
اختر File >Page Proparties
من الأعلى وفي نفس النافذه اختر Background..
الدرس الرابع
» كيف تحفظ الصفحة
في هذا الجزء من سلسلة الدروس سنرى كيف يتم حفظ المستند الذي قمنا بانشائه في الدرس السابق.
من قائمة File اختر save as ..و منها ستظهر نافذة اختر منها save as file...و من ثم تابع بشكل عادي..
حدد المكان الذي تريد تخزين الصفحة فيه مثلا المجلد الذي انشأناه في مجلد my document و اسميناه web
صفحتك الرئيسية دائما اسمها Index.html او index.htm ..و ذلك حتى تظهر اوماتيكيا في موقعك..مثلا لوكان عنوان موقعك
http://someone.somewhere.com ..عندما يضغط المستخدم على هذا العنوان سينتقل مباشرة للصفحة الرئيسية و هي index.html او index.htm ...
لنفترض ان صفحتك مقسمة كالتالي..
تريد للزائر عندما يضغط على من انا؟ ينتقل إلى صفحة من أنا..
أنشأ ملفا خزنه من قائمة File اختر Save asو خزنه مثلا بأسم me.htm في عنوان الوصلة -ستتعرف على هذا فيما بعد -ضع me.htm وهكذا..
بالنسبة للصور عليك أيضا بنقلها للمجلد ذاته الذي ستحتفظ فيه بملفاتك ..
الدرس الخامس
إضافة الوصلة التشعيبية:
هنا سنستعرض انواع الوصلات التشعيبية و كيفية إضافتها .
ما هي الوصلة يا ترى؟
ماهي الوصلة أو الوصلة التشعيبية.. هي النص التي عندما يضغط عليها الزائر.. تنقله إلى صفحة أخرى أو مكان آخر...
كيف يمكنني إضافتها ..؟؟
من اسهل الأشياء اللتي تستطيع القيام بها في هذا البرنامج هو إضافة الوصلات ...
مثلا أنت تريد إضافة وصلة لموقع الشبكة في موقعك ..إبدأ كما يلي إكتب في الصفحة شبكة الدكتور نت .. ظلل الكتابة عن طريق المرور عليها بالفأرة و الضغط على زر الفأرة .. ثم من شريط الأدوات في الأعلى إذهب إلى و ستظهر لك النافذة التالية :
هناك أربع أنواع من الوصلات..:
وصلة لموقع على الشبكة::إذا كنت مثلا تريد أن تصل لموقع الشبكة اختر نوع الوصلة http و اكتب العنوان في المربع التالي ..
وصلة لصفحة في موقعك أنت ::مثلا إذا كنت تريد أن تصل لصفحة أخرى في موقعك فلنتخيل أن اسم الصفحة الأخرى في موقعك arabic.htm من نوع الوصلة اختر Other و اكتب في العنوان arabic.htm ويجب ان تتأكد أن عنوان الوصلة اللذي كتبته مطابق لإسم الصفحة اللتي تريدها إذا كان اسم الموقع بالحروف الكبيرة فيجب أن تكتبه بالحروف الكبيرة و العكس..
وصلة لبرامج أو ملف صوتي مثلا:: الأمر هنا بسيط ..مثلا الملف الصوتي عنوانه عنوانها love.mid..اكتب في عنوان الوصلة love.mid.. و النوع other...و بنفس الطريقة البرامج.
وصلة لمكان في نفس الصفحة::اضغط هنا و ستجد نفسك الاعلى . هذا ما يسمى بالبوك مارك ..أولا ظلل المكان اللذي تريد لوصلتك أن تذهب إليه..اختر edit>bookmark ثم اختر أي اسم للوصلة مثلا top أو اي شئ يمثلها ..و الآن اذهب للوصلة نفسها اي اللتي تريد للزائر أن يضغط عليها.. ظلل و اضغط زر الوصلة كما في كل المراحل السابقة و اختر نوع الوصلة Other و في عنوان الوصلة اكتب علامة # و من ثم الاسم اللذي اخترته في البداية لها..بسيطة اليست كذلك.
ما هي خصائص الوصلة؟؟
ليس عليك أن تضع اي شئ هنا إلا إذا احببت .. إذا لم تضع في هذا المكان شئ.. فسوف..تفتح الوصلة الجديدة في نفس النافذة.
• ضع هذه العلامة _ و اتبعها بـــ
• Blank: إذا اردت للصفحة الجديدة أن تظهر في نافذة جديدة.
• Top: إذا كنت تستخدم الإطارات و اردت للصفحة أن تفتح في نفس النافذة و لكن كصفحة كاملة و ليس في الإطار.
• إذا كنت تستخدم الإطرات ضع اسم الأطار الذي تريد للصفحة ان تفتح فيه.
الدرس السادس
» إضافة الصور:
كيف تضيف و تتحكم في الصور و الجرافيك و الازرار.
ضع الفأرة في المكان الذي تريد أن تضع الصورة فيه...اضغط عى الايقونة التالية من شريط الادوات ستظهر النافذة التالية :
إذا كانت الصورة التي تريد إضافتها في جهازك اختر Browse و حدد الصورة . اما لو كانت الصورة التي تريدها في موقع على الشبكة اختر From Location و ضع عنوان الصورة على الشبكة .
كيف يمكنك ان تحدد خصائص الصورة؟
1-اضغط على الصورة بزر الفأرة الايمن ستظهر قائمة كما في الصورة اختر ما يلي.
2- بعد ذلك ستظهر النافذة التالية
• يمكن تغيير نوع الصورة من JPEG إلى GIF و العكس صحيح.
• وضع تعريف للصورة بحيث ان حدث و لم تظهر الصورة يظهر تعريف لماهيتها مثل في حالة الازرار مثلا .
• إذا كانت الصورة تعمل كزر مثلا يمكن تحديد العنوان الذي تريد للزائر ان ينتقل إليه عند الضغط على الصورة .
الدرس السادس
» اضافة و استخدام الجداول.
استمر في طريقك للإحتراف.
للحصول على موقع اكثر احترافا عليك باستخدام الجداول .. حاول حفظ هذه الصفحة و مشاهدة التصميم على برنامج Front page..ستلاحظ وجود جدول كبير بلا إطار و بداخله عدة جداول و بداخلهم جداول أخرى ..
جرب مثلا في البرنامج ..وضع عدة صور متجاورة.. ستجد في هذا صعوبة و ستبدو الصور غير مرتبة و لكن ماذا لو وضعت في جدول مخفي انت وحدك من تراه..أي بلا إطارات حوله سيبدو اكثر تنسيقا.. جرب..
أولا لإضافة جدول ..اضغط على سيظهر لك جدول في الصفحــــة ..ظلل الجدول إذا لم تستطيع ضع المؤشر على الجدول و أذهب للقائمة Table و اختر Select table..
هناك قائمة و هي قائمة table تمكنك من التحكم في الجداول و خصائصها.
قائمة table :
هذه القائمة تمكنك من التحكم في الجدول كما يلي:
• Insert Table: أضف جدول
• Insert Row: أضف عمود او صف
• Insert row: أضف خلية جديدة
• Insert Caption: أضف مسافة أعلى الجدول
• Marge Cells: ادمج خليتين من الجدول تقوم انت بتظليلهما
• Split cell : قسم خلية موجودة بالفعل لخليتين او اكثر.
• Select Cell, Row , Column , Table: انظر الشكل.
• Cell Properties: خصائص الخلية انظر الاسفل
• Table Properties: خصائص الخلية. انظر الشكل.
خصائص الخليةاضغط هنا
خصائص الجدولاضغط هنا
كيف انشأ الجدول المخفي
اختر من قائمة Table > inset table و هناك حدد عدد الاعمدة و الصفوف للجدول.. من نفس القائمة اختر Table Propertiesو هنا ستظهر لك قائمة خصائص الجدول هناك ضع Border =0 .
الدرس السابع
» إضافات جمالة:
بعض الإضافات الجمالية السريعة
لإضافة الملفات الصوتية بهذه الطريقة..اذهب إلىinsert> Other component >Plug-In
الدرس الثامن
» مثال حي:
في نهاية هذه الدورة سنطرح شرح لعمل صفحة مبسطة خطوة بخطوة .
1- إبدأ برنامج فرونت بيج أكسبريس .
2- افتح صفحة او مستند جديد.
3-من قائمة File اختر Page Properties. اضغط هنا لمشاهد الصورة >>
عندما تفتح الصورة لاحظ ما يلي : عنوان الصفحة وهو المكان الذي تضع فيه عنوان يعبر عن الموقع أو محتوى الصفحة .
Document Reading Direct in: و ستجد اننا اخترنا الاختيار الذي يسمح لك بالكتابة من اليمين لليسار و ذلك للصفحات العربية.
و لاحظ Background sound و هو صوت خلفية الصفحة ووضعنا موسيقى الحلم العربي..
4- طبق التالي
في هذه الخطوة ستحدد خلفية الصفحة .. هل نريد ان نجعلها لون واحد ام صورة .اضغط هنا لمشاهدة الصورة .
لاحظ:
Background image اننا اخترنا صورة للخلفية واسمها backgrund01.gif
Background =White لون الخلفية ابيض
text =Black لو ن الكتابة اسود
و في اليمين حددنا لون الوصلة و الوصلة المزارة و الوصلة عند الضغط عليها.
5- الآن سنبدأ بالكتابة .. من الأعلى اختر و ذلك لتوسيط الكتابة .. و اختر
و ذلك حتى نتمكن من كتابة عنوان .و الآن اكتب مثلا مرحبا بكم في موقعنا.و اضغط Enter.
6- لماذا لا نكتب كلمة نرحب بها بزوارك.. هيا إبدأ بالكتابة.
مثلا
مرحبا بكم في موقع الدكتور نت التعليمي..
و بعدها اضغطShift و enter و ذلك لبدأ سطر جديد و ملتصق بالذي في الأعلى و من ثم نكمل الترحيب بهم
نتمنى لكم جولة ممتعة في موقعنا ..
7- لاحظ ان النص الذي ظهر باهت.. ما رايك ان نتحكم في الخطوط و الالوان .. أولا ظلل النص الذي تريد ان تتحكم فيه .اضغط على لتكبير الخط أو لتصغيير الخط حتى تصل للـتأثير الذي يرضيك ..و قبل هذا غير الخط بالخط الذي تريده مثلا نحن اخترنا خط Tahoma
8- الآن نريد ان نضيف صورة..ما رأيكم في صورتي
)) اضغط على لتظهرنافذة اختر زر Browse ...اختر الصور من المكان الذي خزنته فيها ..
ملاحظة مهمة جدا جدا جدا : لا تنسى انه عليك ان تخزن صورك وملفاتك و صفحاتك في مكان واحد على جهازك ..و خاصة في حال استخدامك لهذا البرنامج و الا واجهت مشاكل قد تضيع الكثير من وقتك
9-الآن نريد ان نضع وصلات في الموقع..لمواقع مهمة مثل موقعي و موقعي و موقعي لاحظ كل هذه المواقع .. ابدأ سطر جديد و اكتب مثلا موقع الدكتورالعبقري الفذ الأستاذ السوبر الدكتور نت اجري تثيرات التحكم بالنص كما في الخطوة السابقة..و الآن ظلله و اختر و حدد الاختيارات كما في الصورة
تهانينا لقد انجزت وصلتك العالمية الاولى يجب ان تكون فخورا جدا بنفسك..
)
10- سنضع ثلاث وصلات اخرى..تبدو متثارة و نريد ان نرتبها قليلا.. ظلل الوصلات الثلاثة و اختر
هناك عدة اشكال يمكن لكل وصلة ان تبدأ بها اخترنا شكل المربع.
11 - الآن نريد ان نضع خط فاصل.. اضغط على Insert و منها Horizontal line. سيظهر خط افقي بالضغط على الخط مرتين يمكن ان تتحكم في لون حجم و شكل الخط.
12- لقد قمنا من قبل بإنشاء صفحة خزناها باسم me.htm انها تتحدث عني مثلا..!! و اريد ان اصل بها في الصفحة الرئيسية..كما في خطوات وضع الوصلة السابقة..و لكن بالشكل التالي:
13 - الآن مارأيك بشريط متحرك آخر الصفحة..من قائمة Insert اختر Marquee اكتب النص الذي تريده ان يتحرك .مثلا نتمنى لكم وقتا ممتعا..عند الانتهاء سيظهر النص باهت غير الخط و الحجم و اللون.
14- و الآن نريد تخزين الصفحة..من قائمة File اختر save as.
في نافذة التخزين اختر خزن الصفحة بالإسم الذي تختاره .لو كانت هذه الصفحة هي الصفحة الرئيسية .. خزنها باسم index.htm و ذلك حتى تظهر تلقائيا في المتصفح ..
الدرس التاسع
طرق تحميل موقعك:
هناك عدد من الطرق التي يمكنك من خلالها تحميل موقعك .
هناك طريقتان لنقل الملفات ..
اولا : باستخدام المتصفح :
و هي عبارة عن برامج تتيحها الشركة المستضيفة لمشتركي المواقع و التي تتيح لك تحديد الملفات التي تريد تحميلها للموقع من جهازك و تحميلها .. بدون استخدام برامج إضافية .. هذه الطريقة سهلة ولكنها ليست عملية ابدا فنقل الملفات هنا محصور في 10 او 20 و لكن ماذا لم اردت نقل 100 او 200 ملف.. حسنا اعتقد انك لا تريد ان تقضي يومك تحمل و تنقل ملفات ..لذلك انا انصح بالطريقة الثانية .
بالنسبة لهذه الطريقة فلا يمكن ان نفصلها ابدا و لكن حاول ان تبحث في صفحة الشركة المستضيفة عن مصطلحات مثل File Manger ...Members Area ..File Upload ... File Transfer ...إلخ
» الطريقة الثانية
باستخدام الFTP
جميع الأمثلة ستكون بإستخدام برنامجWS_FTP و سنستخدم الإصدار الرابع .. لماذا .. حسنا لإنه إصدار مجاني و الجميع يستطيع الحصول عليه.. لمستخدمي WINDOW 95\98\NT اضغط هنا للتحميل ..
ما هو الـFTP?
File Transfer Protocol (FTP)...ok و أي بروتوكول نقل الملفات و هي تستخدم لنقل الملفات من جــــهازك إلى الجهاز المستضــــيف. و هي الطريقة الإسهل على الإطلاق لنقل الملفات !
كيف يمكنني استخدامـــــــــــه؟
عندما تبدأ البرنامج لأول مره اضغط NEW .. و من ثم املأ البيانات المطلوبة فقط للمرة الأولى و من ثم ستحفظ إذا كنت تملك أكثر من موقع فقط اكتب اسمك مكان الإسم و ستظهر بيانات تلقائيا :
• أسمك : أي أسم تختاره لايهم .
• عنوان المستضيف : هذا العنوان يختلف من شركة إلى إلى أخرى في الغالب هو عنوان موقعك و لكن في الغالب ستصلك رسالة من الشركة المستضيفة تعطيك فيه الHost Name .
في الجدول التالي بعض الإمثلة
Host Name المستضيف
ftp.Geocities.com Geocities
ftp.Xoom.com Xoom
server#.hypermart.net
# : رقم hypernart.net
عنوان موقعك مثلا
yoursite.8M.COM freeServers
ساهم معنا في تطوير الجدول السابق و ارسلنا نموذج من موقع مختلف
• اسم المستخدم : الإسم اللذي اخترته لدى الخدمة المستضيفة .
• الرقم السري: هل يحتاج هذا لتفسير.
و اخيرا أضغط OK.. و ستظهر النافذة التالية.
كيف يمكنـــــني التحميل بهذه الطريقة؟
بعد الإنتهاء من المرحلة السابقة .. ستجد في رقم2 في القائمة اليمنى بعض الملفات هذا يعني انك الآن متصل بحسابك و كل شئ يسير على ما يرام ..فالقائمة 1 تمثل الملفات في جهازك و القائمة 2 تمثل الملفات في موقعك ( لدىالخدمة المستضيفة)
في القائمة 1 ( انظر الصورة السابقة) اضغط على الملفات التي تريد تحميلها ..و من ثم اضغط على رقم 4 .. سيتم نقل الملفات .. بعد انتهاء العملية ستجد الملفات التي ارسلتها في القائمة 2 و في اسفل البرنامج كما في الشكل جملة
Transfer Complete.
من السابق تلاحظ ان القائمة على اليمين و مجموعة الازار على اليمين هي خاصة بموقعك و ملفاته اما القائمة على اليسار و الأزرار على اليسار هي خاصة بجهازك .
يمكنك اجراء الكثير من العمليات على الملفات سواء في جهازك او في ملفات موقعك :
اولا و قبل كل شئ حدد الملف الذي تريد اجراء العملية عليه .. و اضغط عليه .. و اختر احد الازار التالية
• Delete: لإلغاء الملف الذي حددته.
• Rename: لإعادة تسمية هذا الملف.
• View: لمشاهدة هذا الملف ( مشاهدة كود الصفحة و ليس عرض الصفحة نفسها )
ماذا عن المجلدات ؟
ان كنت تريد ان تضيف مجلد لموقعك اضغط علىالزر رقم 6 (MakeDir) اما إذا كنت تريد الانتقال من مجلد لمجلد اضغط على رقم 5 (ChangeDir) . لاحظ السهم الأخضر إعلى كل قائمة ..في حال انتقلت لمجلد و اردت العود ة للمجلد السابق اضغط عليه..
هل يمكنني نقل ملفات من موقعي لجهاري ؟
نعم بالتأكيد .. اضغط علىالملف الذي تريد نقله في موقعك من القائمة اليمنى واضغط على الزر رقم3 و انتهى.
هل يمكنني نقل اكثر من ملف في المرة .؟؟
بالتأكيد ... لهذا هذه الطريقة اكثر من مميزة... اضغط على زر الفأرة الايسر و مرر الفأرة على مجموعة الملفات التي تريدها و انقلها كما اشرنا سابقا.
الدرس التاسع
Bandwidth:
عند حجز مساحة من ضمن البيانات
المتوفرة هو حجم الBandwidth
المسموح لك به.. في حقيقة الامر كلما زاد مالديك من Bandwidth كلمات زادت
قدرة موقعك على تحمل عدد زوار اكثر في نفس الوقت..هناك عدد من الشركات التي تدعيBandwidth
غير محدود و هي خدعة لجذب الزبائن و نصيحة لا تثق بشركة تدعي ذلك..!!
معرفة لحجم
Bandwidth مهم
جدا فالكثير عند حجزموقع يتجه لمعرفة المساحاة المعطاه فقط بينما العنصر الاهو هو
ما نتحدث عنه اليوم.
تقديرك لحجم ال
Bandwidthالذي تحتاجه يعتمد على طبيعة
الموقع الذي تريد انشائه..حجم كل صفحة و عدد زوارك المتوقعين. باختصار هناك معادلة
ظريفة
احسب حجم كل صفحة مع حجم
الصور في هذه الصفحة و اضربها في عدد المشاهدات المتوقع للصفحة شهريا..
مثلا لو كان لديك صفحة حجمها 4
كيلوبايت و بها صورتان حجم كل منهم 2 كيلوبايت سيكون الحجم 4+2+2 = 8 كيلوبايت. و
انت تتوقع مثلا 100,000 مشاهدة شهريا.. سيكون 800000 كيلوبايت تقريبا 0.8
جيجابايت..احسب هذا لك صفحة و اجمعة و ستحصل تقريبا على عدد الميجابايت المطلوبه
منك..تقريبا.
كيف تحمي الBandwidth :
1. ابقي على حجم الصور و الصفحات
صغير قد الامكان..واستخدم صيغة jpeg للصور الطبيعية و
gif للصور الصفحة و الصور المتحركة..
2. استخدام الستايل شيت
Stylesheet و هي طريقة فيمكنك تحديد في اول الصفحة
مثلا ان العناوين الرئيسية ستكون بهذا الحجم و اللون و بالتالي سيتم تطبيق هذه
البيانات على كل عنوان رئيسيى بدل من زيادة حجم الملف بتكرار
البيانات لكن عنوان..
كيف يمكنني حماية الباندودث الخاص
بموقعي..؟
اذا قام موقع اخر بادراج صورة من
موفعك..عن طريق وصلة مباشرة..و ليس تحميل الصورة لديه و ادراجها..سيكلفك هذا من الBandwidth
الخاص بك.. هناك عدد من البرامج الغير مجانية..مثل
http://www.artistscope.net/ لديها عدد من البرامج التي من الممكن ان تحميك..
معلومات اضافية :
