دورة تصميم المواقع....... سهلة ان شاء الله

[سـها]

طيب انا مش هحط رابط المنتدى انا هحط رابط مباشر للدروس

و بكدا اكون حافظت على قوانين المنتدى

لكن مش دلوقتى لأن الرابط دلوقتى فيه عطل و اول ما يرجع يشتغل هحطه ان شاءالله

[bishoyraafat]

طيب انا مش هحط رابط المنتدى انا هحط رابط مباشر للدروس

و بكدا اكون حافظت على قوانين المنتدى

لكن مش دلوقتى لأن الرابط دلوقتى فيه عطل و اول ما يرجع يشتغل هحطه ان شاءالله

شكرا يااختى على اهتمامك وذوقك

[سـها]

الدرس الــــســــادس (6)

بسم الله الرحمن الرحيم

الدرس السادس (6)

بسم الله الرحمن الرحيم…
معلش درس المرة دي طويل شوية والعملي بتاعه كتير…
ومحتاج تطبيق كتير…
ولو حسيت باي مشكلة وانت بتقرا ارجع عيد تاني وكمل للاخر وان شاء الله هتفهم كل حاجة…
ولو في أي مشاكل سيب الحتة بتاعت المشكلة دي ابقي اسال فيها وكمل الباقي…
لادراج صور:
احنا خدنا قبل كده ازاي نحط صورة في الخلفية… ازاي بقي نحط صورة صغيورة في أي مكان في الصفحة ..او كبيرة زي متحب ..بس مش تكون في الخلفية كلها…
الامر <img>
الاول طبعا هنجيب الصورة ونحطها في الفولدر بتاع الشغل بتاعنا زي ماتفقنا جنب صفحة النوت باد اللي شغالين فيها..
وبعدين بقولله امر بالمنظر ده:
كود HTML:
<img src=" ">

وبكتب هنا في الفاليو اسم الصورة… يلا جرب دلوقتي كده تعملها وشوف…
طلعلتلك الصورة صح؟
بس انا متاكد انها مش عاجباك..حجمها طالع كبير ..وانت عايزها اصغر شوية…
يلا بقي بعد معرفنا ازاي نجيب الصورة..نشوف ازاي نلعب فيها ونغير حجمها ونظبطها في الصفحة بالشكل اللي يعجبنا:
كود HTML:
<IMG SRC=" " width="300" height="300">

وتغير في الطول والعرض زي متحب…اكتب الرقم اللي يعجبك في كل واحدة منهم وشوف الحجم..لو مش عاجبك صغر او كبر زي متحب…
والامر <img> ده مش محتاج انه يتقفل..والسبب ان كل اللي انا عايزه منه في الامر ده كتبته بين ال< > يعني مفيش حاجة هتكتب بره والامر ده ينفذها عشان اقفله بعدها..لو في حاجة بره كنت بعد مااكتبها اقفل الامر
يبقي الامر <img> مبيتقفلش…
حضرتك كده افتح أي موقع واقف علي أي صورة فيه واصبر شوية ..هتلاقي اتكتب كلام كده بيعبر عن الصورة..نزل من تحت الماوس …
الحركة دي بتتعمل ازاي ؟؟ وفايدتها ايه؟؟؟
لو انا مثلا حاطط صورة هرم
كود HTML:
<IMg src width=" " height=" " alt="pyramid">

جرب وابقي اقف علي الصورة شوية واصبر هتلاقي الكلمة اللي انت هتكتبها هتنزل من تحت كده….
دي لها شوية فوايد….لو مثلا في مشكلة في السيرفر والصور محملتش..ودي ساعات بتحصل ….هتلاقي مكان الصورة بدل ميبقي فاضي وشكله سخيف هيكتب مكانها الكلمة دي…
مش انت ساعات كده تفتح موقع تلاقي صورة مش ممحملة بتلاقي مكانها مربع كده وفوق خالص في المربع موجود علامة غلط…هتلاقي مكتوب في المربع ده الكلمة دي…
وكمان عشان الشخص الرخم اللي قلنا عنه قبل كده اللي هيلغي تحميل الصور خالص من الموقع …بدل ميبان عنده مكان الصورة فاضي خالص يبان اسم الصورة يعرف ان هنا كان موجود صورة كذا…
وفايدة كمان لو مفهمتهاش كويس دلوقتي اصبر لماتخلص الدرس ده للاخر هتفهمها كويس ان شاء الله
وهي اننا ممكن اعمل صورة عبارة عن لينك…يعني تضغط عليها تفتحلك صفحة تانية..او يعني توديك لحاجة تانية…فهكتبله هنابقي مثلا..اضغط لتذهب لصفحة الصور…هنعرف دلوقتي ازاي نعمل دي..بس المهم دلوقتي اننا نعرف ازاي لما نقف علي الصورة تظهر كلمة معينة….
يلا جرب الموضوع ده واتدرب عليه كويس اكتر من مرة….
جرب اكتر من مرة…انا قلتلك اهوه..لو مجربتش 3 او اربع مرات لما تخلص الدرس ده هتحس انك سحت…اسمع الكلام وجرب 3 او اربع مرات وان شاء الله كل حاجة هتبقي سهلة اوي…
في كمان 4 اتربيوتس للتعامل مع الصور عشان تنظمها شوية…
vspace –hspace-align-border
الاتربيوت border بيحدد اذا كنت عايز تعمل بوردر للصورة …وبيحدد حجمه…بتكتبه وتكتب فيه أي رقم اكتب كده مثلا boreder=5
وغير الرقم زي متحب عشان تغير سمك البوردر ده… ولو مكتبتوش خالص يبقي مش هيبقي في بوردر ..زي متحب..
vspace= واكتب أي رقم ..مثلا 10 هيسيب مسافة راسية بين الصورة والكلام اللي فوقها واللي تحتها بالمقدار اللي انت حددته…
v اختصار لكلمة vertical يعني انت قلتله سيب مسافة راسي مقدارها كذا..عشان لو في كلام فوق او تحت الصورة ميبقاش لازق فيها وشكله وحش..بتحدد له المسافة اللي هيسيبها…
والمسافة الافقية بالاتربيوت ده:
hspace
h اختصار لكلمة horizontal
جرب وشوف….
ناقص الاتربيوت align
ده عشان تحددله مكان الصورة ومكان كتابة الكلام بعدها….
يعني انت عايز الصورة في اليمين ولا الشمال..وعايز الكلام جنبها يبدا من بدايتها خالص من فوق ولامن نصها ولا من تحتها….انا مش عارف اوضحها كويس بالكلام بس انت لما تجرب هتفهم…
align= واكتب فيها أي واحدة من الفاليوز دي…
right-left-top-middle-bottom
رايت ولفت يحدد الصورة هتبقي في اليمين ولا الشمال…
توب وبتتوم وميدل يحدد الكلام بعدها هيبدا منين..جرب وشوف….
فاضل كمان اتربيوت واحد للصورة هناخده في الاخر ان شاء الله…

