منتدى ميلود سات

مرحبا بك ايها الزائر في منتدى ميلود سات37
هذه الرسال تفيد انك لست مسجل لدينا او لم تسجل دخولك بعد
فإنه يسرنا تسجيلك و مشاركتك معنا كعضو مميز في المنتدى

احلى و اوقوى منتدى للكل العرب


    الشرح المبسط و الدقيق لأنشاء منتدى

    شاطر

    meloud37
    عضو مميز
    عضو مميز

    عدد المساهمات : 76
    السٌّمعَة : 3
    تاريخ التسجيل : 13/04/2011
    العمر : 32
    الموقع : تندوف

    الشرح المبسط و الدقيق لأنشاء منتدى

    مُساهمة من طرف meloud37 في السبت أبريل 30, 2011 9:16 am























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






    Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea Idea



    نبدأ على بركة الله :


    خامساً: ما هي خاصية البوك مارك ؟
    هل سبق لك أن زرت موقع عندما تضغط على ارتباط ينقلك إلى مكان آخر ولكن في نفس الصفحة ؟ انها خاصية البوك مارك !! فكيف يتم عملها ؟ تابع الخطوات التالية فالعملية سهلة :
    1- حدد النص أو الصورة التي تريد الزائر أن ينتقل إليها عند ضغط ارتباط معين .
    2- اذهب إلى Insert>Bookmark ستفتح النافذة التالية :
    Click here to enlarge
    3- اكتب اسم لهذا النص أو الصورة في خانة Bookmark name ثم اضغط OK .
    4- حدد النص أو الصورة التي تريد الزائر أن يضغطها لينتقل إلى هناك .
    5- اذهب إلى Insert>Hyperlink ستفتح النافذة التالية :
    Click here to enlarge
    هذا جزء من النافذة فقط وهو ما يهمنا في هذه النقطة
    - افتح القائمة المنسدلة بجوار كلمة Bookmark ستجد أن الاسم الذي كتبته في الخطوة (3) موجود هنا قم باختياره ثم اضغط OK .
    قم بتجربته في المعاينة ... ولكن لن يتضح لك إلا إذا كانت المسافة بين الارتباط والهدف أكبر من ارتفاع الشاشة 0

    # سادساً: كيف تدرج أزرار متغيرة بواسطة فرونت بيج 2000 ؟
    هل سبق لك أن زرت موقع عند مرور الفارة على زر يتغير لونه أو يتحرك أو يحدث له أي تأثير ؟ ... يمكنك عمل بعض هذه التأثيرات بواسطة فرونت بيج 2000 كالتالي :
    1- ضع المؤشر في المكان الذي تريد ظهور الزر فيه .
    2- اذهب إلى Insert>component>Hover Button ستفتح النافذة التالية :
    Click here to enlarge
    3- حدد الخيارات التالية :
    (1): في هذه الخانة اكتب النص الذي تريد ظهوره في الزر .
    (2): الصفحة التي تريد الزائر ينتقل إليها عند ضغط الزر .
    (3): لون الزر .
    (4): نوع التأثير .
    (5): عرض الزر .
    (6): ارتفاع الزر .

    وبعد ضبط الإعدادات اضغط OK ، ثم قم بتجربة التأثير في قسم المعاينة Preview .
    ** ملاحظة **
    [لو اردت تغيير الاعدادات انقر الزر نقراً مزدوجاً على الزر ستفتح النافذة السابقة ثم قم بالتعديلات اللازمة واضغط OK].

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

    ## ولكن كيف يتم تنظيم هذه الملفات داخل مجلدات في موقعك ؟
    1- عليك أولاً بتصنيف أقسام موقعك تصنيفاً ملائماً لمحتوياته .
    2- بعد ذلك قم بعمل مجلد لكل قسم وسمه بما يدل على محتويات هذا القسم .

    ** مثال : لنفترض أن لدينا موقعاً يضم الأقسام التالية :
    - قسم برامج مجانية .
    - مكتبة صور .
    - مكتبة سمعية .
    - قيم تعليمي .

    سنقوم بإنشاء أربعة مجلدات في الجهاز في مجلد myweb الافتراضي لملفات موقعك ، ونسمي كل مجلد بما يدل على محتواه ... فمثلاً تكون أسماء الأقسام السابقة على التوالي :
    - software .
    - pictures
    - songs
    - edu

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

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

    أولاً : مثلاً ، لوضع ارتباط إلى الصفحة الرئيسية لقسم edu يمكنك عمل ذلك بإحدى طريقتين :
    أ) تسطير العنوان يدوياً في خانة URL ، بحيث يكون كالتالي :
    Click here to enlarge
    ثم ضغط OK . وعندما يقوم الزائر بضغط هذا الارتباط سيقوم المتصفح تلقائياً بقراءة الصفحة الرئيسية index لهذا القسم " edu " .

    ب) استعراض هذه الصفحة من خانة الملفات في Create Hyberlink بحيث نقوم بفتح مجلد edu والتأشير على صفحة index بداخله ثم نضغط OK . كما في الشكل التالي :
    Click here to enlarge

    ثانياً : عمل ارتباط لصفحة في قسم ما من صفحة في قسم آخر :

    ** مثال : لدينا صفحة في قسم software باسم internet.htm ، نريد أن نضع فيها ارتباط لصفحة wall.htm في قسم pictures . يمكنك عمل ذلك بإحدى طريقتين :

    أ) تسطير العنوان يدوياً :
    1- افتح صفحة internet.htm في الفرونت بيج .
    2- اشر على العبارة أو الصورة التي تريدها أن تكون ارتباط .
    3- افتح نافذة Create Hyberlink .
    4- في خانة URL اكتب ما يلي :
    Click here to enlarge
    ** حيث أن /.. تعني خروج من مجلد software ، والبقية وصول لصفحة wall.htm .
    5- وأخيراً اضغط OK .

    ب) ادخال العنوان أتوماتيكياً :
    1- افتح صفحة internet.htm في الفرونت بيج .
    2- اشر على العبارة أو الصورة التي تريدها أن تكون ارتباط .
    3- افتح نافذة Create Hyberlink .
    4- من الأعلى افتح مجلد pictures لاستعراض جميع محتوياته .
    5- أشر على صفحة wall ثم اضغط OK .

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

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

    # ما هي أنواع الإطارات التي يمكن عملها بواسطة الفرونت بيج 2000 ؟
    يوفر لك فرونت بيج 2000 عدة أشكال جاهزة للفريمات ، يمكنك استخدام ما تريد منها .
    ويمكنك مشاهدة هذه الأشكال كالتالي :
    1- من قائمة File اختر New ثم Page .
    2- سيفتح مربع حوار ، اختر من الأعلى Frames .
    Click here to enlarge
    3- ستظهر لك عدة أشكال للفريمات ، يمكنك معاينتها في القسم الأيمن السفلي من مربع الحوار بالتأشير على ما تريد ، وبعد الاختيار اضغط OK .
    وإليك المثال التالي :
    Click here to enlarge
    إذا أردت أن تنشيء صفحة جديدة في أي إطار اضغط NewPage .
    - أما إذا كانت لديك صفحة جاهزة وتريد ظهورها في أحد هذه الإطارات فاضغط Set initial Page .

    ** بعد ذلك قم بتحديد خصائص كل إطار على حده كالتالي :
    أ-اضغط بيمين الفأرة على الإطار الذي تريد تحديد خصائصه .
    ب- من القائمة اختر Frame Properties .
    ج- سيظهر لك مربع خصائص هذا الفريم كالتالي :
    Click here to enlarge
    1- اسم هذا الفريم .
    2- عنوان الصفحة التي ستدرجها في هذا الفريم .
    3- عرض هذا الفريم .

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

    - مثلاً : نجعل عرض القائمة 150 بكسل ، وعرض إطار الصفحة الرئيسية نتركه 1 Relative .
    4- ارتفاع الإطار ، وهذا لن تحتاجه إلا إذا استخدمت إطارات في الأعلى أو في الأسفل .
    5- قم بإزالة الإشارة من مربع التدقيق إذا كنت لا تريد لمن يتصفح موقعك أن يغير مقاسات الإطارات .
    6- اضغط هذا الزر واجعل قيمة Frame Spacing صفراً ، لإخفاء حدود كل الإطارات .
    7- هذا الخيار خاص بأشرطة التمرير الرأسية والأفقية حيث أن :

    - If Needed : ظهور الشريط عند الحاجة له .
    - Always : ظهوره باستمرار .
    - Never : عدم ظهوره نهائياً .
    [ وبنفس الطريقة يمكنك تحديد خصائص الفريم الآخر ] .

    ## كيفية وضع الارتباطات في الصفحات التي تستخدم الإطارات ( الفريمات ) :

    عند استخدامك لطريقة الإطارات يجب عليك تحديد الإطار ( الفريم ) الذي ستفتح فيه الصفحة عند ضغط ارتباط ما ، وذلك كالتالي :
    1- أشر علة العبارة أو الصورة التي تريدها أن تكون ارتباط .
    2- افتح نافذة Create Hyberlink .
    3- اكتب الارتباط الذي تريده في خانة URL .
    Click here to enlarge
    4- اضغط على على زر Target Frame ، سيظهر لك الشكل التالي :
    Click here to enlarge
    ** يمكنك اختيار مكان فتح الصفحة من الخانة (1) بالتأشير بالفأرة . أو من اختيار العبارة المناسبة من الخانة (2) ، حيث :

    Page Default [main : لفتح الصفحة في الإطار الافتراضي المسمى main .
    Same Frame : فتح في نفس الإطار .
    Whole Page ,Parent Frame : فتح في إطار كامل ( صفحة كاملة ) .
    New Window : فتح في نافذة جديدة ، بحيث تبقى الصفحة الأولى مفتوحة .
    5- وأخيراً اضغط OK .

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

    ثانياً : معلومات حول النموذج :
    -يبدأ النموذج بوسم <FORM> وينتهي بوسم </FORM> .
    - يقوم بإدارة النموذج نيابة عنك برنامج مكتوب بإحدى لغات الإنترنت مثل perl ، php ، asp .
    - لكي يعمل النموذج في موقعك يجب أن يعمل البرنامج الذي تربط به هذا النموذج بشكل سليم . وهذا يتطلب أن يدعم السيرفر المستضيف لموقعك تشغيل هذا البرنامج .
    - قبل البدء في إنشاء نموذج في موقعك يجب أن يكون لديك معرفة ولو بسيطة بطريقة تركيب هذه البرامج ، والتي سنذكر في هذا الدرس مثال على تركيب أحدها وهو برنامج سي جي آي " Cgi " .

    ثالثاً : التعريف بالحقول والاختيارات المستخدمة في النماذج :
    لإدراج نموذج في صفحتك بما يحتويه من خانات ، اذهب إلى قائمة Insert
    Click here to enlarge

    رابعاً : مثال لإنشاء فورم بريدي في موقعك :

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

    ## والآن لنبدأ معاً إنشاء هذا الفورم خطوة خطوة :
    من خلال هذا الفورم يستطيع الزائر أن :
    - يرسل لك اسمه الحقيقي أو المستعار .
    - يدرج بريده الإلكتروني للتمكن من الرد عليه .
    - يحدد عنوان لرسالته .
    - يكتب رسالة لك كما يريد .

    * الخطـــــــــــوات :
    1- افتح قائمة Insert وأشر على Form ستفتح قائمة ، اختر منها Form .
    كما تلاحظ تم إدراج مستطيل بحد أسود متقطع به زران ، أحدهما Submit للارسال والآخر Reset للمسح والكتابة من جديد .هذا هو الفورم ولكنه لا يزال فارغ .
    * لتغيير Submit و Reset إلى ارسال ومسح على التوالي ، انقر نقرة مزدوجة على زر Submit واستبدل هذه الكلمة بـ ارسال ، وبنفس الطريقة غير Reset إلى مسح .
    2- اترك المؤشر داخل الفورم وادرج جدول بأربعة صفوف وعمودين .
    3- اكتب في العمود الأيمن بالترتيب من أعلى لأسفل :
    - الاســــم :
    - عنوان بريدك الإلكتروني :
    - عنوان رسالتك :
    - اكتب رسالتك :
    4- في الخلية الأولى من العمود الأيسر أدرج مربع نص وحيد السطر كالتالي :
    Insert>Form>On-Line Text Box
    ثم انقر عليه نقرة مزدوجة ، وفي خانة Name اكتب name ثم اضغط OK .
    5- في الخلية الثانية كما في الخلية الأولى مع تغيير الاسم في خانة Name إلى email .
    6- في الخلية الثالثة أضف قائمة منسدلة بها عدة خيارات لعنوان الرسالة وذلك كالتالي :
    Insert>Form>Drop-Down Menu
    ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب subject ، وقبل أن تضغط OK حدد خيارات العنوان كالتالي :
    أ- اضغط على زر Add وفي خانة Choice اكتب " اختر عنوان لرسالتك " ثم اضغط OK .
    ب- مرة أخرى اضغط Add واكتب في خانة Choice شكر وتهنئة ثم اضغط OK .
    ج- وبنفس الطريقة أضف جميع العناوين التي تريدها ، ثم اضغط OK لإغلاق مربع حوار Drop-Down Menu Properties .
    7- في الخلية الرابعة أضف مربع نص نتعدد الأسطر كالتالي :
    Insert>Form>Scrolling Text Box
    ثم انقر عليه نقرة مزدوجة وفي خانة Name اكتب massage ثم اضغط Ok .

    خامساً : تطوير أداء هذا النموذج ( الفورم البريدي ) :
    ** سنشرح هنا كيف نخصص صفحة شكر لمن يرسل بريد و صفحة خطأ لمن يترك خانات مطلوبة وذلك كالتالي :
    أ- صمم صفحة شكر وليكن اسمها thanks.htm وأخرى خطأ وليكن اسمها error.htm بواسطة الفرونت بيج واكتب فيها ما تريد من عبارات وارسلها لموقعك في الشبكة .
    ب- ضع الكود الخاص بكل من صفحة الشكر والخطأ والذي ستدرج فيه عنوان الصفحتين في موقعك في الشبكة وذلك بواسطة الفرونت بيج كالتالي :
    1- إضافة صفحة الشكر thanks.htm :
    - ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
    - اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
    - اضغط على زر Add واكتب redirect في خانة Name ، ثم اكتب في خانة Value عنوان صفحة الشكر في موقعك مثل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] واضغط OK .
    2- إضافة صفحة الخطأ error.htm :
    بنفس الطريقة السابقة اضغط Add واكتب missing_fields_redirect في خانة Name ، ثم اكتب عنوان صفحة الخطأ في موقعك كالسابق .
    * ولكي تظهر رسالة الخطأ عند ترك الخانات الضرورية قم بالآتي :
    - ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
    - اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
    - اضغط على زر Add واكتب required في خانة Name ، ثم اكتب في خانة Value أسماء الخانات التي ترى ضرورة ملأها مفصولة بفاصلة مثل name,email ثم اضغط OK ثلاث مرات .

    سادساً : تحويل الرسائل على بريدك الخاص وربط الفورم البريدي بالبرنامج:
    أ- يجب كتابة عنوان البريد الذي تريد أن تستقبل عليه الرسائل وذلك باتباع التالي :
    - ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
    - اضغط على زر Advanced في الأسفل سيفتح لك مربع جديد .
    - اضغط على زر Add واكتب recipient في خانة Name ، ثم اكتب في خانة Value عنوان البريد الإلكتروني مثل البريد الإلكتروني حُذف بشكل تلقائي من قبل الإدارة. ثم اضغط OK ثلاث مرات .
    ب- يجب أن تربط هذا الفورم ببرنامج كما ذكرنا في " ثانياً " والبرنامج الذي سنستخدمه هنا اسمه FormMail.cgi وسنضعه داخل مجلد cgi-bin في الموقع في الشبكة ، وسنقوم بعملية الربط كالتالي :
    - ضع المؤشر داخل الفورم واضغط بيمين الفأرة واختر Form Properties .
    - أشر على مربع الاختيار Send to other وتأكد من اختيار الخيار الأول في القائمة المنسدلة بجانبه .
    - اضغط على زر Options في الأسفل سيفتح مربع جديد .
    - اكتب في خانة Action عنوان البرنامج في موقعك مثل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ثم اضغط OK مرتين .

    سابعاً : تركيب البرنامج في موقعك في الشبكة :
    1- احصل على البرنامج اضغط هنا
    - فك ضغط البرنامج وافتحه في الدفتر المرفق بويندوز "WordPad" .
    3- غير des4arab.com إلى عنوان موقعك ( لاحظ أنها مكررة مرتين ) .
    4- احفظ التغيير بهيئة Text Document .
    5- أرسل البرنامج إلى مجلد cgi-bin في موقعك بواسطة برنامج FTP بهيئة ASCII .. من أسفل البرنامج يمكنك تحديد هذه الهيئة .

    ما هو برنامج الFTP ....؟
    نقل الملفات بواسطة بروتوكول نقل الملفات ( ftp ) :
    هناك العديد من برامج ال ftp ، والبرنامج الذي سنقوم بشرحه هنا هو WS_ftp pro الذي يستخدمه العديد من أصحاب المواقع وهو برنامج مجاني يمكنك الحصول نسخة كاملة منه بالضغط هنا

    # طريقة استخدام البرنامج :
    1- افتح البرنامج سيظهر لديك الشكل التالي :
    Click here to enlarge
    2- اضغط كما في الصورة أعلى سيظهر لك الشكل التالي :
    Click here to enlarge
    3- اكتب كما في الصورة أعلى مع مراعاة اختلاف المستضيف من موقع لآخر ... ثم اضغط Finish سيظهر الشكل التالي :
    Click here to enlarge
    - اكتب اسم المستخدم وكلمة المرور التي حصلت عليها بواسطة البريد عند حجزك لهذه المساحة ... وفي الأسفل اضغط Save ...
    وفي يسار البرنامج ستجد الموقع الذي أضفته كما في الشكل التالي :
    Click here to enlarge
    5- أشر بالماوس على موقعك ثم اضغط Connect سيظهر التالي :
    Click here to enlarge
    انتظر حتى يتم الاتصال بالشركة وتفتح الخانة رقم ( 2 ) الخاصة بموقعك على الشبكة .. وفيما يلي شرح لأهم استخدامات البرنامج .. اتبعها ستجد أنه يعمل بكل سهولة :
    ( 1 ) : لاستعراض ملفات جهازك .
    ( 2 ) : لاستعراض ملفاتك في الشبكة .
    ( 3 ) : لنقل ملفاتك من الجهاز إلى الشبكة " upload " .
    ( 4 ) : لنقل الملفات من الشبكة إلى الجهاز " Download " .
    ( 5 ) : نقر السهم الأخضر نقرة مزدوجة للاستعراض لأعلى .
    ( 6 ) : لتغيير المجلد .
    ( 7 ) : لإنشاء مجلد جديد .
    ( 8 ) : استعراض HTML للصفحة المؤشر عليها .
    ( 9 ) : لإعادة تسمية الملف أو المجلد .
    ( 10 ) : عندما تكون متصل تظهر كلمة close وهي لقطع اتصالك بالشركة .
    ( 11 ) : للخروج من البرنامج أي " إغلاق " .
    ** ملاحظة **
    جميع الأزرار في المنطقة B لها نفس عمل الأزرار في المنطقة A باختلاف أنها خاصة بملفاتك بالشبكة .

    Click here to enlarge
    المعلومات الضورورية التي سيطلبها برنامج FTP عند الإعداد ، وذلك للوصول إلى حسابك في الموقع الذي حجزت منه مساحة مجانية تختلف من موقع لآخر في Host Name / IP Address فقط ... وإليك إيضاح الطريقة :

    Host Name / Address : يختلف من موقع لآخر .
    User ID : اسم المستخدم الذي اخترته عند التسجيل .
    Password : رقمك السري الذي اخترته عند التسجيل .

    والان انتهينا من الftp

    اما الASCII فمعناه تراخيص ( تصاريح ) الملفات والمجلدات
    وطريقه استخدامه..:
    أولاً : طريقة عمل التراخيص كالتالي :

    1- اتصل بمساحة موقعك بواسطة هذا البرنامج .
    2- استعرض الملف أو المجلد الذي تريد عمل ترخيص له وأشر عليه بيسار الفأرة ثم بيمين الفأرة ... ستفتح قائمة اختر منها chmod(unix) كما في الشكل التالي :
    Click here to enlarge
    3- بعد الضغط على chmod سيظهر لك مربع التراخيص permissions والذي منه يمكنك عمل الترخيص الذي تريد وذلك بتحديد مربعات التدقيق وعند التحديد يتغير الرقم في الأسفل . وإليك نماذج لترخيصي 755 و 777 :
    Click here to enlarge
    Click here to enlarge
    4- بعد تحديد الترخيص المطلوب اضغط OK ... وبنفس الطريقة يمكنك عمل جميع التراخيص .

    ثانياً : تحديد هيئة نقل الملفات :
    1- الملفات النصية مثل الملفات التي تملك الامتدادات cgi. , .pl , .php , .php3 , .phtml , .txt يتم نقلها بهيئة ASCCI :
    2- الصفحات htm. , .html , .shtml والصور gif. , .jpg يتم نقلها بهيئة Binary .
    * والشكل التالي يوضح طريقة تحديد هذه الهيئات بواسطة برنامج ws-ftp-pro :
    Click here to enlarge

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

    الدرس الثامن ( معلومات مهمة عن الفرونت بيج )
    ## تغيير ترميز الصفحة إلى العربية :

    يجب تغيير ترميز صفحة الويب إلى العربية حتى لا تواجه مشاكل أثناء تصميمها ولكي تسهل محركات البحث في العثور عليها عند البحث عن المواقع العربية .... وذلك كالتالي :
    1- افتح صفحة جديدة .
    2- اضغط بيمين الفأرة في أي مكان في الصفحة واختر Page Properties من القائمة .
    3- من الأعلى اضغط على علامة التبويب Language .
    4- اجعل الخيار الأول على العربية + اسم دولتك .
    5- اجعل الخيار الثاني والثالث Arabic .
    6- اضغط OK ثم ابدأ العمل في الصفحة .

    ## كيفية جعل الصفحة منسقة عند كتابة نص عربي أو نص مختلط ( عربي - انجليزي ) :

    يفترض الفرونت بيج 2000 أي صفحة جديدة تقوم بفتحها أنها مناسبة للنص المكتوب من اليسار لليمين "Lift To Right" والنص العربي كما تعلم من اليمين لليسار .. لذا يجب علينا تحويل اتجاه النص إلى "Right To Lift" وذلك بأحد الخيارات التالية :
    1- تغيير وسم بداية الصفحة من <html> إلى <html dir=rtl> . وذلك من قسم HTML في أسفل الفرونت بيج 2000 كما ذكرنا في الدرس الأول .
    2- أو تغيير وسم بداية منطقة الجسم من <body> إلى <body dir=rtl> .
    * ملاحظة : [ في الخيارين السابقين ستلاحظ انتقال شريط التمرير الرأسي من اليمين إلى اليسار عند معاينة الصفحة في الفرونت بيج أو في المتصفح ] .
    3- أو باستخدام الجداول لتنظيم الصفحة ، حيث يمكنك تغيير اتجاه النص إلى العربية في النص المكتوب داخل الجدول فقط ، وذلك بتغيير وسم بداية الجدول من <table> إلى <table dir=rtl> .
    4- أو تغيير خلية واحدة فقط من خلايا الجدول ، وذلك بتغيير وسم بداية الخلية من <td> إلى <td dir=rtl> . وهذا سيفيدك إذا كان اتجاه النص لكامل الصفحة من اليمين لليسار وتريد أن تضع نص انجليزي في أحد خلايا الجدول وجعله أكثر تنظيماً ، حيث أن كل ما عليك هو جعل وسم بداية الخلية <td dir=ltr> .
    5- أو تغيير اتجاه النص لمقطع أو فقرة محددة وذلك بتغيير وسم بداية الفقرة من <p> إلى <p dir=rtl> ، وهو سيفيدك في تنسيق نص من اليسار لليمين السابق ذكره مثل النص الانجليزي بحيث يصبح وسم بداية النص الانجليزي في صفحة عربية هو <p dir=ltr> وليس <p dir=rtl> .
    *** ملاحظـــــة : [ تذكر دائماً المسافة قبل كتابة dir ] .

    ## ضبط نص كما في ميكروسوفت وورد :

    لضبط نهاية جميع أسطر نص معين مكتوب في فقرة واحدة ، غيّر وسم بداية الفقرة من <p> إلى أحد الأوامر التالية :
    1- <P dir="rtl" style="TEXT-ALIGN: justify"> .
    2- <P dir="rtl" style=" TEXT-ALIGN: justify; TEXT-JUSTIFY: inter-word"> .
    3- <P dir="rtl" style=" TEXT-ALIGN: justify; TEXT-JUSTIFY: newspaper"> .
    4- <P dir="rtl" style=" TEXT-ALIGN: justify; TEXT-JUSTIFY: kashida"> .

    ## طريقة وضع عدة ارتباطات في صورة واحدة بواسطة الفرونت بيج 2000 :

    1- أدرج الصورة في الصفحة .
    2- أشر على الصورة بالفأرة ... سيظهر في الأسفل شريط أدوات الصورة .
    3- ستجد في الشريط ثلاثة أشكال هي Click here to enlarge اضغط ما تريد منها واصنع شكل حول أي جزء من الصورة تريده أن يصبح ارتباط .
    4- بعد أن تكمل وضع الشكل في الصورة سيفتح مربع حوار وضع الارتباط Create Hyberlink ، ضع الارتباط الذي تريد واضغط OK .

    ## لوضع نص يظهر عند مرور الفأرة على صورة أو على ارتباط نصي
    أ) نص يظهر عند المرور على الصورة ، وهو يستخدم كنص بديل عند عدم ظهور الصورة أو للشرح حول ما تهدف إليه الصورة ، ويتم عمله كالتالي :
    1- أدرج الصورة في الصفحة .
    2- اضغط على الصورة بيمين الفأرة واختر من القائمة Picture Properties .
    3- اكتب في خانة Text النص الذي تريد ثم اضغط OK .
    ب- نص عند مرور الفأرة على ارتباط نصي :
    1- ظلل على النص المطلوب .
    2- افتح قسم HTML في أسفل الفرونت بيج 2000 .
    3- ستجد الشفرة الخاصة بهذا النص مظللة ، أضف لها الشفرة التالية :

    title="ضع النص هنا"
    مثال : إذا كان الكود الأصلي لهذا الارتباط هو
    <p><a href="http://www.des4arab.com/index.htm">الصفحة الرئيسية</a></p>
    فإن الكود بعد الإضافة سيصبح

    ## تقارب وتباعد الأسطر عن مايسبقها أو ما يليها :

    بواسطة فرونت بيج 2000 يمكنك جعل الأسطر أو الصور أو النماذج أو خلايا الجداول أكثر أو أقل تقارباً أو تباعداً عن ما يسبقها أو ما يليها ... وذلك كالتالي :

    1- افتح قائمة Format واختر Paragraph .
    2- سيفتح مربع حوار Paragraph ... من خانة Spacing يمكنك تعديل التقارب أو التباعد حيث أن :
    أ) Before : خاص بتغيير مسافة ما يسبقه .
    ب) After : خاص بتغيير مسافة ما يليه .

    ## نقل صفحاتك إلى موقعك في الشبكة بواسطة فرونت بيج 2000 :

    يمكنك نشر صفحتك بواسطة فرونت بيج بدلاً من استخدام المتصفح أو برنامج ftp وذلك كالتالي :
    1- افتح قائمة File واضغط على Publish Web .
    2- اكتب في الأعلى عنوان موقعك كاملاً ، وإن اردت ارسال الصفحات لمجلد معين فاكتب أيضا اسم هذا المجلد مثل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .
    3- اضغط زر Publish في الأسفل .
    4- سيفتح مربع ، اكتب فيه اسم المستخدم وكلمة المرور الخاصة بموقعك ثم اضغط OK .

    لتحديد عنوان الرسالة عند ضغط الزائر على ارتباط لبريدك :

    1- ظلل النص الذي تريده ارتباط لبريدك ..مثل " اتصل بنا " .
    2- افتح مربع حوار إنشاء الارتباط " Create Hyperlink" .
    3- في خانة URL اكتب التالي ، مع تغيير عنوان بريدك وعنوان الرسالة :
    Click here to enlarge
    [c]نهاية دروس الفرونت بيج [/c]

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

    سابعاً : الآن أصبح لديك موقع مكتمل في جهازك ومساحة في الشبكة محجوزة لموقعك ... ولكن !! كيف ستقوم بنقل صفحاتك وبقية ملفاتك إلى هذه المساحة المحجوزة في الشبكة ( أي إلى الجهاز المستضيف لموقعك ) ؟
    - في الحقيقة هناك عدة طرق لنقل الملفات مثل : المتصفح - برنامج الفرونت بيج - ببروتوكول ftp . ولكن الطريقة الأفضل على الإطلاق هي استخدام برنامج ftp فهو يتميز بالسرعة والمرونة ويفيد المبتدئين والمتقدمين معاً .




    وهكذا بفظل الله تم الشرح



    [color=violet] فلا تنسونا بالدعاء الصالح[/color]



    Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked Shocked

      الوقت/التاريخ الآن هو الثلاثاء يناير 24, 2017 8:17 am