الدرس الاول " تصميم مواقع"

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

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

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

بعد مااختاريت مستند نصي جديد
عيد تسمايتو وسوي اللاحقة
html.
مثل test.html , hawish.html المهم اكتب الاسم اللي تريدو انشالله بطيخ دوت هتمل
ملاحظة:
اذا كتبت test.html ولا test.htm مافي فرق بينهما لانو اول ماخترعوا هذه اللغة المبرمجين اللي اخترعوها الله يصلحهم سوم اللاحقة تبعها من اربع حروف واحنا متعودين على ان اللاحقة تكون من ثلاث حروف مثل rel.avi , cash.exeماراح اخش بالتفاصيل اكثر بس اعرف انو نفس الشي
المهم بعد مااعدت تسمايتو راح يطلع عندك مربع حوار يقلك اذا اغيرت اسم الملف راح يتفجر الكمبيوتر اعطيه نعم
وانهزم .
مثل مو شايف بالصورة

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

هين هين هين وين رايح طول بالك ترى شغلك صح :alien: :alien:
بس اعدادات الكمبيوتر ماهي صح
تعال معاي منشان اعلمك شلون تسوي الاعدادات

من زر ابدا اختار جهاز الكمبيوتر
شوف الصورة
1

روح على ادوات خيارات المجلد

2

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

3

شبيك لبيك تحول هذا المستند الى صفحة انترنت بين ايديك

كهربائي غرانيج شبيك مليت كانك مليت روح اشربلك كاسة شاي وتعال منشان تركز لانو لساع ماسوينا كلشي سوينا الاعدادت ومدري شنهو؟

هساع بلش اكل الوحل صار بدنا نبلش بكتابة الكودات وبدنا نكون دكاترة منشان نعرف هالشغلات كلها
:suspect: خايفين ..؟

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

راح يرجع علينا الدفتر من جديد صحيح انو بايخ بس لازم نتعود عليه لان بالدروس الاولى شغلنا كلو عليه .
صار كتابة الكود
خلونا نتعلم اول كود بحياتنا وهو
< html> < /html>هذا الكود منشان تعريف صفحة الانترنت مع تسكيرته
< head >< /head > هذا الكود مع تسكيرته منشان الترويسةماتعرف معنى ترويسة..؟
ياسيدي اني اقلك الترويسة تنحط بسكة التركتور واذا ماتبدل هذه الترويسة كل موسم يصير الكراب بايخ ويصير يزور على التنكتر اخر شي يقوم مايكرب
طبعا هين الترويسة تختلف اما لها نفس الفوائد بعدين اقلكم عليها بس خلوني اقلكم على فائدتين لها هساع
اول شي لازم تحطها من شان تكمل الصفحة
ثاني شي منشان نحط بيها العنوان
العنوان< title >< /title > العنوان مع تسكيرته كلشي تكتبو بيناتهم يطلع لنا فوق الصفحة من فوق
< body >< /body > جسم الصفحة مع تسكيرته وهذا الجسم يطلع فيه كلشي من كتابة وصورشخابيط ولخابيط مثل ماقالت الحجية نانسي الله يذكرها بالخير
احفظ هذه الكودات ولا تنسى التسكيرات
هساع واحد فهمان يسألني شنو شغل التسكيرات
اني اقلك لمن تريد تسجي لازم تطلق البوري وبس تخلص لازم تسكر البوري واذا ماسكرت البوري تعرف شي يصير تطوف الشويلة والهمايل ويصل المي الى شركة ابو التنك
ولازم ولازم ولازم ننتبه على ترتيب التاكات "كودات"
شلون؟؟
هكذا
< html >
< head >
< title >
هين نكتب عنوان الصفحة منشان يطلع بطارف الشاشة من فوق بسد اشارة x
< /title >
< /head >
< body >
هين نكتب ونشخبط ونلخبط
< /body >
< /html >
ملاحظة: طبعا الكودات اللي كتبناها ماتطلع عندنا هي مخفية بس الكتابة اللي بين العنوان وبين جسم الصفحة

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

احفظ شغلك على النوت باد من ملف حفظ او من لوحة المفاتيح كنترول مع حرف "s"
وبعدين سوي تحديث للصفحة من اشارة ريفرش من فوق
او بالزر اليميني تحديث او اضغط f5 من لوحة المفاتيح
وبالتالي راح تلطع عندك الصفحة التالية وهي صارة صفحة انترنت روعة
5

المطلوب منك تجرب هالشغلات بالبيت صحيح انا حكيت عنها كتير بس امرها بسيط يعني ماتاخذ من قتك 10 ثواني
واي سؤال او استفسار يسال على شكل رد للموضوع
مابدي مشكووور يالاخو بدي منكم اسالة
اتمنالكم التوفيق ولقائنا الاسبوع القادم [/b]

ملاحظة هامة منشانكم
من هساع ورايح اذا ردت تسماية اي ملف راح يطلع عندك مربع الحوار واللي يقول
"اذا غيرت اسم الملف راح يخرب الملف"
شعليك تسوي لازم ياترجع الاعدادات السابقة مثل ماكان اولي
يا تسمي وتعطيه اللاحقة الصحيحة
مثل اذا كان ام بي ثري
name.mp3
اذا تكست اعطيه تكست
name.txt
ووورد اعطيه
name.doc

جزاك الله كل الخير

وصراحة انت مكسب للمنتدى

وماراح نزعلك ونقولك (مشكور)

نقولك الله يعطيك العافية

والأسئلة راح تكون كثيره

مع الوقت

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

مشكووووووووووووووووووراخي الغرانيجي على هالمعلومات الرائعة والمفيدة

جزاك الله الف خير

هلا بك هويش
والله يعافيك ويجوزني ويخليك
........

مافي اسئلة؟؟

الغرانيجي

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

فشد حيللك

لانو شايف طلابك ماعم يحضروا الدروس

سليمان خالد العلي كتب:: الغرانيجي

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

شكرا لك على الثقة

سليمان خالد العلي كتب:: لانو شايف طلابك ماعم يحضروا الدروس

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

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

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

إضغط هنا للتحميل

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

"" اني اعرف قصدك على"" العرض والارتفاع
بس كان حجم الصور طبيعي وماله داعي الضبط
لان تم تطبيق الشرح على شاشة 18 ومااعتقد انو بهالزمان في شخص عندو اقل
وبالنسبة لسنة تاتفتح اكبر صورة كان حجمها 34 ك ب يعني تستنى 3 ثوان على الديال اب
وبالنسبة للمنهاج راح يكون شغلنا عملي ومثل ماقلتلك سابقا ماوراهم امتحان
المهم بالاخير تصميم الموقع
وبالنسبة للهرايب الدروس راح تبقى كمرجع لهم يعني ايمت مايفتضي الشخص وبدو يطلع راح يلاقي
وشكرا لك على الكتاب
وشكرا على المرور
ونستنى منك ماهو مفيد

اهلا بالاخ الغرانيجي انا شايف الاستاذ

هو اللي صاير مايحضر الدروس

santa