قبل مناخد ازاي نحط صوت او فلاش او….
هناخد حاجة مهمة اوي ي ي ي ي وهي ازاي نحط LINK…
الاول يعني ايه لينك؟؟؟؟؟؟ لو انت عارف معناها متتدايقش اني هشرحها لان في ناس متعرفش معناها..
link معناهابالعربي رابط ..يعني حاجة بتربطني بحاجة تانية…
يعني أي موقع في الدنيا بتفتحه…بتلاقي موجود فيه صور وكلام و…. وبتلاقي كلام موجود تحته خط بتظغ عليه يفتحلك صفحة تانية في الموقع ده …..ده اسمه لينك يعني حضرتك ممكن تعمل صفحتك وتحط فيها لينك لموقع ***** ميل مثلا… او لينك لموقع واحد صاحبك..بمجرد الضغط عليه يتحمل الموقع التاني ده ..بس دي مش الاهمية الاساسية بتاعته…الاهمية الاساسية بتاعته ان حضراتكم لغاية دلوقتي مكن تعملوا صفحة موقع كويسة وشكلها حلو…
بس عمرك شفت موقع صفحة واحدة بس؟؟؟وللا اي موقع بتلاقي فيه لينكات توديك لصفحات تانية في نفس الموقع…يعني مثلا لو انا عامل موقع شخصي لنفسي…هعمل صفحة رئيسية في الاول …وبعدين هعمل لينك اسمه السيرة الذاتية ولينك تاني اسمه صور شخصية وكده…كل لينك منهم تتك عليه يوديك لصفحة تانية انا عاملها برده موجود فيها حاجات علي حسب الاسم بتاعها..
قبل منعرف ازاي نعمل اللينك ده نعرف الاول ازاي نعمل الصفحة التانية ونبقي نخلي اللينك يفتح الصفحة التانية دي..
احنا عاملين فولدر فيه الشغل بتاعنا كله…وحاططين جواه الصور والفلاشات اللي هنستعلمها في الموقع وكل حاجة تبع الموقع ده… وموجود فيه الصفحة اللي انا بكتب فيها الكلام الللي انا عايزه بلغة الاتش تي ام ال..
لما احب اعمل صفحة تانية في الموقع باجي جوه الفولدر ده برده وافتح كمان صفحة نوت باد جديدة… واعمل فيها الصفحة التانية زي مانا عايز …وبعدين باجي في الصفحة الاولي واحط لينك واقولله لما اضغط علي اللينك ده افتح الصفحة اللي اسمها كذا موجودة عندك في نفس الفولدر هنا…
وكده ممكن اعمل العدد الليعجبني من الصفحات واحطها كلها في الفولدر ده ……واحط لينكاتها كلها في الصفحة الرئيسية…وانظم موقعي زي مانا عايز…ازاي بقي بنعمل اللينك ده؟؟؟؟؟؟؟
كود HTML:
<a href=http://www.************>………………..................</a>

المنظر اللي فات ده مش واضح كويس…
كده انا قلتله لما يضغط علي اللينك ده روح للهوت ميل… وبعدين قفلت باصغر من…وبعدين ببدا اكتب اللينك اللي هيبقي ظاهر في الصفحة…يعني كده هو عرف ان اللي انا هكتبه هنا بمجرد الضغط عليه هيوديه للهوت ميل ان شاالله اكتبله هنا عفريت…اللي هيظهر في الصفحة بس هو العفريت ده واول متضغط علي العفريت ده هيفتح ***** ميل..وبعد مكتب العفريت ده بقفل الامر…
مثلا:<a href="http://www.************ " >open ******* page</a>
كده هيظهر في الصففحة open hot mail page واول ميضغط عليها هتفتح صفحة ***** ميل..
ولو انت كتبت أي حاجة مكان open hot mail page هتظهر في الصفحة وبرده اول ميظغط عليها هتفتح ***** ميل..انشالله تكتبله هنا open ***** …لان انت كاتبله جوه الامر افتح ***** ميل اول ميضغظ علي الكلمة اللي انا هكتبهالك هنا ايا كانت الكلمة…اعتقد كده وضح المقصود..
ونفس الطريقة لو عايز احمل الصفحة التانية اللي انا عملتها في نفس الفولدر …لو فرضنا ان الصفحة التانية دي اسمها mostafa.htm هكتبله كده:
<a href="mostafa.htm">see my pictures</a>
لو انت عرفت تعمل اللينك ده لغاية دلوقتي يبقي حلو اوييييي .خش عالجاي بقي..لو مش واضح اوي بالنسبة لك ..ارجع اقراه تاني وحاول تفهمه ولو مقدرتش متبصش عالجاي واستني وابقي قوللي احاول اوضحهولك تاني..يعني متدخلش علي الجاي الا لما تكون فاهم الي فات كويس لان اللي فات ده مهم جداااااااااااااااااااااااااااااااااااااااااااااااا ااااااااااااا..
اللينك ده بقي مهم اويييييييييييييييييي وممكن يتعمل بيه حاجات كتيرة اويييي وجميلة اويييييييي…بس عايز تطبيق شوية من حضراتكم…
احنا عرفنا دلوقتي اننا ممكن نربط بيه بين مواقع مختلفة وممكن نعمل بيه اكتر من صفحة في موقع واحد…
ممكن كمان اعمل بيه اننا ممكن احط لينك بمجرد الضغط عليه يتبعتلي رسالة علي ايميلي …ازاي؟؟جرب كده وشوف:
<a href="mailto: ……@************">contact us</a>
اكتب كده واضغط عليه هتلاقيه فتحلك صفحة اوت لوك تكتب فيها الرسالة ومكتوبلك فوق ان الرسالة دي هتتبعت علي الايميل اللي حضرتك كاتبه…
ممكن اعمل بيه حاجتين كمان..هقول الاولي دلوقتي والتانية المرة الجاية ان شاء الله …لو انا مثلا عايز اعمل صفحة فيها 20 صورة..كلها صور شخصية بتاعتي… لو رصتهم كده جنب بعض او تحت بعض هيبقي شكلها سخيف اوي فانا ممكن احط الصور دي تكون صور صغيرة اوي وتكون كل واحدة منهم عبارة عن لينك بمجرد الضغط عليه تلاقي الصورة كبرت وبقت هيه لوحدها الموجودة في الشاشة…بص كده علي اللي انا هكتبه دلوقتي وانت تفهم بنفسك:
كود HTML:
<a href="pic.htm"><img src=" " width="50" height="50"></a>

