المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الدرس الاول (للمبتدئين) ( دورة فرنت بيج 2003 )


عبودي
11-11-2005, 12:53 AM
بسم الله الرحمن الرحين


الدرس الاول

اهلا
في البداية الدروس بتكون اسبوعية بس اول درس بكون صغير شوي لكن الدروس الياية بنتعمق بالبرنامج

-------------------------------------------------------------------------------


: في البداية بنشرح الواجة الرئيسية

==

قائمة فايل >>>>>> file >>>>>

http://www.bindiba.com/up/2.gif
(صورة رقم 1 )

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

1- هو فتح موقع جديد ..كيف

نروح في المكان الي يعجبك في السي او الدي او ماي دكيومنت او اي مكان

المهم سوي فلدر جديد و سميه و بعدين روح واختار

open site

وختار الفلدر الي سويته بتلاحظ انة ستوى شي بالفلدر الانة الفرنت بيج اختارة كمشروع موقعك الي بتصممةو بضيف له فلدرين او تو ماتك

الي هو _private

و images
و بصير شكل الفولدر

http://www.bindiba.com/up/4.gif

( شكل رقم 2 )



ملاحظة : نحن لا نحتاج لهذة الخطوة الا اذا كنت تعمل على أكثر من موقع ... لذا ستجد فلدر

بأسم My Web Sites في My Documents

الفرنت بيج يقوم بأنشائه فور تثبيتك له

=======================



2- Publish site

و هو خاص بنشر الموقع على شبكة الانترنت وسنشرحة لاحقاً بالتفصيل الممل أن شاء الله

-----------------------------------------



http://www.bindiba.com/up/5.gif

(الشكل رقم 3 )





الشكل رقم 3 يبين الديزاين و
spilt :

وهو يضهر الديزاين مع الكود ..

code :

وهي تحتوي على

لغة ترميز النص التشعبي أتش تي ام ال المستخدمة

و بنشرحا بعدين

أما البرفيو

يعني تجربة الموقع

---
http://www.bindiba.com/up/6.gif
الشكل رقم 4 يبين اسم المف و أن شاء الله بالدروس اللمتقدمة بتعلم كيف نسمي هل الملفات

و بكمل ... بدرس الجاي
:05:
عبودي
11-11-2005, 11:38 AM
تكملة الدرس الاول

قم بفتح برنامج الفرنت بيج و فتح صفحة جديدة ثم إذهب الى file >>> save as
وسمية index ..
ليش سميناه بهل اسم ... : بختصار عشان يكون الصفحة الرئيسية للموقع ..
الحين ضع مؤشر الماوس بص الصفحة وضغط على الزر اليمين لها
و ختار page properties

====


http://www.bindiba.com/up/Pp1.gif
(الشكل رقم 1)

1- هو تسمية عنوان الصفحة
2- شرح محتوايات الصفحة ( أختياري ) وهو مهم عند نشر الموقع في محركات البحث حيث تستخدم هذا الشرح لمحتوا الصفحة
3- لوضع ملف صوتي كخلفيه لصفحة
==============

http://www.bindiba.com/up/Pp2.gif
(الشكل رقم 2 )


