|
|||||||
![]() |
|
|
LinkBack | أدوات الموضوع | طرق مشاهدة الموضوع |
|
|
#1 (permalink) |
|
عضو نادي الألف
![]() ![]() ![]() ![]() تاريخ التسجيل: 12-08-2007
المشاركات: 2,540
|
دورة الفرنت بيج
السلام عليكم ورحمة الله وبركاته بدينا في مقدمة الفرونت بيج وأعتقد انكم الآن تعرفون بعض خطواته .. لكن أنشاء الله من خلال هذا الدورة اللي تابع وأيانا الدروس الأربعة ... راح يكون من خلال هذه الدورة محترف بأذن الله في برنامج الفرنت بيج ... واللي ما تابع الدروس الأربعة من هالدورة أنشاء الله بيستفيد ... طبعاً بيكون هذا الموضوع خاص للدورة من أول مفتاح حتى آخر مفتاح ... الدورة ما فيها شيء صعب ... لكن أعتقد تراكمها عليكم فيه بعض الصعوبة ... لأني راح اشرح بأستمرار ... لكن تابعوا معي بأستمرار وأنا حاضر للأسئلة ... راح نتناول في هذه الدورة اثنا عشر مفتاح يؤهلكم للأحتراف ... أخوكم كوكو تحياتي وتقديري __________________ |
|
|
|
|
|
#4 (permalink) |
|
عضو نادي الألف
![]() ![]() ![]() ![]() تاريخ التسجيل: 12-08-2007
المشاركات: 2,540
|
رد على: دورة الفرنت بيج
أنتظر أسئلتكم يأخواني سواء في هذا الموضوع أو في موضوع مستقل أذا كان بالصور وبيكون الرد بنفس موضوعه علشان الصفحة اللي فيها صور بتأخذ معي وقت على ما تفتح معاي الصفحة وعلشان الأخوان ما يملون من بطئ الصفحة ==== هذه قأئمة بالمفاتيح >> الأثنا عشر > المفتاح الاول :- كيفية التعامل مع النصوص المفتاح الثاني :- كيفية التعامل مع الصفحات المفتاح الثالث :- كيفية التعامل مع الأرتباطات المفتاح الرابع :- كيفية التعامل مع الجداول "هذه يأخواني راح أختصرها اليوم بدرس واحد " لأننا تأخرنا على الفوتوشوب لأهميته لتصميم أستايل لموقعك والشيء الآخر تم شرحها تقريبا في الدروس ==== المفتاح الخامس :- إنشاء موقع ويب المفتاح السادس :- أضافة مؤثر على صفحة ويب المفتاح السابع :- اضافة نموذج على صفحة الويب المفتاح الثامن :- كيف تنشر موقعك على الأنترنت المفتاح التاسع :- أهمية برمجة لغة HTML المفتاح العاشر :- قاعدة البيانات المفتاح الحادي عشر :- التعامل مع القوائم والخطوط المفتاح الثاني عشر :- التعامل مع الرموز والتحكم بها ==== راح يكون هناك دمج لبعض الدروس عدا الصعب منها وراح ابلغكم أني دمجت هذه المفاتيح اي واحد يبي شرح مفصل عن أحد المفاتيح أنا ما عندي مانع في أي وقت او حتى أذا أراد نقطة معينة في أحد المفاتيح بعد ما عندي مانع أهم شيء تسألون الصعوبة اللي تتواجهونها اذا ما فهمت المفتاح ما تسأل >>> أريدك تسأل على طووول قبل ما نبدأ بالمفتاح الثاني لأنه كل مفتاح مرتبط باللي قبله وإذا فهمت المفتاح راح يسهل عليك فهم اللي بعده أنشاء الله وصدقوني ما فيه شيء صعب اليوم ولا فيه شيء مستحيل بس أزرع الفكرة في رأسك طبق مرة وأثنين وثلاث ما فهمت أو مو مقتنع أسأل موب عيب السؤال ولو تبي مفتاح كامل مفصل بالتفصيل الممل وبالصورة بعد ما عندي مانع بس لا تتردد أكتب الموضوع والباقي علي أنشاء الله والله ولي التوفيق __________________ |
|
|
|
|
|
#5 (permalink) |
|
عضو نادي الألف
![]() ![]() ![]() ![]() تاريخ التسجيل: 12-08-2007
المشاركات: 2,540
|
رد على: دورة الفرنت بيج
فتح البرنامج لأرى فيه شي من الصعوبة >> وكذالك أغلاقه >> حفظ الملف >> حفظ الملف بأسم >> كلها اشياء لا تحتاج شرح >> الدروس الاربعة السابقة ها هي الان بين أيديكم تعلمتو فيها كيف تتعاملون مع الفرونت بيج >> فتح نعرف نفتح البرنامج >>> أغلاق كذالك >> شنو اللي بعد بقى >> صفحة جديدة >> تعلمنا كيف نسوي صفحة >> عمل جديد >> بعد تعلمنا >> يعني بأختصار الدروس الاربعة هي شرح مفصل بالصورة للمفاتيح الأربعة الدورة السابقة لي كانت المفاتيح الأربعه اللي امامكم كانت سبع مفاتيح لكن الحمد لله قدرنا ندمجها >> ونقلص عددها حتى لا تكثر عليكم وتملون من الشرح الطويل >> ======== هذه قائمة المفاتيح الأربعة اللي راح يتم شرحها الآن 1- كيفية التعامل مع النصوص 2- كيفية التعامل مع الصفحات 3- كيفية التعامل مع الأرتباطات 4- كيفية التعامل مع الجداول ======== نبدا الشرح >>> التعامل مع النصوص كتابة نص:- في صفحة الفرونت بيج بعد فتحها هي مثلها مثل أي كتابة في برامج الميكروسفت اوفيس الفرق بسيط جدا >> هو من قائمة أدارج => خط افقي ومن ثم ابدأ الكتابة . التنسيق:- هو مثله مثل الوورد توسيط الخط تكبير الخط لون الخط فقرة ما بيختلف مع الوورد ابد عند وصولك نهاية السطر بينتقل تلقائي للي بعده بدأ فقرة جديدة :- عندما ترغب في فقرة جديدة فقط أضغط أنتر وبيبدأ فقرة جديدة من نفسه فقط كل ما عليك ضغط أنتر وبأمكانك مجرد تضغط الماوس بداية الفقرة الثانية وتضغط مسح "Backspace" يتم دمج فقرتين معا استخدام رموز :- من قائمة أدراج => رمز ... وتختار الرمز اللي تريده بعدين ادراج بعدين اغلاق واعتقد تعرفون هذه الطريقة من برنامج الوورد استبدال او حذف نص :- ضلل النص واضغط على مسح للحذف أو أكتب مباشرة على التضليل يتم أستبداله بنص جديد نسخ ولصق وتقص:- بأمكانك تنسخ وتلصق وتقص اللي تريده كلها اشياء بالوورد معروفة نقل النص :- هي عملية القص ونفسها النسخ واللصق سواء عن الأختصارات أو عن طريق شريط الأوامر ======== التعامل مع الصفحات تمييز الصفحة :- ما كو شيء تتعب روحك فيه >> ما يتميز به الصفحة الا بالتالي .. الخطوط الألوان الأحجام >>> صارت هي تنسيق النصوص أنتهى تنسيق النص معروف الهوامش المحاذاة القوائم >>> معروفة كلها تابعة للتعامل مع النصوص محاذاة قائمة ترقيم تنقيط كلها نفس الوورد اللي ما يعرف ويبي يسأل ما عندي مانع اجاوبه ======== التعامل مع الارتباطات الآن في بعض الصفحات رابط يؤديك الى موضوع مفصل في نفس الصفحة وبعد ما تنتهي من نفس الموضع المفصل عندك رابط تضغط عليه كلك يسار ينقلك مباشرة للموضع السابقة . الآن وانت في أحد المواضيع تجد رابط من تضغط على الرابط ينقلك الى صفحة ثانية في نفس المنتدى . الآن وانت في احد المواضيع تجد رابط من تضغط عليه ينقلك ألى موقع آخر. الآن وانت في احد المواضيع للتفصيل لا تردد في استشارتي على الايميل ومن تضغط الايميل تفتح لك صفحة الايميل . فالرابط نقدر نقول انه اداه تساعد في ربط المعلومات بعضها ببعض . انا كنت اعتبر الرابط هو www.googel.com كنت اقول الرابط صار هذا دومين محرك البحث القوقل .. وقيسو على المواقع الاخرى لكن في الأخير اتضح أنه الرابط هو كل وسيلة تساعد في نقلك وتسهل عليك ربط المعلومات .. وتختلف بأنواعها . فأنت تقدر تنشئ رابط في نفس الصفحة وتقدر ايضا رابط يؤدي لصفحة آخرى في نفس موقعك وتقدر تضيف رابط ينقلك الى بريدك الالكتروني وتقدر ايضا تضيف رابط ينقلك مباشرة الى صفحة مواقع آخرى .. الان عرفنا الرابط نأتي كيف نسوي رابط نضلل النص من قائمة أدراج رابط تشعبي ولك الخيارات بغيت رابط للبريد الألكتروني بغيت الرابط لنفس الصفحة بغيت الرابط لصفحة ثانية بغيت الربط لمستند ثاني المجال مفتوح لك ... على فكرة يأخواني الرابط في نفس الصفحة عادة ما يكون أشارة مرجعية ولا يتم ذالك الا بعد تحديد الاشارة المرجعية . يعني ادراج بعدين اشارة مرجعية وبعدين تحدد اسم الاشارة وبعدين موافق ومن ثم تروح ألى ادراج بعدين ارتباط تشعبي بعدين مكان في هذا المستند بعدين اشارة مرجعية .. اللي يبي شرح مفصل ما عندي مانع ايضا يمكنك تحرير الارتباط وإزالته .. كلك يمين خصائص الارتباط التشعبي ازالة الارتباط التشعبي ايضا يمكنك النظر في عملك عن طريق F12 وتنظر اليه طبعا لازم تسوي حفظ وتناظر فيه وتشوف الروابط مشية معك صح او لا انشاء صورة :- تقدر تدرج صورة من الجهاز من صفحة على الانترنت من الاسكنر أو ادراج قصاصة فنية . ويتم ذالك عن طريقة قائمة أدراج >>> صورة وتختار الصور اللي تريدها ======== كيفية التعامل مع الجداول يمكنك ادراج جدول >> عن طريق قائمة أدراج وتحدد عدد الصفوف والاعمدة اللي بتدرجها في صفحتك . الآن ادرجنا الجدول >> يمكنك عمل الآتي داخل الجدول >> التنسيق الكتابة الأرتباط النصوص والصور والارتباطات والتعديل عليها من دمج وتقسيم الخلايا .. فتقدر تدمج صفين وعمودين وتقدر تقسم الخلية الى مجموعة صفوف وأعمدة كل اللي تم شرحه في الأعلى تقدر تضيفه وتطبقه داخل الجداول ... هذا درس اليوم واعذروني على الأختصار لكن اعيد وأكرر اللي يبيني أشرح له موضع كامل بالشرح الممل ما عندي مانع أنا حاضر .. أنا تأخرت عليكم أو أمدانا بدين في الفوتوشوب لكن ضروفي الصحية منعتني والحين أبشروا باللي تأمروني فيه وصدقوني أذا بتشجعوني أسألوني >> صدقوني لم بتسألوني الآن عن نقاط معينة او مفاتيح بأكون مجهز نفسي في المفاتيح ا لباقية >> ولا تنسون أنا راح نبدأ في أنشاء الموقع >> يوم غد أو بعد غد >> فتأكدو أنكم راح تعتمدون على المفاتيح الأربعة هذه __________________ |
|
|
|
|
|
#6 (permalink) |
|
عضو نادي الألف
![]() ![]() ![]() ![]() تاريخ التسجيل: 12-08-2007
المشاركات: 2,540
|
رد على: دورة الفرنت بيج
المفتاح الخامس :- إنشاء موقع ويب === لا يخفى عليكم في الدورس حيث تعلمنا كيف نقوم بأنشاء موقع جديد وكيفية حفظه >> يمكنك ان تقوم بأضافة صفحة جديدة ونقل صفحة لموقع آخر كما يمكنك حذف صفحة موقع الويب >> لن نتطرق لهذا الدرس لأنه تم شرحه سابق >> خلوكم في الأهم أضافة مؤثرات إلى صفحات الويب >>> هنا تقدر تضيف لصفحة الويب عداد لزوار موقعك > كما تقدر تضيف التاريخ وأيضاً يمكنك أضافة تأثيرات حيوية عليه كزر تبادلي مثلا >> وهذه الأداه تسمى تبويب . الطريقة الكل منكم يعرف شريط الأدوات القياسي >> اللي ما يعرفه هذه الطريقة يقوم ويأشر بالماوس إلى جوار شريط القوائم أو بالتحديد في الأعلى جنب تعليمات >> ويضغط كلك يمين >> تظهر له نافذة يختار قياسي . هي موجودة لعنده بتختفي موب موجودة بتظهر له >>>>>>>> . لم تذهب لشريط الأدوات القياسي راح تلاقي مربع صغير على هيئة جدول >>> لم تروح للي بعده يسار راح تلاقي مربع صغير أنظر للصورة في الدرس الخامس الدرس الخامس في الفورنت بيج ... ايضا يمكنك عن طريقها أضافة أعلان بنر متحرك وذالك من خلال تأثيرات حيوية شاشة أسمية أنها >> ومن ثم راح تتحكم في خصائص الشاشة الأسمية ... تتحكم فيها وفي لون الخلفية للنص >> لاحظ كل هذا بيكون ثابت ولكن عند ضغطك على F12 راح تصير معاك متحركة بشرط انك تكون حفضت تعديلك >> وأي تعديل آخر سو له حفظ ومن ثم روحة لصفحة المستعرض وأضغط على تحديث دايركت بيكون حدث لك الصفحة ... كما يمكنك تأثير الصفحة عن قائمة تنسيق وذالك بأن تجعل للصفحة وميض كما حالك عندما تسوي خروج من المنتدى "عالم الحياة الزوجية" وطريقة عمل ذالك من القائمة تنسيق >> المراحل الانتقالية للصفحة >> وبيظهر لك جدول التنسيق تختار اللي تريد ... الآن اضافة تأثيرات الصوت والفيديو وذالك عن طريق القائمة ادراج >>> صور >> ومن خلال صور تظهر نافذة تختار فيلم بتنسيق فلاش >>> ويمكنك التحكم في خصائصه ... تريد اول ما تفتح الصفحة لو تريد مجرد مرو الماوس على الصورة ... الآن انتهينا من عملية التأثيرات على صفحة الويب >>> انشاء نموذج على الصفحة الويب >> من القائمة ملف جديد >>> في الجهة اليسرى من الصفحة أختر قوالب صفحات آخرى >>> بعدين أختر >>> من مربع الحوار معالج صفحات النموذج >> موافق >> مربع الحوار أختر >>> التالي >>> بعدين أختر اضافة اللي موجودة وسط مربع الحوار >>> بعدين كلك يسار مرة واحدة على معلومات الاتصال >>> بعدين التالي >>> بعدين تأشر على الخانات المطلوبة >>> التالي >>> بعدين التالي >>اللي يطلع لك الحين هي اجابات التأثير >> علشان تعرف انك ماشي صح تأكد أنه اللي امامك = خيارات العرض التقديمي >>> لم يكون هنا اعرف شغلك ماشي صح >>> من هنا انت تختار >> طبعا اللي تختاره هو الاجابة على النموذج اللي اخترته >>> التالي >>> تختار اللي تريد >>> بعدين التالي >>> بعدين انها ...عموما تقدر تحذف الصفحة من وترجع من جديد وتحدد خيارات اضافية >>> طبعا نفس الطريقة ... اللي عملناه قبل شوي هي نماذج جاهزة من قبل >>> الأن نماذج انت اللي تقوم بتجهيزها ... من القائمة ملف >>> جديد >>> صفحة فارغة >>> أو تضغط كنترول + N >>> عموما كلها تعطي نفس النتيجة صفحة فارغة >> اضغط في نفس الصفحة بالماوس كلك مرة واحدة >>> بعدين تروح للقائمة أدراج >>> وتختار من القائمة نموذج وتختار النموذج اللي تريده ... وللتعديل على خصائصه كلك يسار مرتين عليه وتعدل اللي تريده ... وتقدر تضيف عليه خصائص اللي تريد >>> الآن انتهينا من عملية النماذج >>> اكو خصائص أخرى لكن ما تقدرون تعدلون عليها الا بعد الأتصال بمدير الخادم وذالك لكتابة برنامج للنموذج >>> الان نبدأ بعملية نشر الموقع على الانترنت >>> قمنا بتصميم الصفحات وانشاءنا عليها النماذج والحقول والتأثيرات وما بقى الاّ نشر الموقع على الأنترنت >>> نشر الموقع على الأنترنت :- هذه هي أهم مرحلة في أنشاء الموقع وهي تمكين مستخدمي الأنترنت من زيارة موقعك >> نتكلم الان عن مستخدمي الانترنت >>> المستخدم "الزائر" عادة ما ينفر من الموقع الا يأخذ وقت لتحميل الصفحة حتى لو كانت حلوة وراقية لابد ان تتجنب هذه ... لكي تتجنب ذالك بأمكانك التقليل من الصور والملفات >>>ويمكنك النظر في حجم الملفات في موقعك عن طريق القائمة >>> عرض>>> تقارير >>> معلومات تلخيصية عن الموقع >>> وإذا أنت راعي طويلة وما عجبك الحجم تبي تقول بحذف الزايد او اقلص الحجم أطلب من نفس القائمة >> عرض >> تقارير >> ملفات >> كافة الملفات >> وتناظر حجم كلا على حدة ... هذه هي اول خطوة قبل نشر موقعك لكي تتجنبها >> الا وهي حجم الصفحة وثقلها ... الان لا يمكن أن تنشر موقع ويب الا بطريقتين رئيستين في النشر ... 1- ان يكون هناك دومين للموقع >>> 2- تحميل او نشر هذه الصفحات >>> الآن نتناول أهم بروتكولين للنشر >> عندنا بروتوكول HTTP & بروتوكول FTP ... نفرق بينهم >> البرتوكول HTTP هذا برتكول حديث قديم ميزته الله يسلمكم انه جاء بعد بروتوكول FTP ولكن أسرع منه بكثير >>> اما البروتكول FTP >>> فهذا البروتوكول قديم ولكنه ما زال يستعمل >>> ميزاته يمكنك التحميل اي صفحة من خلاله >>> والله تقول طيب دام نفس الميزات بستخدم الأسرع >>> موب على كيفك >>> امتى تستخدم !!! تستخدم البروتوكول HTTP عندما يكون برنامج الفرونت بيج Extensions وإذا لم يكن موجود تستخدم البروتكول FTP طريقة نشر الموقع على الأنترنت >> افتح صفحتك او ملفاتك اللي تريد نشرها على الأنترنت >>> ناظر الصورة في الدرس الخامس >>> طبعا عبر ا لشريط القياسي موجود نشر الموقع >>> بيظهر لعندك مربع حوار النشر ... تختار الاولى موقع ويب البعيد >>> طبعاً تتحدد اسم الدومين >> اللي بيكون اسم لموقعك >>> موافق لأغلاق مربع الحوار >>> طبعاً بيرفض أذا لم يكون موجود لعندك بروتوكول HTTP لذا تظطر للتحميل على النوع الثاني FTP بيطلب منك اليوزر نيم والباسوورد ... تدخلها وطبعاً بأمكانك تحديد مجلد له تكتب اسم المجلد بالأنجليزي طبعاً وبيحمل في نفس المجلد ... نكون لهنا استطعنا ان نصل إلى نهاية نشر الموقع بقي الخطوة الأخيرة في النشر ألا وهي اضافة موقعك إلى محركات البحث المتوفرة .. مثل الياهو او القوقل وغيرها يوجد هناك الكثير لكن تقريبا أشهرها في مجتمعنا العربي هذين المحركين >>> وإلى هنا انتهينا من مفتاح أنشاء ونشر الموقع >>> تابعو معنا المفتاح القادم HTML __________________ |
|
|
|
![]() |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| طرق مشاهدة الموضوع | |
|
|
العاب - العاب بنات - الفراشة - عالم حواء - منتديات - طيران - سفر - كورة - ابراج – حظك اليوم - اخبار - كليبات - العاب فلاش - التنمية البشرية - بنت الحلال – زواج - اصحاب–تعارف - مدونات مكتوب – مدونات عربية