.انا قلت ان اللي هكتبه مبين الامر واغلاقه هو اللي هيظهر في الصفحة…انا هنا كتبتله صورة وقلتله خلي حجمها صغير..هتظهر الصورة بالحجم الصغير اللي انا عملته ده وتكون عبارة عن لينك اول ميضغط علييها يحمل الصفحة اللي انا كاتبهاله في الامر واكون انا حاطط في الصفحة دي نفس الصورة بس تكون حجمها كبير….يعني انا هعمل الاتي بالظبط:
هعمل صفحة مخصوصة لكل صورة من الصور اللي انا عايز احطها في الصفحة الكبيرة دي ..واحط في الصفحة دي الصورة بحجم كبير….واحطهم في الفولدر بتاعي..ودي مش هتاخد وقت كبير… لان اننا هعمل الصفحة احط فيها صورة بس.وان شاء الله هقوللكم علي حاجتين يخلصوا الموضوع ده بسرعة لان في الحالة دي انت هتعمل 20 صفحة ..بس برده كل واحدة منهم هتخلص بسرعة اوييييييي هتحط فيها الصورة بس ..
واجي في صفحة الصور احط الصور كلها علي هيئة لينكات ..كل لينك منهم يودي للصفحة اللي فيها نفس الصورة بحجم كبير…
هقوللكوا مثال علي صورة واحدة بس…
انا عايز اعمل الكلام ده…والصورة اسمها s.jpg
هفتح صفحة نوت باد واحط فيها الصورة دي بحجم كبير…
ولنفرض ان الصفحة دي سميتها 1.htm
هاجي بقي في صفحة الصور الرئيسية واكتب كده:
<a href="1.htm"><img src="s.jpg" width="50" height="50"></a>
كده هتظهر الصورة بالحجم الصغير ولما يضغط عليها تفتح الصفحة الموجود فيها الصورة بالحجم الكبير…
وممكن اخلي الصورة لما اضغط عليها تفتحلي صفحة فيها كلام ..او تفتح موقع تاني خالص ..زي متحب ياباشا…
يعني مثلا انا هحطله صورة كمبيوتر اول ميضغط عليها تفتحله صفحة في معلومات عن الكمبيوتر…انتوا خلاص عرفتوا الطريقة…
وطبعا مننساش حاجة مهمة اويييييييييييييييييييييييييييييييييييييييييييييييي ي
وهي اني لازم اربط بين الصفحات بتاعتي كلها باستخدام اللينكات دي…
يعني انا عملت موقع شخصي…الصفحة الرئيسية فيها شوية لينكات ..لينك يودي لصفحة صور ولينك يودي لصفحة فيها السيرة الذاتتية بتاعتي وكده…
طب دلوقتي زائر الموقع ده ..جه ودخل علي صفحة الصور..لو هو عايز يرجع تاني؟؟؟ يبقي لازم اكون حاططله لينك في صفحة الصور اسمه العودة للصفحة الرئيسية..مش هقوللك بقي تعملوا ازاي..انت لو فهمت اللي فات هتعمله لوحدك…
وبرده لما يفتح كل صورة من الصور يلاقي لينكين:
لينك اسمه العودة للصفحة الرئيسة ولينك اسمه ارجع لصفحة الصور…
كفاية كده اوي انهاردة..معلش كترت عليكوا بس حبيت اكمل الدرس اللي بدا للاخر…
محتاج تطبيق كتيير..جرب اكتر من مرة واقرا الدرس ده اكتر من مرة..مرتين علي الاقل…
وبعد متجرب اكتر من مرة…اقفل الدرس وسيب الورقة..وابدا فكر في شكل موقع من دماغك واعمله كده لوحدك وشوف مستواك…
ولو في أي مشكلة اسال .

[سـها]

الاخ الفاضل اللى طلب دروس فلاش


الدروس على الرابط دا


و يا ريت المشرفين مايحذوفش الرابط لأنه رابط مباشر للدروس ......مش رابط للمنتدى

http://www.eyesweb1.net/mwf/show.php?id=1

وانا انصح اللى بيتعملوا تصميم المواقع انهم يتعلموا فلاش لأنه بيفيد مصممين المواقع جداااااااااااا


و انا بتعلمه ............هو برنامج سهل و لذيذ و ممتع جداااااااااااااا


يا ريت كلنا نتعلمه


لما تفتحوا صفحة الدروس دى ابقوا خدوا الدروس من تحت لفوق مش من فوق لتحت


هى الدروس بدأة من تحت ..........علشان المبتدأين

[سـها]

الدرس الــــــســــــابع ( 7 )

سلام عليكم

الدرس السابع (7)


بسم الله الرحمن الرحيم

عرفنا عن اللينك حاجات كتير…
وهنزود حاجتين كمان انهاردة ان شاء الله..
احيانا في بعض المواقع بتلاقي لينك موجود في الصفحة من تحت خالص اسمه/ ارجع لبداية الصفحة…وده بيبقي موجود في الصفحات الطويلة اوي.. زي الصفحة اللي قدام حضرتك دي..المنتدي ده فيه الموضوع ده…اول مبتضغط علي اللينك ده بيطلعلك لاول حتة في الصفحة خالص..
ازاي نعمل كده؟؟؟
احنا مش بس ممكن نخليه يطلع لبداية الصفحة…احنا ممكن نعمل لنك يوديك لاي حتة معينة في الصفحة..يعني انت عامل صفحة طويلة ..هتيجي في الاخر تحت وتحط لينك يطلعك لاخر الصفحة ولينك يطلعك لحتة معينة مهمة في النص وكده…كل ده ازاي؟؟
احنا لما كنا بنعمل لينك يوديك لصفحة تانية كنا بنكتب اسم الصفحة اللي هيروحلها او اسم الموقع اللي هيحمله…طب انا دلوقتي عايزه يروح لحتة معينة في الصفحة…
فاللي بنعمله في الحالة دي اننا بندي للحتة دي اسم"وهنعرف دلوقتي ازاي" وبعدين نقولله روح للحتة اللي اسمها كذا لما يضغط علي الينك ده…
يعني انا عايزه يروح لبداية الصفحة مثلا…هاجي علي اول كلمة انا كاتبها في الصفحة واديلها اسم…..الاسم ده هيكون البراوزر محتفظ بيه لنفسه عارف ان الحتة دي اسمها كده بس مش هيظهره في الموقع…واجي في الاخر خالص اقولله روح للحتة اللي اسمها كذا
ازاي نسمي جزء معين؟؟
لنفرض ان اول كلمة في الصفحة مكتوبة هي كده:welcome in our website
هكتبها بالطريقة دي<a name=”this”>welcome in our website</a>
هو كده فهم ان الكلام ده اسمه this ..ومش هيظهر الاسم ده في الصفحة بس هيعرفه لنفسه…وطبعا ممكن تكتب أي اسم يعجبك..انا هنا خترت this وانت حر سميها زي متحب…
واجي وانا بعمل الللينك اقولله كده:
<a href="mostafa.htm#this>highest point in this page</a>
بقولله اسم الصفحة الاول وبعدين العلامة دي # ودي شفت مع الرقم 3 ..دي بتعرفه اني هقولله اسم حتة معينة من الصفحة يروحلها..جرب وشوف…
طب ليه انا قلتله اسم الصفحة؟؟طب ماقولله وخلاص اسم الحتة االلي هيروحلها….
وده لاني ممكن اعمل الكلام مش في نفس الصفحة..يعني ممكن اعمل لينك يوديك لحتة معينة في صفحة تانية بنفس الطريقة.0مش هقوللك ازاي..جرب انت بقي يلا لوحدك…
الحاجة الاخيرة عن اللينكات..انت أي موقع بتدخله وبتفتح فيه لينك وتدخله …وبعدين ترجع تاني للصفحة الرئيسية بتاعت الموقع ده بتلاقي اللينك لونه بقي غامق شوية…والينكات اللي مفتحتهاش بتفضل عادية…
ودي لها اتربيوت بيتحط في البودي..وده اللي انا كنت قلت عنه قبل كده ان فاضل اتربيوت في البودي هناخده بعدين لانه محتاج نعرف حاجات في البودي الاول…
<body link="red" alink="black" vlink="green>
link دي بتحدد لون أي لينك طبيعي في الصفحة
vlink بتحدد لون اللينك اللي اتفتح قبل كده…وهي اختصار ل visited link
alink بتحدد لون اللينك اللي انت واقف عليه بتضغط عليه حالا… ودي اختصار ل active link
جرب وشوف…ودي طبعا برده ممكن تكتب فيها الالوان كتابة او بالطريقة العشرية
تقريبا فاضل حاجة بسيطة كمان عن اللينكات هتعرفها بعد شوية صغيرين اوي ان شاء الله…

