-
الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
بسم الله الرحمن الرحين
الدرس الاول
اهلا
في البداية الدروس بتكون اسبوعية بس اول درس بكون صغير شوي لكن الدروس الياية بنتعمق بالبرنامج
-------------------------------------------------------------------------------
: في البداية بنشرح الواجة الرئيسية
==
قائمة فايل >>>>>> file >>>>>
http://www.bindiba.com/up/2.gif
(صورة رقم 1 )
أكيد تسألو شو المهم فيها .. فيها شي مهم جداً وهو فتح الموقع أو بروجكت جديد
1- هو فتح موقع جديد ..كيف
نروح في المكان الي يعجبك في السي او الدي او ماي دكيومنت او اي مكان
المهم سوي فلدر جديد و سميه و بعدين روح واختار
open site
وختار الفلدر الي سويته بتلاحظ انة ستوى شي بالفلدر الانة الفرنت بيج اختارة كمشروع موقعك الي بتصممةو بضيف له فلدرين او تو ماتك
الي هو _private
و images
و بصير شكل الفولدر
( شكل رقم 2 )
ملاحظة : نحن لا نحتاج لهذة الخطوة الا اذا كنت تعمل على أكثر من موقع ... لذا ستجد فلدر
بأسم My Web Sites في My Documents
الفرنت بيج يقوم بأنشائه فور تثبيتك له
=======================
2- Publish site
و هو خاص بنشر الموقع على شبكة الانترنت وسنشرحة لاحقاً بالتفصيل الممل أن شاء الله
-----------------------------------------
الشكل رقم 3 يبين الديزاين و
spilt :
وهو يضهر الديزاين مع الكود ..
code :
وهي تحتوي على
لغة ترميز النص التشعبي أتش تي ام ال المستخدمة
و بنشرحا بعدين
أما البرفيو
يعني تجربة الموقع
---
http://www.bindiba.com/up/6.gif
الشكل رقم 4 يبين اسم المف و أن شاء الله بالدروس اللمتقدمة بتعلم كيف نسمي هل الملفات
و بكمل ... بدرس الجاي
:05:
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
تكملة الدرس الاول
قم بفتح برنامج الفرنت بيج و فتح صفحة جديدة ثم إذهب الى file >>> save as
وسمية index ..
ليش سميناه بهل اسم ... : بختصار عشان يكون الصفحة الرئيسية للموقع ..
الحين ضع مؤشر الماوس بص الصفحة وضغط على الزر اليمين لها
و ختار page properties
====
1- هو تسمية عنوان الصفحة
2- شرح محتوايات الصفحة ( أختياري ) وهو مهم عند نشر الموقع في محركات البحث حيث تستخدم هذا الشرح لمحتوا الصفحة
3- لوضع ملف صوتي كخلفيه لصفحة
==============
هذا الشكل مهم و بشرحة الحين
1- وضع خلفيه للموقع (صورة )
================
ألوان الصفحو مهم جداً
2- خلفية الصفحة ( لون)
3- لون النصوص
4- لون الارتباطات التشعبية (
http://images.montada.com/editor/createlink.gif )
5- لون الارتباطات التشعبية عند الزيارة
6- لون الارتباطات التشعبية ( النشيطة ) ..(عند تكرار الزيارة )
==================
هذي الصورة لختيار اللغة
.. و نحن يهمنا 1 و 2
و بعد 3 مهم ,,
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
سأشرح الاكواد الخاصة بلي شرحتة
1- كود العنوان
كود PHP:
<title>العنوان
[center][img]http://www.bindiba.com/up/Pp2.gif[/img][/center]
[right]1- كود الخلفية ( صورة )[/right]
[PHP]
<body background="مكان الصورة ">
2- كود الخلفية ( لون )
[CODE] bgcolor</FONT>="#008000">
[/PHP]
008000 هو كود اللون
3- النصوص و الروبط
كود PHP:
link="#000000" vlink="#FF0000" alink="#808080" text="#808000">
text النصوص
link هو الرابط العادي
vlink الربطة التي تم زيارتها
alink الرابطة النشيطة
--------------------------
كود اللغة
[PHP] text/html; charset=windows-1256">
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
الله يجزاك كل خير أخوي والله إنك ماقصرت ... والله قد إيه لو تعرف إني محتاج هذا الموضوع .. الله يرحم والديك ويسكنهم الجنه ... كمل الدروس وانا معاك
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
ان شاء الله بكمل لو شفت تفاعل من الاعضاء
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم و رحمة الله وبركاته
مشكوور اخوي عبودي على الموضوع القيم و المفيد
جزاك الله خير
و مشكور عل الجهود المبذوله
:::::::::::::::::::::::::::::::::::::::::::::::::::
هامش :
جاري التقيم ,،
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
بارك الله فيك اخوي وننتظر منك المزيد :)
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
اقتباس:
المشاركة الأصلية كتبت بواسطة MAXIM:JE
الله يجزاك كل خير أخوي والله إنك ماقصرت ... والله قد إيه لو تعرف إني محتاج هذا الموضوع .. الله يرحم والديك ويسكنهم الجنه ... كمل الدروس وانا معاك
أي والله وأنا كمان بقول نفس الكلام .....
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
:33:
الصراحة هو ما في تفاعل مب الاعضاء لكن
أن شاء الله بكمل الدورة و اليوم بنزل الدرس الثاني
:أفكر:
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
طيب أخي ليه ماتطلب من المشرف العام إنه يضع لك بنر في صفحة المنتدى الرئيسية على هذا القسم حتى ينتبه الأعضاء إلى موضوعك هذا ... واحتسب الأجر عن الله
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم
بارك الله فيك أخي عبودي
وجزاك الله عنا خيراً
دوره جت في وقتها
وأنا أستعد
لإنشاء موقع لي
:)
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
خلاص خلكم ويانا ..
. الدرس الياي . يوم الاربعاء ان شاء الله
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور وما تقصر يا اخ عبودي
وياريت تشرح الجداول بتفصيل ممل لانها الصراحة طفشتني مع انها سهلة
يعطيك العافية والى الأمام
على فكرة انا ما دخلت الموضوع الا من البنر اللي حاطينه
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
ياسلام عليك اخوي عبودي يعطيك ألف عافية
شروحات رائعه ونتمنى النجاح للمسابقه
:)
الكثير مايتفاعل مع هالبرنامج ويظن أنه حكاية التصميم صعبه لكن
برأيي حاليا أسهل الأشياء التصميم
اخوك:
المحترفــ:)
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
موفق اخوي عبادي موضوع مميز الصراحة
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
تسلم أخوي عبودي
الصراحة ييت بالوقت المناسب لأن الفرونت بيج مقرر علينا هالسنة وراح أذاكر من تقريرك وجزاك الله خير على هالجهد هذا
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
حلو عبودي مشكور عل الدروس المفيده يلا انشاء اسوي موقع @@ خخ و اقول هذا انتاجي تحت اشراف المعلم عبودي
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شرح ممتاز أخي عبودي
بس المهم انه ماتتعب لأنه بصراحة انقطعت دروس الفرونت بيج منذ زمن
وماعاد ولا حده ينزل موضوع أو دورات وأنا كنت أول من ترك القسم وبطل ينزل مواضيع فيه بسبب قلة الردود وووووووو ...........الخ.
خطوة رائعة ومجهود تشكر عليه ويعطيك ألف عافية وموضوعك يستحق الترشيح بدون أي تردد.
والسلام عليكم.
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكرا اخوى على ها الدرس المفيد للمبتدئين وغيرهم 00 وسيحتسب ذلك عند الله 0إنشاء الله -واتمنى لك التوفيق فى حياتك
رعااااااااك الله ---وغفر للشيخ زايد رحمة الله
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
تسلم يدك اخوي ,.............,
-
ألف شكر
شكرا على الدرس لأني كنت محتاج كثير بس ممكن توضحل كيف أدخل الموسيقى بالموقع أي لللإستماع و التحميل و شكرا
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
اشكرك من كل قلبي امممممممممممممممححححححح
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور اخوي على الدورة المفيدة جدا
اخوك سارس^^
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
بس لو سمحت أنا عندي فرونت بيج 2003 عربي ميش إنجليزي
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
اقتباس:
بس لو سمحت أنا عندي فرونت بيج 2003 عربي ميش إنجليزي
نفس الشي أخوي
بس أنت قولي شو ما فاهمنه أنا أفهمك
-----------------------
أنشاء الله بنشرح البرنامج كامل .. بس لين أخلص من المتحانات
.. أوكيك
و الثلاث الجاي الدرس الجديد ..
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
المنتدى محجوب يااخي انا في السعودية ليش كذا
آآآآآآآآآآآآآآآآآآآآآآآي
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
بارك الله فيكم على هذا الموضوع الرااائع ..
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكوور أخي على هذا الدرس :biggthump
في انتظار تكملة الدروس ........^^.......^^.........
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور يا غالي ولك الاجر والثواب
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
:)
السلام عليكم
آسف لعدم تكملتي للدورة وذلك بسبب الامتحانات
و بنباشر الدورة الاسبوع الجاي يوم الاربعاء أن شاء الله
.. ---------
و سوف ننتقل للمراحل العمليه جداً ( مراحل تصميم موقع متميز )
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
ننتظر يوم الاربعاء الدروس على احر من الجمر
تحياتي لجهدك العظيم
الف شكرررررررررررررررررررررررررررررررر
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور يا اخي ارجو الاستمرار الله يعطيك الف عافيه ارجوك تكمل شروحاتك لاني محتاج الشرح جدا جدا والف شكر لك على الاهتمام
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور اخوي على الدرس
بانتظارك:)
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
اقتباس:
المشاركة الأصلية كتبت بواسطة عبودي
:)
السلام عليكم
آسف لعدم تكملتي للدورة وذلك بسبب الامتحانات
و بنباشر الدورة الاسبوع الجاي يوم الاربعاء أن شاء الله
.. ---------
و سوف ننتقل للمراحل العمليه جداً ( مراحل تصميم موقع متميز )
يا استاذ عبودي با تتأر الامتحانات هكذا قد انتهينى
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
الدرس التنفيذي 1
من أهم شيء في تصميم المواقع هو الجداول الانها تساعد في تنسيق الموقع و وضع المعلومات الصحيحة في المكان الصحيح . كما انك لا تستطيع ان تزين الموقع بـ برواز أو ديزاين بدون استخدام الجداول
لهذا يجب عليك أتقانها جيدا ً
-------------------------------------
الصورة رقم 1
============
تضهر الصورة المكان المخصص الإدراج الجدول و كما هو موضع بالصورة من الممكن التحكم بعدد الجداول " صفوف العرض والطول "
أتبع الخطوات التاليه
قم بإدراج جدول
4 صفوف عرض
4 صفوف طول
ثم ... تابع الدرس
---------------------------------------------------------
صورة رقم 2
كما هو مبيت في الصورة رقم 2
------------------------------------------------------------------------------
لستخدام الجداول في التنسيق يجب علينا ان نجعلها مخفيه
كيف ؟؟
تابع
------------
قم بتضليل الجداول التي قمت بإدراجها سابقا ثم أضغط على الزر اليمين و أختر
table properties
خيارات الجدول
و كما هو مبين على الصورة رقم 3
1- حجم المساحة الداخيلف في الجدول
داخل الخانات
2- حجم إيطار الجدول
3- حجم الايطار الخارجي
4- لوضع خلفيه للجدول
صورة او لون
أجعل الخيارات في الرقم 1 و 2 و 3
تساوي 0
بتلاحض
ان الجاول صارت مخفيه
----------------------------
الواجب حاول تنسيق الجداول مثل المرفق بستخدام جميع ما تعلمت بمهارتك الخاصه
-
1 مرفق
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
آسف جداً على التأخير وهذا المرفق
..
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكووووووووووووووووووووووووووووووور
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
العفوو .. . وين الاعضااء ,,
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكرا جزيلا على الموضوع الرائع والمفيد
وأنا بانتظار الدروس الباقية
مع تحيات المومياء
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
الله يعطيك العافيه
www.n90n.com
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور أخوي على هذا الدرس الرائع :)
في انتظار بيقية الدروس ......
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم ورحمة الله وبركاته
انا عضوة جديدة بالمنتديات
جذبتني جدا دورة الفرونت بيج و انا كنت حابة اتعلمها
مشكور جدا اخ عبودي على هذا الطرح الرائع
لكن سؤالي............................:أفكر: :أفكر:
وين باقي الدورة؟؟؟؟؟؟؟؟؟؟؟؟
هل توقفت الدورة او ماذا؟
تحياتي
اختكم
ستوري
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكرا ً أخوي على ردك . . ان شاء الله بكمل الدوره
بس عندي مشكله في سيرفر الموقع ( الاف تي بي ) لهذا ما اقدر انزل الصور الجديده لكن قريباً جداً بكملها . و بندخل بالجد . .
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم و رحمة الله وبركاتة
شكرا اخوي على الدرس وننتضر التكملة
تحيتي
/)/)/)
-
مشاركة: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكور ومنتظرين الدرس الثاني:09:
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكوووووووووووووور والله يعطيك العافيه والله ما قصرت اخوي
اخوك رايح جاي
A B H
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
تابع الدرس فقد اعجب معظم الاعضاء
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
مشكووووووووووووور على الدرس
يعطيك ألف عافية يا بطل :D
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
جزاك الله خيرا دورة جميلة اوى
بس لى رجاء
ان يكون كل درس فى موضوع مستقل
وتكتب فى عنوان الموضوع الدرس رقم 1
والدرس رقم 2 وهكذا
وفى كل موضوع تضع روابط الدروس السابقة اولا
وشكرا
ارجو تثبيت الموضوع
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكراااااااا جدااااااا على الدوس
وفى انتظار التكملة
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
دورة راااائعه جدا وانا شخصيا كنت في اشد الحاجه اليها ...
رجاااء اخوي عمرو اكمال الدورة ... شاكرين لك و ممنونييييين
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكرا عالدروس القيمة
بس احب انوه ان الرحيم اللى مكتوبة فى اول مشاركة بالميم مش بالنون
وشكرا يا غالى
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
ولا اروع شكرا لك اخي الحبيب
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
عفواً يا سادة ..!!
شو صار في الدروس ووين راح الأخ عبود ..؟!
عسى ما شر .. الصراحة محتايين تواصل وشروحات عشان نتعلم أكثر وأكثر ..
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم ورحمة الله
اخي الكريم شرحك للبرنامج الذي باللغة الأنجليزية , فلا تنسى اخوانك الذين يستخدمون البرنامج باللغة العربية
جزاك الله خيرا
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
هلا عبودي حلوا موضوعك ما شالله الله يكثرمن امثالك
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
oOPS
شو صار
انا متحمسة كتير مشان تكمل الشرح :D
وين ليش توقف الدرس Oo
نحن بنتظار تكملة الدرس عبودي
وثانكس كتير على جهودك
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام عليكم
لو سمحتوا انا عندي مشكله صغيره بالفرونت بيج
انا صممت موقع وابي اسوي للموقع حدود مشتركه بس المشكله اني لم اجي اضغط على تنسيق حدود مشتركه تطلع عندي مي مفعله ماترضى تنضغط ايش الحل افيدوني الله يخليكم
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
شكرا جزيلا على الشرح الواضح
بدأت التطبيق ولكن على فرونت بيج عربي وماشي الحال
جزاك الله خير
-
رد: الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )
السلام
عود كمل قاعده اطبق وياك
ارجوك كمل