بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
بداية تعلم تصميم المواقع لابد وأن تبدأ بتعلم لغة HTML وتعلم كيفية إستخدامها لأنها هى لغة الويب الأساسية وقد ذكرت بعض التلميحات عن كيفية تعلم تصميم المواقع على الإنترنت يمكن الإطلاع عليها من هــناااااااا
ولكن دعنا نتعرف أكثر عن لغة Html
السلام عليكم ورحمة الله وبركاته
بداية تعلم تصميم المواقع لابد وأن تبدأ بتعلم لغة HTML وتعلم كيفية إستخدامها لأنها هى لغة الويب الأساسية وقد ذكرت بعض التلميحات عن كيفية تعلم تصميم المواقع على الإنترنت يمكن الإطلاع عليها من هــناااااااا
ولكن دعنا نتعرف أكثر عن لغة Html
ما هى اكواد Html؟
Html هى اختصار لـ HyperText Mark-up Language وترجمتها لغة توصيف النص التشعبي وقام بإختراع هذه اللغة تيم بيرنرز لي .عام 1990
وهى اللغة التى تسمح بعرض المعلومات على شبكة الإنترنت وهى أول لغة تم إستخدامها فى تصميم صفحات المواقع قد يعتقدها البعض معقدة ولكنها بسيطة جدا وسهلة ويمكن تعلمها خلال أيام قليلة .
ما فائدة لغة Html؟
بالرغم من توافر برامج تصميم المواقع مثل دريم ويفر وفرونت بيج ومحررات الأكواد فإن معرفتك للغة Html ولو بشكل بسيط ستساعدك على إنشاء مواقع أفضل.
لايوجد صفحة ويب تخلو من اكواد html فهى تعتبر اللغة التى يقرأها أى متصفح انترنت فى العالم فعن طريق اكواد html يمكن انشاء موقع مكون من عدة صفحات مترابطة بشكل بسيط وتنسيقها بالشكل المناسب.
كيف تنشئ صفحة ويب بإستخدام أكواد Html
1. ممكن انشاء صفحة ويب عن طريق فتح Notepad الموجود على جهازك فى الويندوز ثم إنسخ به كود Html وليكن هذا الكود
ثم قم بحفظ الملف بأى إسم ولكن أضف إمتداد صفحة الويب وليكن بهذا الشكل file.htm
سنجدتحول ايقونة الملف الى ايقونة المتصفح الذى يعمل على جهازك وبفتح الملف سيفتح كصفحة انترنت بها بعض المعلومات.
لاحظ كيفية كتابة الكود وكيفية ظهور المعلومة.
2. من الافضل إستخدام++ notpad كما وضحت سابقا فى هذا الموضوع لسهولة إستخدامه وتميز الأكواد بالألوان فهو يدعم العديد من لغات البرمجة ولحفظ صفحة الويب بلغة Html إحفظ الملف من قائمة File بأى إسم ثم إختر الإمتداد من القائمة save as type
" Hyper text mark up"
ويمكن تجربة صفحة الويب مباشرة على مختلف المتصفحات من خلال برنامج++ notepad
من مميزات هذا البرنامج أيضا أنه يمكن فتح أكثر من ملف فى وقت واحد سواء ملف نصى أو برمجى والإنتقال بين هذه الملفات بسهولة ويسر بضغطة واحدة كما به خاصية التقريب والابعاد التى تسهل للمستخدم القراءة الافضل عن طريق تكبير حجم الخط.
3. يمكن للمبتدئين الإستعانة بمحرر الأكواد أون لاين ومحاولة صنع صفحة ويب بإستخدام أشرطة الأدوات الموجودة بالتطبيق فى كتابة النصوص وإضة الروابط والصور ثم الحصول على شفرة كود Html من خلال الضغط على source فى شريط الأدوات.
كيف أتعرف على أكواد Html لأى صفحة ويب؟
لاتوجد صفحة ويب تخلو من أكواد Html لذلك ممكن معرفة أى أكواد صفحة ويب من خلال المتصفح
بإستخدام متصفح فايرفوكس Firefox أو متصفح جوجل كروم google chrome
بمجرد عمل كليك يمين على الصفحة ثم View page source تظهر الأكواد التى تحتوى عليها هذه الصفحة.
وأخيرا أرجو أن يفيد هذا الدرس ولكن لابد من التطبيق حتى تترسخ المعلومة .
لايوجد صفحة ويب تخلو من اكواد html فهى تعتبر اللغة التى يقرأها أى متصفح انترنت فى العالم فعن طريق اكواد html يمكن انشاء موقع مكون من عدة صفحات مترابطة بشكل بسيط وتنسيقها بالشكل المناسب.
كيف تنشئ صفحة ويب بإستخدام أكواد Html
1. ممكن انشاء صفحة ويب عن طريق فتح Notepad الموجود على جهازك فى الويندوز ثم إنسخ به كود Html وليكن هذا الكود
<p>تعلم تصميم المواقع من البداية الى الاحتراف</p>
<p>فى<a href="http://web-colors.blogspot.com/"> ألوان الويب</a></p>
ثم قم بحفظ الملف بأى إسم ولكن أضف إمتداد صفحة الويب وليكن بهذا الشكل file.htm
سنجدتحول ايقونة الملف الى ايقونة المتصفح الذى يعمل على جهازك وبفتح الملف سيفتح كصفحة انترنت بها بعض المعلومات.
لاحظ كيفية كتابة الكود وكيفية ظهور المعلومة.
2. من الافضل إستخدام++ notpad كما وضحت سابقا فى هذا الموضوع لسهولة إستخدامه وتميز الأكواد بالألوان فهو يدعم العديد من لغات البرمجة ولحفظ صفحة الويب بلغة Html إحفظ الملف من قائمة File بأى إسم ثم إختر الإمتداد من القائمة save as type
" Hyper text mark up"
من مميزات هذا البرنامج أيضا أنه يمكن فتح أكثر من ملف فى وقت واحد سواء ملف نصى أو برمجى والإنتقال بين هذه الملفات بسهولة ويسر بضغطة واحدة كما به خاصية التقريب والابعاد التى تسهل للمستخدم القراءة الافضل عن طريق تكبير حجم الخط.
3. يمكن للمبتدئين الإستعانة بمحرر الأكواد أون لاين ومحاولة صنع صفحة ويب بإستخدام أشرطة الأدوات الموجودة بالتطبيق فى كتابة النصوص وإضة الروابط والصور ثم الحصول على شفرة كود Html من خلال الضغط على source فى شريط الأدوات.
لاتوجد صفحة ويب تخلو من أكواد Html لذلك ممكن معرفة أى أكواد صفحة ويب من خلال المتصفح
بإستخدام متصفح فايرفوكس Firefox أو متصفح جوجل كروم google chrome
بمجرد عمل كليك يمين على الصفحة ثم View page source تظهر الأكواد التى تحتوى عليها هذه الصفحة.
وأخيرا أرجو أن يفيد هذا الدرس ولكن لابد من التطبيق حتى تترسخ المعلومة .
0 تعليقات