لادراج فيديو او فلاش:
<" "=embed src=" " width=" " height>
مش محتاجة شرح حاجة..جربها وشوفها…..بس هنا عايز اقول حاجة تانية بره الموضوع سنة هقولها في الاخر ان شاء الله..
لادراج صوت:
<bgsound src=name of the file>
كده الصوت ده هيشتغل لوحده علطول مع الموقه اول ميفتح…
طب لو انا عايز احط صوت او فيديو او فلاش ..بس ميشتغلوش في الموقع..بس يبقوا موجودين علي هيئة لينكات يضغط عليها الزائر عشان يعمللها داونلود عنده علي الجهاز؟؟
هيه دي استخدام اللينك الاخير اللي كنت بقول عليه من شوية:
<a href="name of the file">download sorat el baqara</a>
كده اول ميضغط علي اللينك هيعملله داون لود علي الجهاز بتاعه…
يعني انا كده بكتب a href وبكتب فيها أي حاجة.ممكن اسم صفحة تانية في موقعي يقوم محملها..مكن اكتب ايميل ..هيبعت عليه..ممكن اكتب اسم حتة معينة من الصفحة هيحملها..ممكن اكتب اسم ملف صوت او فيديو او فلاش هيروح عاملهللا دوانلود…يعني ممكن اكتب أي حااااااااجة هنا….
كده عرفنا ازاي نتعامل مع الصوت والفيديو والفلاش و الصور …..يبقي كده اللغة دي خلصت؟؟؟؟؟
لا لسة فاضل بقي شوية تحابيش…شوية حاجات تنظملك الصفحة بتاعتك وتخلي شكلها حلو
بس كده وخلاص….عشان في حاجات ممكن تحب تعلمها في صفحتك ومتقدرش تعملها…الطرق والحاجات التنظيمية دي هتخليك تقدر تعمل كل اللي انت عاوزه ان شاء الله…
الاول في امرين بسيطين كده:
الامر <marquee>………..</marquee>
بيخليلك الكلام يتحرك بعرض الصفة….الكلام اللي انت كاتبه في النص كده..جرب وشوف..
الامر <hr> بيعمل خط مكان متكتبه…خط بعرض الصفحة..ده بتلاقيه في المواقع دايما في اولها خالص او في اخر الصفحة…
وطبعا بدام هو هيعمل خط وخلاص يبقي مبيتقفلش…
والخط ده بتلاقي تحته ظل وشكله حلو ..وممكن تتحكم فيه بالاتربيوتس دي:
width-size-color-align-noshade
هما مش محتاجين كلام..جربهم وشوفهم..ماعدا بس الاتربيوت align بيحدد اذا كان الخط ده هيبقي ناحية اليمين ولا الشمال ولا في النص..وده لو هتعلمه خط صغير..انما هو غالبا بيبقي بعرض الضفحة كلها..ودي بتتحكم فيها من width… انت جربهم وشوفهم
فاضل كده في اللغة دي كلها حاجتين مهمييييييييين ينظموا الصفحة كلها :
tables-frames
ال tables :
ودي تقريبا اهم حااااااااااااااااااااااااااااااااااااجة في الاتش تي ام ال يعد اللينكات… لانها بتنظم الصفحة كويس اوي ي ي ي ي ..
ركز كويس عشان تفهمها كويس وطبق عليها كتييييييييير عشان هتريحك جامد اوييييييي لو فهمتها كويس ان شاء الله…
ودي بتبقي موجودة تقربا في كل المواقع..بتلاقي الموقع كله معمول عبارة عن جدول..وبديله امر اقولله متخليش البوردرز بتاعة الجدول باينة..فبيظهر قدام الزائر كانه مش جدول …بس بيبقي مترتب كويس…
ودي بتريح كتير اوي..لان انت ممكن تحب تعمل حاجات في صفحتك ومتقدرش تعملها غير بالجدول…انا مش هقدر اقوللكوا حاجات زي ايه..لان دي بتيجي بالخبرة والممارسة..بس هقوللكوا مثال بسيط عنها بعد شوية ان شاء الله…
أي جدول في الدنيا عبارة عن صفوف افقية واعمدة راسية …
جدول عادي…بنعمل احنا جدول مكون من الصفوف والاعمدة دي وبنحدد احجامها ومساحاتها زي ماحنا عايزين ونقسم الصفحة كلها كده.تبقي الصفحة كلها عبارة عن خانات جدول…وبكده تقدر تحط أي حاجة انت عايزها في أي حتة من الصفحة زي متحب…تحدد تقولله في الخانة دي حطها…وتلغي البوردر…
ازاي بقي تعمل الجدول ده وتظبطه؟؟؟؟؟
الامر <table>
احنا قلنا ان الجدول عبارة عن صفوف واعمدة فعشان اعرفه اني بكتب في صف معين دي لها امر ولما اخلص كتابة في الصف ده اقفله…وبعدين افتح واحد تاني واكتب فيه واقفله…ونفس الموضوع بالنسبة للاعمدة…
الامر <tr> صف
الامر<td> عمود
منظر لجدول بسيط تفهموا منه طريقة عمل الجدول:
كود HTML:
<table>
<tr>
<td>…………………………</td>
<td>…………………………..</td>
</tr>
<tr>
<td>…………………………</td>
<td>…………………………..</td>
</tr>
</table>