هذا الشكل مهم و بشرحة الحين
1- وضع خلفيه للموقع (صورة )
================
ألوان الصفحو مهم جداً
2- خلفية الصفحة ( لون)
3- لون النصوص
4- لون الارتباطات التشعبية ( http://images.montada.com/editor/createlink.gif )
5- لون الارتباطات التشعبية عند الزيارة
6- لون الارتباطات التشعبية ( النشيطة ) ..(عند تكرار الزيارة )
==================

-------------------------
http://www.bindiba.com/up/Pp3.gif
(شكل رقم 3 )

هذي الصورة لختيار اللغة
.. و نحن يهمنا 1 و 2
و بعد 3 مهم ,,
عبودي
11-11-2005, 06:52 PM
سأشرح الاكواد الخاصة بلي شرحتة


http://www.bindiba.com/up/Pp1.gif

1- كود العنوان

<title>العنوان

http://www.bindiba.com/up/Pp2.gif

1- كود الخلفية ( صورة )



<body background="مكان الصورة ">

2- كود الخلفية ( لون )
[CODE] bgcolor</FONT>="#008000">

008000 هو كود اللون
3- النصوص و الروبط



link="#000000" vlink="#FF0000" alink="#808080" text="#808000">



text النصوص
link هو الرابط العادي
vlink الربطة التي تم زيارتها
alink الرابطة النشيطة
--------------------------

http://www.bindiba.com/up/Pp3.gif

كود اللغة
[PHP] text/html; charset=windows-1256">
الخيال
17-11-2005, 05:38 PM
الله يجزاك كل خير أخوي والله إنك ماقصرت ... والله قد إيه لو تعرف إني محتاج هذا الموضوع .. الله يرحم والديك ويسكنهم الجنه ... كمل الدروس وانا معاك
عبودي
17-11-2005, 08:24 PM
ان شاء الله بكمل لو شفت تفاعل من الاعضاء
88_Shadow
17-11-2005, 09:46 PM
السلام عليكم و رحمة الله وبركاته
مشكوور اخوي عبودي على الموضوع القيم و المفيد
جزاك الله خير
و مشكور عل الجهود المبذوله

:::::::::::::::::::::::::::::::::::::::::::::::::::
هامش :
جاري التقيم ,،
lord yuri
19-11-2005, 08:02 AM
بارك الله فيك اخوي وننتظر منك المزيد :)
عودة أبو حذيفة
22-11-2005, 06:14 PM
الله يجزاك كل خير أخوي والله إنك ماقصرت ... والله قد إيه لو تعرف إني محتاج هذا الموضوع .. الله يرحم والديك ويسكنهم الجنه ... كمل الدروس وانا معاك

أي والله وأنا كمان بقول نفس الكلام .....
عبودي
24-11-2005, 11:20 AM
:33:
الصراحة هو ما في تفاعل مب الاعضاء لكن
أن شاء الله بكمل الدورة و اليوم بنزل الدرس الثاني
:أفكر:
الخيال
24-11-2005, 11:44 PM
طيب أخي ليه ماتطلب من المشرف العام إنه يضع لك بنر في صفحة المنتدى الرئيسية على هذا القسم حتى ينتبه الأعضاء إلى موضوعك هذا ... واحتسب الأجر عن الله
عبودي
26-11-2005, 01:04 PM
فكرة حلوة
.. اوكيك
رجل الحاسوب
27-11-2005, 09:54 AM
السلام عليكم
بارك الله فيك أخي عبودي
وجزاك الله عنا خيراً
دوره جت في وقتها
وأنا أستعد
لإنشاء موقع لي
:)
عبودي
27-11-2005, 11:59 AM
خلاص خلكم ويانا ..
. الدرس الياي . يوم الاربعاء ان شاء الله
luisfigo1986
27-11-2005, 12:10 PM
مشكور وما تقصر يا اخ عبودي

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

على فكرة انا ما دخلت الموضوع الا من البنر اللي حاطينه
السكربت العربي
29-11-2005, 01:44 PM
ياسلام عليك اخوي عبودي يعطيك ألف عافية
شروحات رائعه ونتمنى النجاح للمسابقه
:)
الكثير مايتفاعل مع هالبرنامج ويظن أنه حكاية التصميم صعبه لكن
برأيي حاليا أسهل الأشياء التصميم
اخوك:
المحترفــ:)
Dark Watch
29-11-2005, 09:06 PM
موفق اخوي عبادي موضوع مميز الصراحة
NMD
30-11-2005, 06:42 AM
تسلم أخوي عبودي
الصراحة ييت بالوقت المناسب لأن الفرونت بيج مقرر علينا هالسنة وراح أذاكر من تقريرك وجزاك الله خير على هالجهد هذا
88_Shadow
30-11-2005, 08:30 AM
حلو عبودي مشكور عل الدروس المفيده يلا انشاء اسوي موقع @@ خخ و اقول هذا انتاجي تحت اشراف المعلم عبودي
J O K E R
01-12-2005, 04:19 PM
شرح ممتاز أخي عبودي
بس المهم انه ماتتعب لأنه بصراحة انقطعت دروس الفرونت بيج منذ زمن
وماعاد ولا حده ينزل موضوع أو دورات وأنا كنت أول من ترك القسم وبطل ينزل مواضيع فيه بسبب قلة الردود وووووووو ...........الخ.
خطوة رائعة ومجهود تشكر عليه ويعطيك ألف عافية وموضوعك يستحق الترشيح بدون أي تردد.

