|

الانتقال الى المشاركة



أحدث المشاركات

         مساعده لو سمحتو اسئله الهيئه تخصص علاج جذور ← ـ.Dr. Abdulaziz.ـ      case no.1 ← ـ.Dr. Abdulaziz.ـ      أسئلة امتحان الهيئة السعودية لإختصاص طب الأسنان العام ← ـ.Dr. Abdulaziz.ـ      Prosthodontic Rehabilitation of Patients with Orofacial Defects ← ـ.Dr. Abdulaziz.ـ      The Talon Cusp - An Uncommon Anomaly ← ـ.Dr. Abdulaziz.ـ      Bleeding Disorders seen in the Dental Practice ← ـ.Dr. Abdulaziz.ـ      Invisalign®, an Innovative Invisible Orthodontic Appliance to Correct Malocclusions ← ـ.Dr. Abdulaziz.ـ      Interdisciplinary Management in the Paediatric Patient - Restoration of a Complicated Crown-Root Fracture ← ـ.Dr. Abdulaziz.ـ      2.Ionizing Radiation Regulations and the Dental Practitioner ← ـ.Dr. Abdulaziz.ـ      Ozone and Caries - A Review of the Literature ← ـ.Dr. Abdulaziz.ـ      1.Endodontic Solutions ← ـ.Dr. Abdulaziz.ـ      Posterior Composites, A Practical Guide Revisited ← ـ.Dr. Abdulaziz.ـ      Should Deciduous Teeth be Restored - Reflections of a Cariologist ← ـ.Dr. Abdulaziz.ـ      1.Ionizing Radiation Regulations and the Dental Practitioner ← ـ.Dr. Abdulaziz.ـ      Subepithelial Connective Tissue Graft used with Platelet-Rich Plasma in Treatment of Gingival Recession ← ـ.Dr. Abdulaziz.ـ      Sectional Dentures Revisited ← ـ.Dr. Abdulaziz.ـ      2.Contemporary Denture Base Resins ← ـ.Dr. Abdulaziz.ـ      Atlas of Dental Instruments / Flash ← ـ.Dr. Abdulaziz.ـ      أسئلة امتحان الهيئة السعودية لإختصاص علاج الجذور ← ـ.Dr. Abdulaziz.ـ      Principles of Oral and Maxillofacial Surgery ← ـ.swo.ـ

- - - - -

دورة " احنا نعلمنا " لأحسن تعليم :: تطوير الويب 2 ((HTML))

كتب بواسطة : Evil Angel, 06/03/2010 - 22:33

  • Please log in to reply
عدد ردود الموضوع : 14

#1 غير متواجد   Evil Angel

Evil Angel

    طبيب متميز

  • ـ.أعضاء شرف.ـ
  • Pip Pip Pip Pip Pip

Current mood:

تاريخ المشاركة : 06/03/2010 - 22:33







السلام عليكــم ورحمـة الله وبركاتــه ،،
هذا الدرس الثاني ::: للدرس الأول >> http://www.dkku.net/t1749.html

يتوقع منك وجود Notepad++ على جهازك لتبدأ بكتابة الأكواد..


شوفوا ياحلوين  الـ HTML  هي اللغة الأساسية في عالم تطوير الوب وهي اللغة اللي تفهمها المتصفحات وتترجمها إلى اللي تشوفونه في كل المواقع اللي تزوروها .

(اختصار لـ Hyper Text Markup Language.).

بمعنى إنت تفتح مثلا www.google.com يقوم مستعرضك بارسال طلب لقوقل بالصفحة المطلوبة .. قوقل يرد عليه يقوله تفضل يافايرفوكس أو (خذ بدون نفس للإكسبلورر) ويعطيه كود بلغة الـ HTML

اش يسوي الفايرفوكس ياخذ الكود اللي استقبله ويحوله إلى الصور والكتابات اللي انتوا تشوفوها ..

وهي تقريبا تشبه الأكواد اللي تستخدمها يوميا في الكتابة في المنتدى


Anatomy
طبعا زي موادنا في الكلية كل شيء يبدأ بالأناتومي أنا كمان أبدأ بأناتومي خخخخخ:


<TAG>SOMETHING</TAG>

زي ماانتوا شايفين في الكود السابق هذا الاناتومي حق ال html بحيث ان الفايرفوكس يقرا الوسوم او tags اللي تكون بين علامتي <> .. الى ان يصل لنهاية الوسم اللي نقفله بعلامة / قبل اسم التاق (مثل مو موجود في الكود السابق)..

ويكون بين الوسم وقفل الوسم النص المراد عرضه في أو على التاق المكتوب..

طيب بعض الأحيان تكون للتاق هذي خصائص معينة لازم تحددها على الشكل اللي يعجبك .. انظر للكود التالي:

<TAG PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG>

اعتقد بانك فهمت  كيف تكتب الخاصية المعينة هذي ..

باختصار:

تفتح الوسم بالاشارة > تكتب التاق المستخدم ثم فراغ الخاصية بعدها علامة = بعدها القيمة المعينة بين علامتي "" ثم العلامة < .. ثم تكتب محتواك ثم تغلق التاق بإضافة علامة / قبل التاق نفسه وبين <> ..


طيب احيان في وسط الكلام اللي اكتبه احتاج اني اضيف مثلا صورة او نص مميز بلون مغاير او اي شيء .. انظر للكود التالي:
<TAG PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG>
<TAG2 PROPERTIE=&#34;VALUE&#34; PROPERTIE2=&#34;VALUE&#34;>
<TAG3>SOMETHING SOMETHING<TAG4 PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG4>SOMETHING SOMETHING</TAG3></TAG2>

فاهمين لحد ألحين ؟؟؟

إذا كانت الإجابة بنعم .. مبروك لقد تعلمت الـ HTML ومابقى الا انك تعرف اش الوسوم او التاقات..

طبعا فيه وسوم يجب أن تحتويها كل صفحة HTML (غالبا) وهي::

ملف مرفق  html1.jpg
13.4كيلو بايت
25 عدد مرات التحميل

نشرحها تاق تاق ..
<html>
iهو يخبر المستعرض ان الصفحة تستخدم لغة HTML

<head>
هذا التاق معناه الأجزاء غير الظاهرة في الصفحة وبعض برامج الجافا او ملفات css يخبر المستعرض عنها .. ما يهمنا حاليا فيه الكود التالي.

<title>
هذا كما هو موضح هو عنوان الصفحة الذي يظهر بأعلى المستعرض..

<body>
هذا التاق يكون للصفحة نفسها أو ماسوف يظهر للمتصفح.. يعني محتوى الصفحة نفسه..

وزي ما لاحظتوا اغلاق كل تاق..

وفي الدرس القادم بإذن الله سنستعرض معظم وأهم التاقات وخصائصها كاملة ..

واجبكم ياحلوين انو تكتبوا الكود اللي في الصورة اللي فوق حق ال HTML كامل في Notepad++ ..

ملف مرفق  html1.jpg
13.4كيلو بايت
25 عدد مرات التحميل

تكتب عنوان وتكتب نص على كيفك .. وتحفظه باي اسم اهم شيء يكون امتداده .htm أو .html

ولما تحفظه تفتح الملف باستخدام المستعرض وتشوف النتيجة صح أو غلط .. ( أنا تعمدت أحطه صورة عشان  copy & past ما تشتغل )

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

ملف مرفق  notepad__.jpg
19.24كيلو بايت
7 عدد مرات التحميل



في انتظار أسئلتكم في حالة انو شيء مو واضح .. (إذا ماضبط عندك اكتب الكود عشان نعلمك خطأك)

إن شاء الله يكون ربي وفقني وما أخطأت ولا نسيت شيء .. وفي حالة اكتشاف شيء يرجى الإضافة ..

تحيااااااتي ..







الـتـوقـيــع