tr في ااول فهمته اني شغال في الصف الاول…وكتبت جواها td يبقي انا شغال في العمود الاول فيها..او الخانة الاولي فيه يعني..
وخلصت كتبابة فيها وقفلتها وفتحت الخانة التانية فيه وخلصت وقفلتها وبعدين قفلت ال tr يبقي خلصت الصف الاول ودخلت في التاني وكده….
ومينفعش اعكس واكتب العمود واقسم جواه الخانات ..هما عملوها نظامها كده بس..
<table>--<tr>-<td>
وطبعا في كل خانة ممكن احط أي حاجة..ممكن كلام او صورة او لينك او أي حاجة..متفتكرش انه جدول بقي يعني خانات صغيرة وكده..انت ممكن تحدد حجم الخانا وهنعرف دلوقتي ازاي…دانا ممكن اعمل جدول بمساحة الصفحة كلها ويكون خانتيت بس يعني كل خانة نص الصفحة..وهنا مثلا مثال عن ازاي ممكن تستفيد بالجدول…
لو انا عايز عمل صفحة يكون فيها فيلمين فيديو وشغالين جنب بعض…كل واحد شغال في نص الصفحة..
لو انت جدع اعملها من غير جدول ..تلاقيهم نزلوا تحت بعض..لو بجدول تبقي سههههههلللللللة…يعني الجدول بيسمحلك انك تحط أي حاجة انت عايزها في أي مكان في الصفحة..وممكن من غيره بعض الحاجات متقدرش تحطها كده….
وطبعا مش دي بس الحاجة الوحيدة..بس دي جت في دماغي دلوقتي..
نعرف بقي ازاي نتعامل مع الجدول ده ونظبطه.
او بمعني تاني الاتربيوتس بتاعة الجدول..
الاتربيوتس بتاعة الامر <table>:
border بيحدد حجم البوردر لو انت عايز تخليه جدول طبيعي والبوردر بتاعه ظاهر في الصفحة..لو مكتبتوش مش هتبقي البوردرز ظاهرة…وبتكتب فيها أي رقم 1-2-3-5-6 زي متحب
width بتحدد حجم الجدول كله هيكون اد ايه..وبعد كده لسة هنعرف ازاي نحدد حجم كل خانة فيه…
height بتحدد طوله..
cellspacing بتحدد لو انت عامل بوردر المسافة المتروكة بين البوبدر والكلام المكتوب جواه..جربها وانت تفهم…واكتب جواها أي رقم
sellpading جربها واكتب أي رقم برده وانت تفهم بتعمل ايه…
bgcolor بتحدد لون خلفية الجدول لو انت عايز تعملله خلفية..
align بتحدد الجدول هيبدا من علي اليمين ولا الشممال ولا في النصright-left-center
..
الامرين tr و td لهم شوية اتربيوتس:
align لتحديد اذا كان الكلام جوه الصف ده كله هيبقي من اليمين ولا الشمال ولا في النص"right-left-center”
valign لتحديد الكلام جواه هيكون من فوق خالص ولا في النص ولا تحت خالص"top-bottom-middle”
طبعا ممكن تقول دلوقتي طب منا الحاجات دي محددها للجدول كله من فوق خالص…
الحاجات اللي اتحددت من فوق خالص للجدول هتبقي علي كله ..ولو عايز تغير في واحدة معينة يبقي من تحت شوية هتقول عليها هيه بس كده..هتلاقيها هيه بس اتغيرت والباقي زي مانت محدد في الجدول فوق

height-width-bdcolor
كده انت عرفت الحاجات دي..عشان تقدر تفهمها كويس اتدرب عليها كتيييير ..
وجرب تدخل بينها وبين بعضها….
ناقص حاجة واحدة بس في الجداول:
وهي لو انا عامل جدول.وعايز احط صورة مثلا في خانتين اتنين مع بعض..تكون نفس الصورة..او في تلات خانانت ..او أي عدد..ومش لازم صورة..لو أي حاجة عايز اعملها تكون مساختها اكتر من خانة:
ودي لها اتربيوت في ال td
اسمه colspan و rowspan
لما انا احب اعمل خانة بحجم خانتين لو بالعرض بقولله colspan=2 ولو بحجم 3 خانات بقولله colspan=3 وكده…
طبعا انت ممكن تكون بتسال وتقول منا ممكن احدد حجم الخانات من برة من الاول….بس التحديد اللي هتحدده من برة ده هيتحدد علي كل الخانات وكلها هتطلع كده……هيه العملية دي مش هقدر اقولها نظري اوي..بس انت جربها عملي اكتر من مرة هتفهمها كويس ان شاء الله..ومتسبهاش الا لما تفهمها…
والامر rowspan عشان لو عايز خانة بحجم خانتين بالطول او بحجم تلاتة..
انا عارف ان الحتة دي رخمة شوية بس انت حاول تفهمها كده وجربها كتير عشان توضحلك.ولو معرفتوش تفخهموها كويس قولولي احاول اوضحها تاني…عشان التابل ده مهم اوي ي ي ي ي ي ي ي ي…


والتابل بيستخدم دايما بالطريقة دي في عمل أي موقع..غالبا بتلاقي الصفحة كلها عبارة عن جدول…عشان تعرف تقسمه براحتك…وبيحط كل حاجة بمزاجه في المكان اللي يعجبه..ومكش لازم تكون الصفحة كلها…ممكن بس تعمل الحتة اللي انت عايز تحط فيها حاجة في مكان معين مش قاجر توصلله….بتعمل جدول في الحتة دي وتظبطه بالطريقة دي…
ودي هتلاقي فايدتها دايما لو انت مثلا هتحط فلاش او فيديو وعايز تحط حاجة جنبه…مش هتعرف تعلملها الا بالجدول….
كده ناقصلنا ال frames ونبقي كده خلصنا كل حاجة في البودي.وناخد الحاجات اللي قلنا عليها هتتقال في الخهيد اخر حاجة خالص ونبقي خلصنا خالص ان شاء الله…
يارييييييييييييييت تتدربوا علي ال tables كويس….
بالنسبة للفلاش كان في حاجة كنت قايل عليها انها بره الموضوع وهقولها في الاخر ..
وهي ان مصمم المواقع لو بيعرف يستخدم فلاش هيقدر يطلع فلاشات جمييييلة في موقعه وهتساعده جدااااااا في عمل الموقع….
ياريييييييييت تتعلموا فلاش… هتلاقوه بيعمل حاجات راااااااااااااااااااائعة ومش طويل …… وهتستفيدوا بيه جداااااا في الموقع…
وعلي فكرة..برنامج الفلاش ممكن يتصمم بيه لوحده موقع كاااااامل بدون استعمال html خالص او أي لغة تانية!!!…ويكون تصميمه سهل جدااااااااا وافضل من موقع الhtml كمان…..بس طبعا انت لو كملت بعد الاتش تي ام ال ودرست مثلا جافا سكربت اوphp دول لغتين متطورتين تبقي احسن من الفلاش مليون مرة..يعني اقصد اقول انك لو عرفتهم الاتنين هتعمل موقع شديدة وفلاشات توضح التاثير اللي انت عايزه في موقعك …