والسلام عليكم.
ابن القاضى
02-12-2005, 10:48 AM
شكرا اخوى على ها الدرس المفيد للمبتدئين وغيرهم 00 وسيحتسب ذلك عند الله 0إنشاء الله -واتمنى لك التوفيق فى حياتك








رعااااااااك الله ---وغفر للشيخ زايد رحمة الله
_(DEVIL)_
04-12-2005, 09:08 PM
تسلم يدك اخوي ,.............,
ouhiachi
06-12-2005, 03:18 PM
شكرا على الدرس لأني كنت محتاج كثير بس ممكن توضحل كيف أدخل الموسيقى بالموقع أي لللإستماع و التحميل و شكرا
الـقـرصـان
08-12-2005, 01:50 PM
اشكرك من كل قلبي امممممممممممممممححححححح
C.Falcon
08-12-2005, 02:46 PM
يعطيك العافية أخوي ..
S.A.R.S
09-12-2005, 12:41 AM
مشكور اخوي على الدورة المفيدة جدا



اخوك سارس^^
أسد الفلوجة
09-12-2005, 01:06 AM
بس لو سمحت أنا عندي فرونت بيج 2003 عربي ميش إنجليزي
عبودي
10-12-2005, 03:05 PM
بس لو سمحت أنا عندي فرونت بيج 2003 عربي ميش إنجليزي

نفس الشي أخوي
بس أنت قولي شو ما فاهمنه أنا أفهمك
-----------------------
أنشاء الله بنشرح البرنامج كامل .. بس لين أخلص من المتحانات
.. أوكيك
و الثلاث الجاي الدرس الجديد ..
بروسلي
11-12-2005, 01:45 PM
المنتدى محجوب يااخي انا في السعودية ليش كذا
آآآآآآآآآآآآآآآآآآآآآآآي
alzinaty
15-12-2005, 04:48 PM
بارك الله فيكم على هذا الموضوع الرااائع ..
الموقوف
22-12-2005, 09:27 AM
مشكوور أخي على هذا الدرس :biggthump

في انتظار تكملة الدروس ........^^.......^^.........
محــ الدمارــب
23-12-2005, 02:47 PM
مشكور يا غالي ولك الاجر والثواب
عبودي
30-12-2005, 01:27 AM
:)

السلام عليكم
آسف لعدم تكملتي للدورة وذلك بسبب الامتحانات
و بنباشر الدورة الاسبوع الجاي يوم الاربعاء أن شاء الله
.. ---------
و سوف ننتقل للمراحل العمليه جداً ( مراحل تصميم موقع متميز )
محــ الدمارــب
31-12-2005, 01:49 PM
ننتظر يوم الاربعاء الدروس على احر من الجمر

تحياتي لجهدك العظيم

الف شكرررررررررررررررررررررررررررررررر
hashadmm
01-01-2006, 03:18 AM
مشكور يا اخي ارجو الاستمرار الله يعطيك الف عافيه ارجوك تكمل شروحاتك لاني محتاج الشرح جدا جدا والف شكر لك على الاهتمام
V I O L E T
01-01-2006, 10:12 AM
مشكور اخوي على الدرس

بانتظارك:)
الـقـرصـان
07-01-2006, 06:09 PM
:)