تلعب وانا .. ما عاد لي بالطرب شف
لعبك بروحي بدل الفرح بجراح
زل الطرب يا موجع الطار بالكف
شابت قوافي الليل .. نور الضحى لاح
كانك تدق القلب .. دقك على الدف
عسى الضلوع توقي القلب لا طاح
شفتك .. ولا ادري من قضب بعدك الصف
ناس ٍ كثير .. وكنهم عندي أشباح
نورك دعاني وعندك الشوف وقف
كنه فنارٍ لاح في عين ملاح
من له ثمان اسنين من راح منكف
خلّى السفين وعارض الموج سباح
من فرحته ما حسب االحيل يتلف
غلب عليه الموج والقاع منزاح

#2 غير متواجد   Dr. Abdulaziz

Dr. Abdulaziz

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

    طبيب مقيم

Current mood: رائق

تاريخ المشاركة : 06/03/2010 - 23:35







يعطيك العافية  :flowers:

هي بصراحة صعبة تنفهم من أول مرة بدون تجربة لأن الواقع أن الأغلب يظن أن المواقع هي مثل الأعمدة والأزرار
وتستطيع التحكم وتعديلها من خلالها بهذه السهولة لكن الواقع شئ آخر فكل ما تشاهدونه من مواقع هو مبني
بهذه الطريقة التي شرحها Evil Angel والمتصفحات هي من تترجم هذه اللغة لما ترونه من واقع حي للمواقع

لمن يستخدم Internet Explorer تقدر تضغط بزر الفأرة الأيمن على هذه الصفحة وسوف تظهر خيارات منها View Source اختره
وسوف يظهر لك هيكل الصفحة الداخلية الفعلية لهذه الصفحة







#3 غير متواجد   shadowy heart

shadowy heart

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

    طبيب عام

Current mood: رائق

تاريخ المشاركة : 07/03/2010 - 00:23







الله يعطيكم ألف عافيه

أحس فيها متعه لكن ما أقدر أطبق في الوقت الحالي







الـتـوقـيــع

صورة

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

الأمير الشاعر خالد بن سعود الكبير

#4 غير متواجد   Evil Angel

Evil Angel

    طبيب متميز

  • ـ.أعضاء شرف.ـ
  • Pip Pip Pip Pip Pip

Current mood:

تاريخ المشاركة : 07/03/2010 - 01:44







عرض المشاركة تعقيب على مشاركة , Dr. Abdulaziz ,الوقت 6/3/2010 - 23:35:

يعطيك العافية  :flowers:

هي بصراحة صعبة تنفهم من أول مرة بدون تجربة لأن الواقع أن الأغلب يظن أن المواقع هي مثل الأعمدة والأزرار
وتستطيع التحكم وتعديلها من خلالها بهذه السهولة لكن الواقع شئ آخر فكل ما تشاهدونه من مواقع هو مبني
بهذه الطريقة التي شرحها Evil Angel والمتصفحات هي من تترجم هذه اللغة لما ترونه من واقع حي للمواقع

لمن يستخدم Internet Explorer تقدر تضغط بزر الفأرة الأيمن على هذه الصفحة وسوف تظهر خيارات منها View Source اختره
وسوف يظهر لك هيكل الصفحة الداخلية الفعلية لهذه الصفحة

يعطيك العافية يابو راكان عالإضافة .. وأيضا فايرفوكس بالضغط على الزر الأيمن ثم View page source ..

أنا خفت انهم يتحطمون :reader:

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

وبالنسبة للي خبير في المنتديات ويكتب فيها كثير بتكون اسهل لانه يعرف ال BBcode ويعرف استخدامها ..







الـتـوقـيــع

تلعب وانا .. ما عاد لي بالطرب شف
لعبك بروحي بدل الفرح بجراح
زل الطرب يا موجع الطار بالكف
شابت قوافي الليل .. نور الضحى لاح
كانك تدق القلب .. دقك على الدف
عسى الضلوع توقي القلب لا طاح
شفتك .. ولا ادري من قضب بعدك الصف
ناس ٍ كثير .. وكنهم عندي أشباح
نورك دعاني وعندك الشوف وقف
كنه فنارٍ لاح في عين ملاح
من له ثمان اسنين من راح منكف
خلّى السفين وعارض الموج سباح
من فرحته ما حسب االحيل يتلف
غلب عليه الموج والقاع منزاح

#5 غير متواجد   Dr. Abdulaziz