[Mr.LOver]

الاخت الفاضله سهــــــــــا بعد التحيه:
انهارده بدل متتعبي نفــسك في لغه html في برنامج اســـمه الفرونت بيج و الحكايه دي مش محتاجه ان انت تكتب لغه html حيث انه فيه لو حتيت صوره مثلا و عايز تحطها في النصف سهل جدا زي هنا بتظللها و تحتها في النصف هي بتتحول من نفســها لنفســــها html انا بس بحب اسهل عليكم المشــوار و الوقت

[سـها]

الاخت الفاضله سهــــــــــا بعد التحيه:
انهارده بدل متتعبي نفــسك في لغه html في برنامج اســـمه الفرونت بيج و الحكايه دي مش محتاجه ان انت تكتب لغه html حيث انه فيه لو حتيت صوره مثلا و عايز تحطها في النصف سهل جدا زي هنا بتظللها و تحتها في النصف هي بتتحول من نفســها لنفســــها html انا بس بحب اسهل عليكم المشــوار و الوقت

الفرق ما بينى و ما بين اللى بيستعمل الفرونت بيج

ان انا بشتغل و انا فاهمة كل حاجة فى الصفحة اللى بصممها

انما لو هشتغل بالفرونت بيج هصمم اه ..... لكن و انا مش فاهمة اللغة المستخدمة فى التصميم

ودا يفرق كتير

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


و انا اشكرك على تعاونك
جزاك الله خيرا

[Mr.LOver]

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

و شــكرا
ص

[سـها]

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

و شــكرا
ص

اهلا بيك اخى الفاضل

انا قولت لحضرتك ان اللغة دى هى الاساس ...و فى فرق كبير اوى بين اللى يبقى عارف الاساس و بين اللى ميعرفش

و انا قولتلك علشان تكمل و تبقى محترف ضرورى تتعلم الهتمل

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

شوف اى دروة ليها ....... هتلاقى انك المفروض تتعلم الهتمل برده قبل ما تتعلمها

يعنى لابد منها من اللى عايز احتراف و عايز يتعلم بجد

ما فيش مانع من اننا طبعا نتعلم البرامج و نمشى مع التطور ...دا اكيد طبعا

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

و ساعتها اقدر ابدع و انتج ان شاء الله

[سـها]

الدرس الـــثـــامن( 8)

سلام عليكم

الدرس الثامن (8)

بسم الله الرحمن الرحيم

عرفنا عن اللينك حاجات كتير…
وهنزود حاجتين كمان انهاردة ان شاء الله..
احيانا في بعض المواقع بتلاقي لينك موجود في الصفحة من تحت خالص اسمه/ ارجع لبداية الصفحة…وده بيبقي موجود في الصفحات الطويلة اوي.. زي الصفحة اللي قدام حضرتك دي..المنتدي ده فيه الموضوع ده…اول مبتضغط علي اللينك ده بيطلعلك لاول حتة في الصفحة خالص..
ازاي نعمل كده؟؟؟
احنا مش بس ممكن نخليه يطلع لبداية الصفحة…احنا ممكن نعمل لنك يوديك لاي حتة معينة في الصفحة..يعني انت عامل صفحة طويلة ..هتيجي في الاخر تحت وتحط لينك يطلعك لاخر الصفحة ولينك يطلعك لحتة معينة مهمة في النص وكده…كل ده ازاي؟؟
احنا لما كنا بنعمل لينك يوديك لصفحة تانية كنا بنكتب اسم الصفحة اللي هيروحلها او اسم الموقع اللي هيحمله…طب انا دلوقتي عايزه يروح لحتة معينة في الصفحة…
فاللي بنعمله في الحالة دي اننا بندي للحتة دي اسم"وهنعرف دلوقتي ازاي" وبعدين نقولله روح للحتة اللي اسمها كذا لما يضغط علي الينك ده…
يعني انا عايزه يروح لبداية الصفحة مثلا…هاجي علي اول كلمة انا كاتبها في الصفحة واديلها اسم…..الاسم ده هيكون البراوزر محتفظ بيه لنفسه عارف ان الحتة دي اسمها كده بس مش هيظهره في الموقع…واجي في الاخر خالص اقولله روح للحتة اللي اسمها كذا
ازاي نسمي جزء معين؟؟
لنفرض ان اول كلمة في الصفحة مكتوبة هي كده:welcome in our website
هكتبها بالطريقة دي<a name=”this”>welcome in our website</a>
هو كده فهم ان الكلام ده اسمه this ..ومش هيظهر الاسم ده في الصفحة بس هيعرفه لنفسه…وطبعا ممكن تكتب أي اسم يعجبك..انا هنا خترت this وانت حر سميها زي متحب…
واجي وانا بعمل الللينك اقولله كده:
<a href="mostafa.htm#this>highest point in this page</a>
بقولله اسم الصفحة الاول وبعدين العلامة دي # ودي شفت مع الرقم 3 ..دي بتعرفه اني هقولله اسم حتة معينة من الصفحة يروحلها..جرب وشوف…
طب ليه انا قلتله اسم الصفحة؟؟طب ماقولله وخلاص اسم الحتة االلي هيروحلها….
وده لاني ممكن اعمل الكلام مش في نفس الصفحة..يعني ممكن اعمل لينك يوديك لحتة معينة في صفحة تانية بنفس الطريقة.0مش هقوللك ازاي..جرب انت بقي يلا لوحدك…
الحاجة الاخيرة عن اللينكات..انت أي موقع بتدخله وبتفتح فيه لينك وتدخله …وبعدين ترجع تاني للصفحة الرئيسية بتاعت الموقع ده بتلاقي اللينك لونه بقي غامق شوية…والينكات اللي مفتحتهاش بتفضل عادية…
ودي لها اتربيوت بيتحط في البودي..وده اللي انا كنت قلت عنه قبل كده ان فاضل اتربيوت في البودي هناخده بعدين لانه محتاج نعرف حاجات في البودي الاول…
<body link="red" alink="black" vlink="green>
link دي بتحدد لون أي لينك طبيعي في الصفحة
vlink بتحدد لون اللينك اللي اتفتح قبل كده…وهي اختصار ل visited link
alink بتحدد لون اللينك اللي انت واقف عليه بتضغط عليه حالا… ودي اختصار ل active link
جرب وشوف…ودي طبعا برده ممكن تكتب فيها الالوان كتابة او بالطريقة العشرية
تقريبا فاضل حاجة بسيطة كمان عن اللينكات هتعرفها بعد شوية صغيرين اوي ان شاء الله…