السلام عليكم
آسف لعدم تكملتي للدورة وذلك بسبب الامتحانات
و بنباشر الدورة الاسبوع الجاي يوم الاربعاء أن شاء الله
.. ---------
و سوف ننتقل للمراحل العمليه جداً ( مراحل تصميم موقع متميز )
يا استاذ عبودي با تتأر الامتحانات هكذا قد انتهينى
محــ الدمارــب
08-01-2006, 04:39 PM
وينك استاذنا العزيز
عبودي
08-01-2006, 11:41 PM
الدرس التنفيذي 1




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


لهذا يجب عليك أتقانها جيدا ً


-------------------------------------


http://www.bindiba.com/up/1t.jpg


الصورة رقم 1


============


تضهر الصورة المكان المخصص الإدراج الجدول و كما هو موضع بالصورة من الممكن التحكم بعدد الجداول " صفوف العرض والطول "


أتبع الخطوات التاليه


قم بإدراج جدول


4 صفوف عرض


4 صفوف طول


ثم ... تابع الدرس


---------------------------------------------------------


http://www.bindiba.com/up/2t.jpg


صورة رقم 2






كما هو مبيت في الصورة رقم 2



أضافة صف بطول 1


2أضافة صف بالعرض


3مسح الجدول المضلل


4 دمج الجداول المضلله


5 خيار لمضاعفة عدد الصفوف


------------------------------------------------------------------------------


http://www.bindiba.com/up/3t.jpg





لستخدام الجداول في التنسيق يجب علينا ان نجعلها مخفيه


كيف ؟؟


تابع


------------


قم بتضليل الجداول التي قمت بإدراجها سابقا ثم أضغط على الزر اليمين و أختر


table properties


خيارات الجدول


و كما هو مبين على الصورة رقم 3


1- حجم المساحة الداخيلف في الجدول


داخل الخانات


2- حجم إيطار الجدول


3- حجم الايطار الخارجي


4- لوضع خلفيه للجدول


صورة او لون


أجعل الخيارات في الرقم 1 و 2 و 3


تساوي 0


بتلاحض


http://www.bindiba.com/up/4t.jpg


ان الجاول صارت مخفيه





----------------------------


الواجب حاول تنسيق الجداول مثل المرفق بستخدام جميع ما تعلمت بمهارتك الخاصه
عبودي
08-01-2006, 11:44 PM
آسف جداً على التأخير وهذا المرفق
..
YOU NO ME
09-01-2006, 08:33 PM
مشكووووووووووووووووووووووووووووووور
عبودي
14-01-2006, 11:00 PM
العفوو .. . وين الاعضااء ,,
mummy_n1
16-01-2006, 02:20 PM
شكرا جزيلا على الموضوع الرائع والمفيد
وأنا بانتظار الدروس الباقية
مع تحيات المومياء
naser9060508
21-01-2006, 10:06 PM
الله يعطيك العافيه

www.n90n.com (http://www.n90n.com)
الموقوف
23-01-2006, 12:27 PM
مشكور أخوي على هذا الدرس الرائع :)

في انتظار بيقية الدروس ......
lifestory
03-03-2006, 05:15 PM
السلام عليكم ورحمة الله وبركاته

انا عضوة جديدة بالمنتديات
جذبتني جدا دورة الفرونت بيج و انا كنت حابة اتعلمها
مشكور جدا اخ عبودي على هذا الطرح الرائع
لكن سؤالي............................:أفكر: :أفكر:
وين باقي الدورة؟؟؟؟؟؟؟؟؟؟؟؟
هل توقفت الدورة او ماذا؟
تحياتي
اختكم
ستوري
عبودي
03-03-2006, 08:00 PM
شكرا ً أخوي على ردك . . ان شاء الله بكمل الدوره
بس عندي مشكله في سيرفر الموقع ( الاف تي بي ) لهذا ما اقدر انزل الصور الجديده لكن قريباً جداً بكملها . و بندخل بالجد . .
AL-Samurai
07-03-2006, 01:49 AM
السلام عليكم و رحمة الله وبركاتة