Dr. Abdulaziz

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

    طبيب مقيم

Current mood: رائق

تاريخ المشاركة : 07/03/2010 - 01:55







إقتباس

وبالنسبة للي خبير في المنتديات ويكتب فيها كثير بتكون اسهل لانه يعرف ال BBcode ويعرف استخدامها

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

الموضوع والرد تحفة  :flowers:







#6 غير متواجد   أبو زيد

أبو زيد

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

Current mood: مبتهج

تاريخ المشاركة : 07/03/2010 - 23:26







عرض المشاركة تعقيب على مشاركة , Evil Angel ,الوقت 6/3/2010 - 22:33:

طيب احيان في وسط الكلام اللي اكتبه احتاج اني اضيف مثلا صورة او نص مميز بلون مغاير او اي شيء .. انظر للكود التالي:
<TAG PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG>
<TAG2 PROPERTIE=&#34;VALUE&#34; PROPERTIE2=&#34;VALUE&#34;>
<TAG3>SOMETHING SOMETHING<TAG4 PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG4>SOMETHING SOMETHING</TAG3></TAG2>

فاهمين لحد ألحين ؟؟؟


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







الـتـوقـيــع

صورة


الـجـراد يـأكـل البـعـوض،
والعصفور يفترس الجراد،
والحيّة تصطـاد العصافير،
والـقنفـذ يـقـتـل الـحيّـة،
والـثعـلـب يأكـل الـقنفذ،
والـذئـب يفترس الثعلب،
والأسـد يـقـتـل الـذئـب،
والإنسان يصطاد الأسد،
والبعوض يميت الإنسان ...

هذه هي السلسلة الخالدة لا تبديل لها ولا تغيير.

إما أن تقتل الأسد وإما أن يقتلك البعوض !!
فيا شباب ! لا يغلبكم البعوض ولكن اغلبوا الأسود.

( علي الطنطاوي )

#7 غير متواجد   أبو زيد

أبو زيد

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

Current mood: مبتهج

تاريخ المشاركة : 07/03/2010 - 23:42







أول واحد حل الواجب <<<<<  :flowers: مذاكر كويس


سؤال: ما قدرت أكتب العنوان أو البودي بالعربي ؟ يجيني علامة استفهام بدل الحروف العربي ؟





الملفات المرفقه

  • ملف مرفق  My_Page.html
    102بايت
    9 عدد مرات التحميل


الـتـوقـيــع

صورة


الـجـراد يـأكـل البـعـوض،
والعصفور يفترس الجراد،
والحيّة تصطـاد العصافير،
والـقنفـذ يـقـتـل الـحيّـة،
والـثعـلـب يأكـل الـقنفذ،
والـذئـب يفترس الثعلب،
والأسـد يـقـتـل الـذئـب،
والإنسان يصطاد الأسد،
والبعوض يميت الإنسان ...

هذه هي السلسلة الخالدة لا تبديل لها ولا تغيير.

إما أن تقتل الأسد وإما أن يقتلك البعوض !!
فيا شباب ! لا يغلبكم البعوض ولكن اغلبوا الأسود.

( علي الطنطاوي )

#8 غير متواجد   Evil Angel

Evil Angel

    طبيب متميز

  • ـ.أعضاء شرف.ـ
  • Pip Pip Pip Pip Pip

Current mood:

تاريخ المشاركة : 08/03/2010 - 01:39







عرض المشاركة تعقيب على مشاركة , أبو زيد ,الوقت 7/3/2010 - 23:42:

أول واحد حل الواجب <<<<<  :flowers: مذاكر كويس


سؤال: ما قدرت أكتب العنوان أو البودي بالعربي ؟ يجيني علامة استفهام بدل الحروف العربي ؟


الله يعطيك العافية .. فعلا طبقت الدرس صح ..

بالنسبة للعربي فيه نقطة انا نسيتها سوري ..::

في القائمة :: Format اختر دائما >> Encode in UTF-8

آسف عالغلط كان بودي اعدل الموضوع واحطه فيه ..

تحياااااتي..







الـتـوقـيــع

