التعليقات على: XHTML و CSS الجزء 1 http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/?utm_source=rss&utm_medium=rss&utm_campaign=css-and-xhtml-1 Mon, 13 Feb 2012 00:28:51 +0000 hourly 1 http://wordpress.org/?v= بواسطة: buy wine cellar http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-249210 buy wine cellar Wed, 08 Feb 2012 11:51:20 +0000 http://www.tech-wd.com/wd/?p=5691#comment-249210 Your post had me cracking up. Now at least when I tell my story to people I can say: hey, but at least I didnt crap my shorts like some other girl didnt! ;-) Your post had me cracking up. Now at least when I tell my story to people I can say: hey, but at least I didnt crap my shorts like some other girl didnt! ;-)

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: chocolate diamond rings la jolla http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-248209 chocolate diamond rings la jolla Tue, 07 Feb 2012 16:47:21 +0000 http://www.tech-wd.com/wd/?p=5691#comment-248209 Thats hilarious that you actually pooped yourself, though oh god, do I feel for you! Just imagining it was uber horrible, so you poor thing to have to deal with it for real. Youre truly a hardcore runner now. Thats hilarious that you actually pooped yourself, though oh god, do I feel for you! Just imagining it was uber horrible, so you poor thing to have to deal with it for real. Youre truly a hardcore runner now.

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: Nael http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-36909 Nael Fri, 30 Jul 2010 12:31:46 +0000 http://www.tech-wd.com/wd/?p=5691#comment-36909 أخي لو سمحت كيف يتم تحديد طول وعرض الهيدر لأنني لا أريده أن يكون ممدد أريده ذو عرض وطول ثابت أخي لو سمحت كيف يتم تحديد طول وعرض الهيدر
لأنني لا أريده أن يكون ممدد
أريده ذو عرض وطول ثابت

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: apt http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-26380 apt Thu, 08 Apr 2010 18:18:53 +0000 http://www.tech-wd.com/wd/?p=5691#comment-26380 السلام عليكم، لماذا لا يتم اضافة "القائمة الرئيسية" و "مواقع صديقة" كل منهما في div ليتم بعدها وضعها في قالب على الموقع واستعماله في القوائم ؟ شكراً. السلام عليكم،

لماذا لا يتم اضافة “القائمة الرئيسية” و “مواقع صديقة” كل منهما في div ليتم بعدها وضعها في قالب على الموقع واستعماله في القوائم ؟

شكراً.

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: فادي فارس http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-19777 فادي فارس Fri, 18 Dec 2009 08:12:59 +0000 http://www.tech-wd.com/wd/?p=5691#comment-19777 ما الفرق بين القوائم الافقيه و الرئسيه؟ في الhtml لايوجد قرق ولاكن في صفحة css ماهو الامر الفارق ما الفرق بين القوائم الافقيه و الرئسيه؟
في الhtml لايوجد قرق ولاكن في صفحة css ماهو الامر الفارق

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: إنعام http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-19520 إنعام Mon, 14 Dec 2009 22:13:57 +0000 http://www.tech-wd.com/wd/?p=5691#comment-19520 السلام عليكم ورحمة الله كيف الحال أخي ان شاء الله بخير انا عندي مشكلة كبيرة ومو عارفة كيف احلها سويت الموقع تبعي بس للأسف ما بيزبط على كل الـ browsers يعني بيشتغل متل ما بدي عالـ internet explorer وما بيشتغل مزبوط عالـ firefox & google chrome اخدت ستايل جاهز وجربت عليه وما زبط معي ممكن اطلب مساعدتك ؟؟؟ لاني تعبت وانا بجرب ... حتى سألت الدكتور بس المشكلة انو هوه مو فاضي وما بقدر يزبطلي اياه :( واسفة عالإطالة تحياتي السلام عليكم ورحمة الله

كيف الحال أخي ان شاء الله بخير