لادراج فيديو او فلاش:
<" "=embed src=" " width=" " height>
مش محتاجة شرح حاجة..جربها وشوفها…..بس هنا عايز اقول حاجة تانية بره الموضوع سنة هقولها في الاخر ان شاء الله..
لادراج صوت:
<bgsound src=name of the file>
كده الصوت ده هيشتغل لوحده علطول مع الموقه اول ميفتح…
طب لو انا عايز احط صوت او فيديو او فلاش ..بس ميشتغلوش في الموقع..بس يبقوا موجودين علي هيئة لينكات يضغط عليها الزائر عشان يعمللها داونلود عنده علي الجهاز؟؟
هيه دي استخدام اللينك الاخير اللي كنت بقول عليه من شوية:
<a href="name of the file">download sorat el baqara</a>
كده اول ميضغط علي اللينك هيعملله داون لود علي الجهاز بتاعه…
يعني انا كده بكتب a href وبكتب فيها أي حاجة.ممكن اسم صفحة تانية في موقعي يقوم محملها..مكن اكتب ايميل ..هيبعت عليه..ممكن اكتب اسم حتة معينة من الصفحة هيحملها..ممكن اكتب اسم ملف صوت او فيديو او فلاش هيروح عاملهللا دوانلود…يعني ممكن اكتب أي حااااااااجة هنا….
كده عرفنا ازاي نتعامل مع الصوت والفيديو والفلاش و الصور …..يبقي كده اللغة دي خلصت؟؟؟؟؟
لا لسة فاضل بقي شوية تحابيش…شوية حاجات تنظملك الصفحة بتاعتك وتخلي شكلها حلو
بس كده وخلاص….عشان في حاجات ممكن تحب تعلمها في صفحتك ومتقدرش تعملها…الطرق والحاجات التنظيمية دي هتخليك تقدر تعمل كل اللي انت عاوزه ان شاء الله…
الاول في امرين بسيطين كده:
الامر <marquee>………..</marquee>
بيخليلك الكلام يتحرك بعرض الصفة….الكلام اللي انت كاتبه في النص كده..جرب وشوف..
الامر <hr> بيعمل خط مكان متكتبه…خط بعرض الصفحة..ده بتلاقيه في المواقع دايما في اولها خالص او في اخر الصفحة…
وطبعا بدام هو هيعمل خط وخلاص يبقي مبيتقفلش…
والخط ده بتلاقي تحته ظل وشكله حلو ..وممكن تتحكم فيه بالاتربيوتس دي:
width-size-color-align-noshade
هما مش محتاجين كلام..جربهم وشوفهم..ماعدا بس الاتربيوت align بيحدد اذا كان الخط ده هيبقي ناحية اليمين ولا الشمال ولا في النص..وده لو هتعلمه خط صغير..انما هو غالبا بيبقي بعرض الضفحة كلها..ودي بتتحكم فيها من width… انت جربهم وشوفهم
فاضل كده في اللغة دي كلها حاجتين مهمييييييييين ينظموا الصفحة كلها :
tables-frames
ال tables :
ودي تقريبا اهم حااااااااااااااااااااااااااااااااااااجة في الاتش تي ام ال يعد اللينكات… لانها بتنظم الصفحة كويس اوي ي ي ي ي ..
ركز كويس عشان تفهمها كويس وطبق عليها كتييييييييير عشان هتريحك جامد اوييييييي لو فهمتها كويس ان شاء الله…
ودي بتبقي موجودة تقربا في كل المواقع..بتلاقي الموقع كله معمول عبارة عن جدول..وبديله امر اقولله متخليش البوردرز بتاعة الجدول باينة..فبيظهر قدام الزائر كانه مش جدول …بس بيبقي مترتب كويس…
ودي بتريح كتير اوي..لان انت ممكن تحب تعمل حاجات في صفحتك ومتقدرش تعملها غير بالجدول…انا مش هقدر اقوللكوا حاجات زي ايه..لان دي بتيجي بالخبرة والممارسة..بس هقوللكوا مثال بسيط عنها بعد شوية ان شاء الله…
أي جدول في الدنيا عبارة عن صفوف افقية واعمدة راسية …
جدول عادي…بنعمل احنا جدول مكون من الصفوف والاعمدة دي وبنحدد احجامها ومساحاتها زي ماحنا عايزين ونقسم الصفحة كلها كده.تبقي الصفحة كلها عبارة عن خانات جدول…وبكده تقدر تحط أي حاجة انت عايزها في أي حتة من الصفحة زي متحب…تحدد تقولله في الخانة دي حطها…وتلغي البوردر…
ازاي بقي تعمل الجدول ده وتظبطه؟؟؟؟؟
الامر <table>
احنا قلنا ان الجدول عبارة عن صفوف واعمدة فعشان اعرفه اني بكتب في صف معين دي لها امر ولما اخلص كتابة في الصف ده اقفله…وبعدين افتح واحد تاني واكتب فيه واقفله…ونفس الموضوع بالنسبة للاعمدة…
الامر <tr> صف
الامر<td> عمود
منظر لجدول بسيط تفهموا منه طريقة عمل الجدول:
كود HTML:
<table>
<tr>
<td>…………………………</td>
<td>…………………………..</td>
</tr>
<tr>
<td>…………………………</td>
<td>…………………………..</td>
</tr>
</table>

tr في ااول فهمته اني شغال في الصف الاول…وكتبت جواها td يبقي انا شغال في العمود الاول فيها..او الخانة الاولي فيه يعني..
وخلصت كتبابة فيها وقفلتها وفتحت الخانة التانية فيه وخلصت وقفلتها وبعدين قفلت ال tr يبقي خلصت الصف الاول ودخلت في التاني وكده….
ومينفعش اعكس واكتب العمود واقسم جواه الخانات ..هما عملوها نظامها كده بس..
<table>--<tr>-<td>
وطبعا في كل خانة ممكن احط أي حاجة..ممكن كلام او صورة او لينك او أي حاجة..متفتكرش انه جدول بقي يعني خانات صغيرة وكده..انت ممكن تحدد حجم الخانا وهنعرف دلوقتي ازاي…دانا ممكن اعمل جدول بمساحة الصفحة كلها ويكون خانتيت بس يعني كل خانة نص الصفحة..وهنا مثلا مثال عن ازاي ممكن تستفيد بالجدول…
لو انا عايز عمل صفحة يكون فيها فيلمين فيديو وشغالين جنب بعض…كل واحد شغال في نص الصفحة..
لو انت جدع اعملها من غير جدول ..تلاقيهم نزلوا تحت بعض..لو بجدول تبقي سههههههلللللللة…يعني الجدول بيسمحلك انك تحط أي حاجة انت عايزها في أي مكان في الصفحة..وممكن من غيره بعض الحاجات متقدرش تحطها كده….
وطبعا مش دي بس الحاجة الوحيدة..بس دي جت في دماغي دلوقتي..
نعرف بقي ازاي نتعامل مع الجدول ده ونظبطه.
او بمعني تاني الاتربيوتس بتاعة الجدول..
الاتربيوتس بتاعة الامر <table>:
border بيحدد حجم البوردر لو انت عايز تخليه جدول طبيعي والبوردر بتاعه ظاهر في الصفحة..لو مكتبتوش مش هتبقي البوردرز ظاهرة…وبتكتب فيها أي رقم 1-2-3-5-6 زي متحب
width بتحدد حجم الجدول كله هيكون اد ايه..وبعد كده لسة هنعرف ازاي نحدد حجم كل خانة فيه…
height بتحدد طوله..
cellspacing بتحدد لو انت عامل بوردر المسافة المتروكة بين البوبدر والكلام المكتوب جواه..جربها وانت تفهم…واكتب جواها أي رقم
sellpading جربها واكتب أي رقم برده وانت تفهم بتعمل ايه…
bgcolor بتحدد لون خلفية الجدول لو انت عايز تعملله خلفية..
align بتحدد الجدول هيبدا من علي اليمين ولا الشممال ولا في النصright-left-center
..
الامرين tr و td لهم شوية اتربيوتس:
align لتحديد اذا كان الكلام جوه الصف ده كله هيبقي من اليمين ولا الشمال ولا في النص"right-left-center”
valign لتحديد الكلام جواه هيكون من فوق خالص ولا في النص ولا تحت خالص"top-bottom-middle”
طبعا ممكن تقول دلوقتي طب منا الحاجات دي محددها للجدول كله من فوق خالص…
الحاجات اللي اتحددت من فوق خالص للجدول هتبقي علي كله ..ولو عايز تغير في واحدة معينة يبقي من تحت شوية هتقول عليها هيه بس كده..هتلاقيها هيه بس اتغيرت والباقي زي مانت محدد في الجدول فوق