تلعب وانا .. ما عاد لي بالطرب شف
لعبك بروحي بدل الفرح بجراح
زل الطرب يا موجع الطار بالكف
شابت قوافي الليل .. نور الضحى لاح
كانك تدق القلب .. دقك على الدف
عسى الضلوع توقي القلب لا طاح
شفتك .. ولا ادري من قضب بعدك الصف
ناس ٍ كثير .. وكنهم عندي أشباح
نورك دعاني وعندك الشوف وقف
كنه فنارٍ لاح في عين ملاح
من له ثمان اسنين من راح منكف
خلّى السفين وعارض الموج سباح
من فرحته ما حسب االحيل يتلف
غلب عليه الموج والقاع منزاح

#9 غير متواجد   Evil Angel

Evil Angel

    طبيب متميز

  • ـ.أعضاء شرف.ـ
  • Pip Pip Pip Pip Pip

Current mood:

تاريخ المشاركة : 08/03/2010 - 01:49







عرض المشاركة تعقيب على مشاركة , أبو زيد ,الوقت 7/3/2010 - 23:26:

عرض المشاركة تعقيب على مشاركة , Evil Angel ,الوقت 6/3/2010 - 22:33:

طيب احيان في وسط الكلام اللي اكتبه احتاج اني اضيف مثلا صورة او نص مميز بلون مغاير او اي شيء .. انظر للكود التالي:
<TAG PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG>
<TAG2 PROPERTIE=&#34;VALUE&#34; PROPERTIE2=&#34;VALUE&#34;>
<TAG3>SOMETHING SOMETHING<TAG4 PROPERTIE=&#34;VALUE&#34;>SOMETHING</TAG4>SOMETHING SOMETHING</TAG3></TAG2>

فاهمين لحد ألحين ؟؟؟


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


يعني تخيل تبغى تكتب بالنتجية نص أزرق  وتخلي كلمة وحدة في وسط الكلام بالأحمر مثل :

أبو زيد طالب نجيب

يكون تاق اللون الأحمر قبل كلمة طالب فقط وغلق التاق بعده .. وتاق اللون الأزرق قبل الجملة كاملة ويغلق بعدها كاملة أيضا ..

وضحت ؟؟ :flowers:







الـتـوقـيــع

تلعب وانا .. ما عاد لي بالطرب شف
لعبك بروحي بدل الفرح بجراح
زل الطرب يا موجع الطار بالكف
شابت قوافي الليل .. نور الضحى لاح
كانك تدق القلب .. دقك على الدف
عسى الضلوع توقي القلب لا طاح
شفتك .. ولا ادري من قضب بعدك الصف
ناس ٍ كثير .. وكنهم عندي أشباح
نورك دعاني وعندك الشوف وقف
كنه فنارٍ لاح في عين ملاح
من له ثمان اسنين من راح منكف
خلّى السفين وعارض الموج سباح
من فرحته ما حسب االحيل يتلف
غلب عليه الموج والقاع منزاح

#10 غير متواجد   أبو زيد

أبو زيد

    مستشار

  • ـ.إدارة.ـ
  • Pip Pip Pip Pip Pip Pip Pip Pip

Current mood: مبتهج

تاريخ المشاركة : 08/03/2010 - 02:23







واضح ياستاذ ...







الـتـوقـيــع

صورة


الـجـراد يـأكـل البـعـوض،
والعصفور يفترس الجراد،
والحيّة تصطـاد العصافير،
والـقنفـذ يـقـتـل الـحيّـة،
والـثعـلـب يأكـل الـقنفذ،
والـذئـب يفترس الثعلب،
والأسـد يـقـتـل الـذئـب،
والإنسان يصطاد الأسد،
والبعوض يميت الإنسان ...

هذه هي السلسلة الخالدة لا تبديل لها ولا تغيير.

إما أن تقتل الأسد وإما أن يقتلك البعوض !!
فيا شباب ! لا يغلبكم البعوض ولكن اغلبوا الأسود.

( علي الطنطاوي )
العودة الى عالم التقنية


عدد المتواجدون الآن فى الموضوع : 0

0 الأعضاء, 0 الزوار, 0 مجهولين

  1. قوانين ولوائح الملتقى