انا عندي مشكلة كبيرة ومو عارفة كيف احلها
سويت الموقع تبعي بس للأسف ما بيزبط على كل الـ browsers
يعني بيشتغل متل ما بدي عالـ internet explorer
وما بيشتغل مزبوط عالـ firefox & google chrome
اخدت ستايل جاهز وجربت عليه وما زبط معي
ممكن اطلب مساعدتك ؟؟؟
لاني تعبت وانا بجرب … حتى سألت الدكتور
بس المشكلة انو هوه مو فاضي وما بقدر يزبطلي اياه :(

واسفة عالإطالة
تحياتي

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: عبدالرحمن اسحاق http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-18361 عبدالرحمن اسحاق Thu, 26 Nov 2009 21:21:15 +0000 http://www.tech-wd.com/wd/?p=5691#comment-18361 رغم أني تأخرت على هذه الدورة الطيبة إلا أنها سوف تفيدني بالتأكيد :) شكراً عبدالملك رغم أني تأخرت على هذه الدورة الطيبة إلا أنها سوف تفيدني بالتأكيد :)
شكراً عبدالملك

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: إنعام http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16545 إنعام Sun, 18 Oct 2009 19:31:03 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16545 أهلاً أخي الكريم شكرا كثيرا لك على ما قدمت لي من شرح فقد غابت عني نقاط كثيرة لم أفهمها كما يجب واستفدت كثيرا مما قدمت والله يعطيك ألف عافية أهلاً أخي الكريم

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

واستفدت كثيرا مما قدمت
والله يعطيك ألف عافية

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: عبدالملك الثاري http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16377 عبدالملك الثاري Mon, 12 Oct 2009 04:41:18 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16377 مرحباً بك أختي إنعام اعتذر لك عن التأخير بالنسبة لطلب الدكتور في هذه النقاط فهو واضح جداً 1- المشروع كله يكون في ملف مضغوط من نوع zip 2- يجب عليك ان تنشأي مشروعك بما لا يقل عن 12 صفحة بالـ HTML فقط يعني ما تضيفين فيه اكواد CSS ولكن في النقطة الثانيه تضيفين اكواد الـ CSS 3- وانشاء ملفين stylesheets وهما ملفين خاص بالـ CSS كالتالي style1.css و style2.css او main.css و forms.css هالملفين يمكنك بداخلهم عمل اكواد الـ CSS لتصميم الصفحات لمشروعك مثلاً لون الخط الرئيسية ونوعه وحجمه وحجم خط عنوان كل صفحه وإلى آخره 4- ويطلب تصميم جميل بشكل مهم كما هو واضح 5- site navigation يمكنك عمله بطريقتين بأحس حال وهي وضع قائمة على الجنب او في الأعلى وهي القائمة الرئيسية وعند الضغط عليها تفتح الصفحه ويكون على القائمة علامه بأنه تم فتح هذه الصفحة بتغيير لونها مثلاً والطريقه الثانيه تكون زياده وليست لوحدها اي انها مكمله للطريقة الأولى لتكون بشكل افضل وهي وضع في الأعلى كالتالي ( الصفحة الرئيسية >> صفحة فرعية >> صفحة فرعية من الصفحة الفرعية ) 6- على الأقل 3 روابط لمواقع خارجية 7- على الأقل جدول واحد http://www.w3schools.com/html/html_tables.asp 8- نموذج form هذا يمكنك وضعه في صفحة اتصل بنا http://www.w3schools.com/html/html_forms.asp 9- يجب عليك استخدام الجافا سكريبت بأي شكل في موقعك وهو اعطى مثال كرول اوفر وهي عند تأشير الفأرة على صورة معينه يتم جعلها متوهجه مثلاً او تتغير إلى صورة اخرى كقائمة مثلاً او غيره, وكمثال بسيط على الرول اوفر تجدينه هنا مع شر http://joemaller.com/js-singleroll.shtml 10- إضافة محتوى اكثر مع شرح اكثر في الموقع مثل إضافة فلاش في الصفحة او إضافة مقطع يوتيوب ويمكنك إضافة ملف مستند افضل من يوتويب زيادة على اليوتيوب ولإضافة مستند يمكنك ذالك من خلال موقع http://www.scribd.com تسجيل فيه وترفعي ملف مستند ويعرضه لك كفلاش بإمكانك الضغط على Embed واخذ الكود ولصقه في اي مكان في موقعك ليظهر المستند على شكل فلاش طبعاً الـ Embed لتشغيل سيحتاج إلى إنترنت متصل. ارجوا ان اكون افدتك وافدت غيرك, وإذا كان هناك اي مشكله يمكننا متابعة حلها من هنا. تحيتي لك مرحباً بك أختي إنعام اعتذر لك عن التأخير

بالنسبة لطلب الدكتور في هذه النقاط فهو واضح جداً

1- المشروع كله يكون في ملف مضغوط من نوع zip

2- يجب عليك ان تنشأي مشروعك بما لا يقل عن 12 صفحة بالـ HTML فقط يعني ما تضيفين فيه اكواد CSS ولكن في النقطة الثانيه تضيفين اكواد الـ CSS

3- وانشاء ملفين stylesheets وهما ملفين خاص بالـ CSS كالتالي style1.css و style2.css او main.css و forms.css هالملفين يمكنك بداخلهم عمل اكواد الـ CSS لتصميم الصفحات لمشروعك مثلاً لون الخط الرئيسية ونوعه وحجمه وحجم خط عنوان كل صفحه وإلى آخره

4- ويطلب تصميم جميل بشكل مهم كما هو واضح

5- site navigation يمكنك عمله بطريقتين بأحس حال وهي وضع قائمة على الجنب او في الأعلى وهي القائمة الرئيسية وعند الضغط عليها تفتح الصفحه ويكون على القائمة علامه بأنه تم فتح هذه الصفحة بتغيير لونها مثلاً والطريقه الثانيه تكون زياده وليست لوحدها اي انها مكمله للطريقة الأولى لتكون بشكل افضل وهي وضع في الأعلى كالتالي ( الصفحة الرئيسية >> صفحة فرعية >> صفحة فرعية من الصفحة الفرعية )

6- على الأقل 3 روابط لمواقع خارجية

7- على الأقل جدول واحد http://www.w3schools.com/html/html_tables.asp

8- نموذج form هذا يمكنك وضعه في صفحة اتصل بنا http://www.w3schools.com/html/html_forms.asp

9- يجب عليك استخدام الجافا سكريبت بأي شكل في موقعك وهو اعطى مثال كرول اوفر وهي عند تأشير الفأرة على صورة معينه يتم جعلها متوهجه مثلاً او تتغير إلى صورة اخرى كقائمة مثلاً او غيره, وكمثال بسيط على الرول اوفر تجدينه هنا مع شر http://joemaller.com/js-singleroll.shtml

10- إضافة محتوى اكثر مع شرح اكثر في الموقع مثل إضافة فلاش في الصفحة او إضافة مقطع يوتيوب ويمكنك إضافة ملف مستند افضل من يوتويب زيادة على اليوتيوب ولإضافة مستند يمكنك ذالك من خلال موقع http://www.scribd.com تسجيل فيه وترفعي ملف مستند ويعرضه لك كفلاش بإمكانك الضغط على Embed واخذ الكود ولصقه في اي مكان في موقعك ليظهر المستند على شكل فلاش طبعاً الـ Embed لتشغيل سيحتاج إلى إنترنت متصل.

ارجوا ان اكون افدتك وافدت غيرك, وإذا كان هناك اي مشكله يمكننا متابعة حلها من هنا.

تحيتي لك

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: عبدالملك الثاري http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16376 عبدالملك الثاري Mon, 12 Oct 2009 04:27:05 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16376 حياك الله اخوي محمود إذا كان موضوع الرسالة او المشكله بخصوص الـ XHTML و الـ CSS فيسعدني ذالك على البريد althari22 على الجيميل تحيتي لك حياك الله اخوي محمود إذا كان موضوع الرسالة او المشكله بخصوص الـ XHTML و الـ CSS فيسعدني ذالك على البريد althari22 على الجيميل

تحيتي لك

قيم التعليق: Thumb up 1 Thumb down 0

]]> بواسطة: محمود http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16352 محمود Sun, 11 Oct 2009 18:44:51 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16352 اخي الحبيب لدي مشكلة في برمجة صفحة لااريد طرحها هنا حتى لاتخرج من صلب الموضوع.. هل لك ان تزودني بعنوان بريدك لكي اراسلك بارك الله بك اخي الحبيب لدي مشكلة في برمجة صفحة لااريد طرحها هنا حتى لاتخرج من صلب الموضوع.. هل لك ان تزودني بعنوان بريدك لكي اراسلك