height-width-bdcolor
كده انت عرفت الحاجات دي..عشان تقدر تفهمها كويس اتدرب عليها كتيييير ..
وجرب تدخل بينها وبين بعضها….
ناقص حاجة واحدة بس في الجداول:
وهي لو انا عامل جدول.وعايز احط صورة مثلا في خانتين اتنين مع بعض..تكون نفس الصورة..او في تلات خانانت ..او أي عدد..ومش لازم صورة..لو أي حاجة عايز اعملها تكون مساختها اكتر من خانة:
ودي لها اتربيوت في ال td
اسمه colspan و rowspan
لما انا احب اعمل خانة بحجم خانتين لو بالعرض بقولله colspan=2 ولو بحجم 3 خانات بقولله colspan=3 وكده…
طبعا انت ممكن تكون بتسال وتقول منا ممكن احدد حجم الخانات من برة من الاول….بس التحديد اللي هتحدده من برة ده هيتحدد علي كل الخانات وكلها هتطلع كده……هيه العملية دي مش هقدر اقولها نظري اوي..بس انت جربها عملي اكتر من مرة هتفهمها كويس ان شاء الله..ومتسبهاش الا لما تفهمها…
والامر rowspan عشان لو عايز خانة بحجم خانتين بالطول او بحجم تلاتة..
انا عارف ان الحتة دي رخمة شوية بس انت حاول تفهمها كده وجربها كتير عشان توضحلك.ولو معرفتوش تفخهموها كويس قولولي احاول اوضحها تاني…عشان التابل ده مهم اوي ي ي ي ي ي ي ي ي…


والتابل بيستخدم دايما بالطريقة دي في عمل أي موقع..غالبا بتلاقي الصفحة كلها عبارة عن جدول…عشان تعرف تقسمه براحتك…وبيحط كل حاجة بمزاجه في المكان اللي يعجبه..ومكش لازم تكون الصفحة كلها…ممكن بس تعمل الحتة اللي انت عايز تحط فيها حاجة في مكان معين مش قاجر توصلله….بتعمل جدول في الحتة دي وتظبطه بالطريقة دي…
ودي هتلاقي فايدتها دايما لو انت مثلا هتحط فلاش او فيديو وعايز تحط حاجة جنبه…مش هتعرف تعلملها الا بالجدول….
كده ناقصلنا ال frames ونبقي كده خلصنا كل حاجة في البودي.وناخد الحاجات اللي قلنا عليها هتتقال في الخهيد اخر حاجة خالص ونبقي خلصنا خالص ان شاء الله…
يارييييييييييييييت تتدربوا علي ال tables كويس….
بالنسبة للفلاش كان في حاجة كنت قايل عليها انها بره الموضوع وهقولها في الاخر ..
وهي ان مصمم المواقع لو بيعرف يستخدم فلاش هيقدر يطلع فلاشات جمييييلة في موقعه وهتساعده جدااااااا في عمل الموقع….
ياريييييييييت تتعلموا فلاش… هتلاقوه بيعمل حاجات راااااااااااااااااااائعة ومش طويل …… وهتستفيدوا بيه جداااااا في الموقع…
وعلي فكرة..برنامج الفلاش ممكن يتصمم بيه لوحده موقع كاااااامل بدون استعمال html خالص او أي لغة تانية!!!…ويكون تصميمه سهل جدااااااااا وافضل من موقع الhtml كمان…..بس طبعا انت لو كملت بعد الاتش تي ام ال ودرست مثلا جافا سكربت اوphp دول لغتين متطورتين تبقي احسن من الفلاش مليون مرة..يعني اقصد اقول انك لو عرفتهم الاتنين هتعمل موقع شديدة وفلاشات توضح التاثير اللي انت عايزه في موقعك …

[bishoyraafat]

يااختى انا عايز احط صوره وعملت زى ماقلتى لكن الصوره مش بتتحمل وبيطلعلى مربع فوق

[سـها]

يااختى انا عايز احط صوره وعملت زى ماقلتى لكن الصوره مش بتتحمل وبيطلعلى مربع فوق

الاخ الفاضل ..............انا بس الاول عايزة اتأكد ...حضرتك بتسأل عن حاجة بخصوص المنتدى هنا ......؟؟؟؟

و لا عن درس فى الدورة....؟؟؟؟؟ .......بس علشان اقدر اجاوبك و افيدك


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

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


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


عموما منتظرة ردك


و لو فى حاجة فى كلامى لسة مش فاهمها قولى و انا معاك للاخر ........و لا يهمك

[bishoyraafat]

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

http://www.sendspace.com/file/l9nsf8

ده رابط صفحة الموقع

http://www.sendspace.com/file/qgrzeu

عايز اقول ان الدروس بقت صعبه وكل درس اصعب من اللى قبله وكتيركنت بايئس واقول اكبر دماغى من الدوره دى
انا عايز اعرف لو انا هاعمل موقع فيه حوالى 20 صفحه وهاكتب فى كل صفحه الكلام ده... هخلص الموقع فى سنه

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

[didy]

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

<html>
<head>الموضوع الاول</head>
<body background="3.JPG"text="black"> <pre><blockquote>
التطريز بالخرز
ان التطريز بالخرز لهو امر سهل اذا اتبعتى الاتى
اولا رسم التصميم على ورق خفيف
</blockquote>
</pre>
</body>
<html/>

[bishoyraafat]

العنوان بيكتب كده يااختى
<title> ...................</title>