شكرا اخوي على الدرس وننتضر التكملة


تحيتي

/)/)/)
الكمندزو
09-03-2006, 03:53 PM
مشكور ومنتظرين الدرس الثاني:09:
بسام مجمد
17-06-2006, 06:47 AM
مشكوووووووووووووور والله يعطيك العافيه والله ما قصرت اخوي

اخوك رايح جاي
A B H
_(DEVIL)_
16-08-2006, 12:11 AM
مشكور على الشرح
CHALLENGER
16-08-2006, 10:18 AM
تابع الدرس فقد اعجب معظم الاعضاء
shinigami soul
18-08-2006, 01:40 PM
مشكووووووووووووور على الدرس
يعطيك ألف عافية يا بطل :D
salihamidzic
26-10-2006, 02:55 PM
جزاك الله خيرا دورة جميلة اوى
بس لى رجاء
ان يكون كل درس فى موضوع مستقل
وتكتب فى عنوان الموضوع الدرس رقم 1
والدرس رقم 2 وهكذا
وفى كل موضوع تضع روابط الدروس السابقة اولا
وشكرا
ارجو تثبيت الموضوع
ABA55
06-12-2006, 12:16 AM
شكراااااااا جدااااااا على الدوس
وفى انتظار التكملة
TAIMA
19-01-2007, 08:03 PM
دورة راااائعه جدا وانا شخصيا كنت في اشد الحاجه اليها ...

رجاااء اخوي عمرو اكمال الدورة ... شاكرين لك و ممنونييييين
omr2000
31-01-2007, 09:12 PM
شكرا عالدروس القيمة
بس احب انوه ان الرحيم اللى مكتوبة فى اول مشاركة بالميم مش بالنون

وشكرا يا غالى
عاشق القهوة
03-07-2007, 12:28 AM
مشكوور ياغالي
mando362
15-07-2007, 02:58 PM
ولا اروع شكرا لك اخي الحبيب
الأمــuaeــير
03-02-2008, 06:47 PM
عفواً يا سادة ..!!

شو صار في الدروس ووين راح الأخ عبود ..؟!

عسى ما شر .. الصراحة محتايين تواصل وشروحات عشان نتعلم أكثر وأكثر ..
ALI22929
13-04-2008, 09:16 AM
السلام عليكم ورحمة الله
اخي الكريم شرحك للبرنامج الذي باللغة الأنجليزية , فلا تنسى اخوانك الذين يستخدمون البرنامج باللغة العربية
جزاك الله خيرا
shahar
23-06-2008, 02:15 AM
هلا عبودي حلوا موضوعك ما شالله الله يكثرمن امثالك
abi0r
04-07-2008, 02:57 AM
oOPS

شو صار

انا متحمسة كتير مشان تكمل الشرح :D

وين ليش توقف الدرس Oo

نحن بنتظار تكملة الدرس عبودي


وثانكس كتير على جهودك
اسود الرافدين
04-07-2008, 03:06 AM
شكرا لك اخي تسلم
يآليل مآأطولكَ
06-04-2009, 02:04 PM
مشكوورررررر
الجوري 5
29-04-2009, 07:00 PM
السلام عليكم
لو سمحتوا انا عندي مشكله صغيره بالفرونت بيج
انا صممت موقع وابي اسوي للموقع حدود مشتركه بس المشكله اني لم اجي اضغط على تنسيق حدود مشتركه تطلع عندي مي مفعله ماترضى تنضغط ايش الحل افيدوني الله يخليكم
وهج الشمعات
14-05-2009, 04:58 PM
شكرا جزيلا على الشرح الواضح
بدأت التطبيق ولكن على فرونت بيج عربي وماشي الحال

جزاك الله خير
امستشاره
18-05-2009, 10:04 PM
السلام

عود كمل قاعده اطبق وياك

ارجوك كمل