بارك الله بك

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: bzizit http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16128 bzizit Fri, 09 Oct 2009 01:00:36 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16128 بارك الله فيك أخي مع أني جئت متأخرا إلا أني أظنني سأتستفيد تسلم ايديك :) بارك الله فيك أخي مع أني جئت متأخرا إلا أني أظنني سأتستفيد
تسلم ايديك
:)

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: إنعام http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16116 إنعام Thu, 08 Oct 2009 16:39:07 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16116 اهلا اخ عبد الملك احنا بعد ما اخدنا كيف نسوي الاستايل بس رح ناخد الدرس ان شاء الله وهذا هوه اللي طالبه في المشروع 1.Design document (source code, as zip file) 2.Minimum of 12 web pages (only XHTML 1.1 ) 3.At least two stylesheets 4.Nice design is a MUST 5.A site navigation feature of some kind, allowing the user to move between the pages of the site 6.At least three links to relevant external web sites 7.At least one table 8.A form of some sort 9.An image rollover, using JavaScript OR another example of Javascript 10.More content of some description, possibly embedded media (Flash, YouTube etc) هوه قالنا انو نبدأ بكتابة الكود لانه يحتاج وقت وكل ما ناخد شغلة نطبقها وشكرا كتييييير على ردك على استفساري ويعطيك الف عافية ^_^ اهلا اخ عبد الملك

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

