jt33
08-29-2007, 06:39 PM
حلو
السلام عليكم و رحمة الله و بركاته
كيف الشباب اليوم إن شاء الله تمام
حنرجع اخواني نعيد معاكم من البداية دروس لغة Html لتكون مرجع متكامل
إن شاء الله
نبدأ معكم اليوم اخواني أولى دروس لغة Html والتي تعد من أسهل الطرق لانشاء صفحة ويب
وأقدمها وسنبدأ إن شاء الله بالتعرف على اللغة ومن ثم الإنتقال مباشرةً للتطبيق الفعلي بإذنه تعالى من خلال الشروحات والدروس التي ستكون بالتنسيق مابيني وبين الأخت سمايل جزاها الله خيراً مع دروس الجافا سكريبت أيضاً ...... نبدأ على بركة الله
ما هي لغة Html
كلمة Html هي اختصار لكلمة Hyper Text Markup Langauge
وهي إن أردنا أخذها بالمفهوم العام فهي لغة تصميم صفحات الإنترنت أو تزيين الرسائل البريدية إن صح التعبير ..
وكجميع اللغات فإن لغة Html تمتلك رموز أو ما يسمى Tags تتعامل معها وفقاً لإحتياجاتك لها وما يميزها أنها لا تحتاج لبرنامج تحرير خاص بها وإنما يمكن كتابتها من أي برنامج محرر نصوص ( NotPad على سبيل المثال )
الآن سنتعرف على الرموز أو الـ Tags الأساسية في لغة Html
لكل رمز من رموز اللغة بداية ونهاية يعني أنت تفتحه الرمز وتكتب بداخله ما تريد ولازم ترجع تغلقه لكي ينفذ وهذه الصورة توضح ما أقول
[Link nur für registrierte Benutzer sichtbar]
والآن دعونا ناخد كل رمز على حدى ونتعرف على وظيفته
علماً بأني حاعرضهم بالترتيب يعني بالتدرج الذي يجب أن تتبعه أثناء الكتابة بلغة Html
1 - الرمز <Html>
مهمة هذا الرمز بكل بساطة تعريف المتصفح بأن اللغة المتبعة هي لغة Html
فهو يوضع بالطبع في البداية ورمز اغلاقه كما رأيتم فوق هو <Html/> ويوضع في آخر الصفحة بعد الإنتهاء من الكتابة
2 - الرمز <Head>
وهو الرمز المسؤول عن كل الأمور التي تظهر قبل تحميل الصفحة من تعريف اللغة
والعديد من الأشياء التي ستمر معنا إن شاء الله في الدروس القادمة وأيضاً أذكر بأن اغلاقه يتم من خلال رمز <Head/> قبل فتح رمز الـ body
3 - رمز <Title>
أولاً هذا الرمز يوضع داخل < HEAD> و < HEAD/> وهذا ما يفسر
ما قلته في الـ head لأن رمز الـ Title مهتمه اظهار عنوان للصفحة في شريط المتصفح العلوي لذا هو يوضع في الـ head كوننا نحتاج له قبل تحميل الصفحة !
واغلاقه طبعاً من خلال رمز <Title/> لكن هذه المرة داخل Head وليس بالأخير .
4 - رمز <Body>
كما تعلمون معانها الجسم وهو بالفعل كل ما تحتويه الصفحة وهو من أهم الرموز التي سنعتمد عليها في دروسنا كون من خلاله تضع الجداول والنصوص والصور وكل ما تريد وبشكل عام كل ما تراه داخل الصفحة .. وإغلاقه يكون بالطبع <Body/> قبل اغلاق الـ Head والـ Html .
مما تقدم هذه صورة توضيحية أيضاً لتركيز الفهم
[Link nur für registrierte Benutzer sichtbar]
والآن مع مثال واقعي للذي قلناه
[Link nur für registrierte Benutzer sichtbar]
والآن كلو تمام إن شاء الله نتوقف هنا لنلتقي بالدرس القادم إن شاء الله
المطلوب هلأ يا شباب كل واحد يعمل ملف مثل يلي أنا عملته تمام مع تغير بس المحتوى لو أحب وإن شاء الله تعم الفائدة على الجميع
في انتظاركم اخواني
لا تنسونا من صالح دعائكم
والسلام عليكم و رحمة الله و بركاته
السلام عليكم و رحمة الله و بركاته
كيف الشباب اليوم إن شاء الله تمام
حنرجع اخواني نعيد معاكم من البداية دروس لغة Html لتكون مرجع متكامل
إن شاء الله
نبدأ معكم اليوم اخواني أولى دروس لغة Html والتي تعد من أسهل الطرق لانشاء صفحة ويب
وأقدمها وسنبدأ إن شاء الله بالتعرف على اللغة ومن ثم الإنتقال مباشرةً للتطبيق الفعلي بإذنه تعالى من خلال الشروحات والدروس التي ستكون بالتنسيق مابيني وبين الأخت سمايل جزاها الله خيراً مع دروس الجافا سكريبت أيضاً ...... نبدأ على بركة الله
ما هي لغة Html
كلمة Html هي اختصار لكلمة Hyper Text Markup Langauge
وهي إن أردنا أخذها بالمفهوم العام فهي لغة تصميم صفحات الإنترنت أو تزيين الرسائل البريدية إن صح التعبير ..
وكجميع اللغات فإن لغة Html تمتلك رموز أو ما يسمى Tags تتعامل معها وفقاً لإحتياجاتك لها وما يميزها أنها لا تحتاج لبرنامج تحرير خاص بها وإنما يمكن كتابتها من أي برنامج محرر نصوص ( NotPad على سبيل المثال )
الآن سنتعرف على الرموز أو الـ Tags الأساسية في لغة Html
لكل رمز من رموز اللغة بداية ونهاية يعني أنت تفتحه الرمز وتكتب بداخله ما تريد ولازم ترجع تغلقه لكي ينفذ وهذه الصورة توضح ما أقول
[Link nur für registrierte Benutzer sichtbar]
والآن دعونا ناخد كل رمز على حدى ونتعرف على وظيفته
علماً بأني حاعرضهم بالترتيب يعني بالتدرج الذي يجب أن تتبعه أثناء الكتابة بلغة Html
1 - الرمز <Html>
مهمة هذا الرمز بكل بساطة تعريف المتصفح بأن اللغة المتبعة هي لغة Html
فهو يوضع بالطبع في البداية ورمز اغلاقه كما رأيتم فوق هو <Html/> ويوضع في آخر الصفحة بعد الإنتهاء من الكتابة
2 - الرمز <Head>
وهو الرمز المسؤول عن كل الأمور التي تظهر قبل تحميل الصفحة من تعريف اللغة
والعديد من الأشياء التي ستمر معنا إن شاء الله في الدروس القادمة وأيضاً أذكر بأن اغلاقه يتم من خلال رمز <Head/> قبل فتح رمز الـ body
3 - رمز <Title>
أولاً هذا الرمز يوضع داخل < HEAD> و < HEAD/> وهذا ما يفسر
ما قلته في الـ head لأن رمز الـ Title مهتمه اظهار عنوان للصفحة في شريط المتصفح العلوي لذا هو يوضع في الـ head كوننا نحتاج له قبل تحميل الصفحة !
واغلاقه طبعاً من خلال رمز <Title/> لكن هذه المرة داخل Head وليس بالأخير .
4 - رمز <Body>
كما تعلمون معانها الجسم وهو بالفعل كل ما تحتويه الصفحة وهو من أهم الرموز التي سنعتمد عليها في دروسنا كون من خلاله تضع الجداول والنصوص والصور وكل ما تريد وبشكل عام كل ما تراه داخل الصفحة .. وإغلاقه يكون بالطبع <Body/> قبل اغلاق الـ Head والـ Html .
مما تقدم هذه صورة توضيحية أيضاً لتركيز الفهم
[Link nur für registrierte Benutzer sichtbar]
والآن مع مثال واقعي للذي قلناه
[Link nur für registrierte Benutzer sichtbar]
والآن كلو تمام إن شاء الله نتوقف هنا لنلتقي بالدرس القادم إن شاء الله
المطلوب هلأ يا شباب كل واحد يعمل ملف مثل يلي أنا عملته تمام مع تغير بس المحتوى لو أحب وإن شاء الله تعم الفائدة على الجميع
في انتظاركم اخواني
لا تنسونا من صالح دعائكم
والسلام عليكم و رحمة الله و بركاته