وهذا هوه اللي طالبه في المشروع
1.Design document (source code, as zip file)
2.Minimum of 12 web pages (only XHTML 1.1 )
3.At least two stylesheets
4.Nice design is a MUST
5.A site navigation feature of some kind, allowing the user to move between the pages of the site
6.At least three links to relevant external web sites
7.At least one table
8.A form of some sort
9.An image rollover, using JavaScript OR another example of Javascript
10.More content of some description, possibly embedded media (Flash, YouTube etc)

هوه قالنا انو نبدأ بكتابة الكود
لانه يحتاج وقت
وكل ما ناخد شغلة نطبقها

وشكرا كتييييير على ردك على استفساري
ويعطيك الف عافية
^_^

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: XHTML و CSS الجزء 3 | عالم التقنية http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16071 XHTML و CSS الجزء 3 | عالم التقنية Wed, 07 Oct 2009 07:02:21 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16071 [...] سلسلة هذه الدورة بالجزء الثالث هنا ويمكنك الإطلاع على الجزء الأول و الجزء الثاني لمواكبة [...] [...] سلسلة هذه الدورة بالجزء الثالث هنا ويمكنك الإطلاع على الجزء الأول و الجزء الثاني لمواكبة [...]

قيم التعليق: Thumb up 0 Thumb down 0

]]> بواسطة: عبدالملك الثاري http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#comment-16063 عبدالملك الثاري Wed, 07 Oct 2009 04:36:49 +0000 http://www.tech-wd.com/wd/?p=5691#comment-16063 شكراً للجميع على المرور اخوي abdou ارجوا ارفاق الملف لمعاينته :) أختي إنعام طلب الدكتور غير واضح اذا كان يبغاكم تعلوا تلوين للموقع وتكبير الخط وتنسيقه لكن بدون الـ CSS فهذا مستحيل لكن بإمكانك استخدام الـ CSS داخل ملف الـ HTML كالتالي <span dir="ltr"><p style="color:red; font-size:14pt; font-weight:bold">بسم الله</p></span> فبهذه الطريقة تم دمج الـ CSS مع الـ HTML فأصبح ملف واحد بدل ملفين لكنها ليست الطريقة المعتمده عالمياً لأنها طريقه تقليدية وتحتوي على الكثير من العيوب مثل عندما يكون لديك 100 صفحه فيها عنوان بنمط وتصميم معين كاللون الأحمر والحجم المعين واردتي تغييرها يجب عليك ان تغيريها في جميع الصفحات الـ 100 وهذا صعب وغير عملي وهناك الكثير من الأسباب التي تجعل الملف للتصميم منفصل بوجود الـ CSS وبالمناسبة لكثرة السؤال عن مثل هذه المسألة قمت بتحريرها في الموضوع وهي طرق استخدام الـ CSS يمكنك التوجه له مباشره من هذا الرابط http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#usingcss تحيتي لك شكراً للجميع على المرور

اخوي abdou

ارجوا ارفاق الملف لمعاينته :)

أختي إنعام

طلب الدكتور غير واضح اذا كان يبغاكم تعلوا تلوين للموقع وتكبير الخط وتنسيقه لكن بدون الـ CSS فهذا مستحيل لكن بإمكانك استخدام الـ CSS داخل ملف الـ HTML كالتالي

<p style=”color:red; font-size:14pt; font-weight:bold”>بسم الله</p>

فبهذه الطريقة تم دمج الـ CSS مع الـ HTML فأصبح ملف واحد بدل ملفين

لكنها ليست الطريقة المعتمده عالمياً لأنها طريقه تقليدية وتحتوي على الكثير من العيوب مثل عندما يكون لديك 100 صفحه فيها عنوان بنمط وتصميم معين كاللون الأحمر والحجم المعين واردتي تغييرها يجب عليك ان تغيريها في جميع الصفحات الـ 100 وهذا صعب وغير عملي وهناك الكثير من الأسباب التي تجعل الملف للتصميم منفصل بوجود الـ CSS

وبالمناسبة لكثرة السؤال عن مثل هذه المسألة قمت بتحريرها في الموضوع وهي

طرق استخدام الـ CSS

يمكنك التوجه له مباشره من هذا الرابط

http://www.tech-wd.com/wd/2009/05/04/css-and-xhtml-1/#usingcss

تحيتي لك

قيم التعليق: Thumb up 0 Thumb down 0

]]>