PaPEr Cut
05-07-2002, 02:22 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
إخواني الكرام سوف أتناول في هذا الموضوع أساسيات برمجة صفحات الويب باللغة الـ HTML فأرجوا أن يوفقني الله عز وجل في ذلك فأستطيع أن أوصل المعلومة إليكم بسهولة ويسر وبشكل جميل .
مقدمة :
لغة الـ HTML تستخدم في برمجة صفحات الويب وهي إختصار لـ Hyper Text Markup Language ،
فهي تبرمج بكلمات إنجليزية ويطلق على هذه الكلمات إسم "وسوم"
فما دور برامج تصميم الصفحات إذاً مثل برنامج الفرونت بيج ؟
برامج تصميم الصفحات برمجة لكي تساعدك وتسهل عليك عناء وتعب تعلم لغة الـ HTML فهي تقوم مباشرة بتحويل ما تقوم به ( من كتابة وتغيير لون النصوص ..إلخ.. ) إلى لغة الـ HTML .
هل لغة الـ HTML صعبة ؟
لا بل متوسطة أي ليست صعبة جداً ولا سهلة جداً حيث أنك بممارستها تستطيع أن تلم بها أو حتى تصل إلى حد الإحتراف فيها فهي تكتب بكلمات إنجليزية كما ذكرت سابقاً .
هل رأيت صفحات الإنترنت ؟ هذه الصفحات مبرمجة باللغة الـ HTML فتستطيع أن تشاهدها بإستخدام أي متصفح ويب حيث أنها تنتقل بواسطة بروتوكول http إختصار لـ Hyper Text Transfer Protocol .
هل يجب علي أن أكون محترفاً لكي أستطيع تعلم لغة الـ HTML والبرمجة بها ؟
لا ، فقط يجب أن تكون ملماً بنظام التشغيل ( أساسيات الكمبيوتر ) .
ماذا أحتاج لكي أبدأ في البرمجة باللغة الـ HTML ؟
إذا كنت تريد البدأ في البرمجة باللغة الـ HTML فيجب أن تتوفر لديك الأشياء التالية :
1- أي محرر نصوص مثل برنامج المفكرة – Notepad المرفق مع ويندوز .
2- مستعرض لصفحات الويب مثل برنامج Microsoft Internet Explorer .
الآن وبعد أن تعرفت على لغة الـ HTML دعنا نبدأ في تصميم أول صفحة ويب لنا بواسطة لغة الـ HTML ..هيا..
1- إفتح برنامج المفكرة أو أي برنامج آخر لتحرير النصوص .
2- إكتب الوسوم التالية :
<HTML>
<Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body>
</HTML>
3- إحفظ الملف بإسم Web Page.html .
مع ملاحظة أنه بإمكانك تغيير الإسم Web Page إلى أي إسم آخر ولاكن .html لا يمكنك تغييرها وذلك لأنها إمتداد صفحة الويب أي أنك تريد حفظها كصفحة ويب .
3-إغلق برنامج المفكرة وإذهب إلى المكان الذي حفظة فيه الملف سوف تجده كصفحة ويب ، نعم وذلك لأنك حفظته بإمتداد html ، إفتح الملف وسوف ترى النتيجة ... مبروك...
الآن سوف نشرح الوسوم السابقة :
1-الوسم HTML :
هذا الوسم لتبدأ بكتابة صفحة ال HTML أي في أي صفحة تريد كتابتها يجب عليك أن تبدأ بهذا الوسم ، فأكمل محتويات الصفحة تكون بداخله ، ( لاحظ أننا قمنا بفتح الوسم بـ <HTML> وأغلقناه بـ </HTML> .
2-الوسم Head :
وهو رأس الصفحة حيث يمكنك كتابة العنوان فيه .
3-الوسم Body :
هذا الوسم يعني جسم الصفحة أي يمكنك كتابة جسم صفحتك فيه .
معلومات وملاحظات :
1-وسوم ال HTML لا يلزم كتابتها بنفس الترتيب السابق أي أنك تستطيع كتابتها بأي ترتيب تحب ، مثال :
بدل أن تكتب الوسوم هكذا
<HTML>
<Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body>
</HTML>
تستطيع كتابتها هكذا
<HTML><Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body></HTML>
2-لاحظ أننا جعلنا كلمتي ( القدس و لنا ) أسفل جملة ( بسم الله الرحمن الرحيم ) ولاكن بعد أن حفظناها بصيغة HTML وفتحنا الملف وجدنا أن الكلمتين ( القدس ولنا ) لم تُجعل أسفل الجملة ( بسم الله الرحمن الرحيم ) أي أصبحوا في سطر واحد ، نعم فلغة الـ HTML لا تميز ما تكتبه في المفكرة إلا الوسوم أي لو نزلت عشر أسطر سوف تظهر الكتابة في السطر الأول ، فتستطيع أن تنزل سطر أو أكثر بواسطة وسم <BR> .
3-تستطيع أن تحفظ الملف بصيغة html من خلال كتابة .html أو كتابة .htm فقط .
4-لاحظ أن الوسوم ( الكلمات الإنجليزية ) تحاظ دائماً بعلامتي <> .
تحياتي..
السلام عليكم ورحمة الله وبركاته
إخواني الكرام سوف أتناول في هذا الموضوع أساسيات برمجة صفحات الويب باللغة الـ HTML فأرجوا أن يوفقني الله عز وجل في ذلك فأستطيع أن أوصل المعلومة إليكم بسهولة ويسر وبشكل جميل .
مقدمة :
لغة الـ HTML تستخدم في برمجة صفحات الويب وهي إختصار لـ Hyper Text Markup Language ،
فهي تبرمج بكلمات إنجليزية ويطلق على هذه الكلمات إسم "وسوم"
فما دور برامج تصميم الصفحات إذاً مثل برنامج الفرونت بيج ؟
برامج تصميم الصفحات برمجة لكي تساعدك وتسهل عليك عناء وتعب تعلم لغة الـ HTML فهي تقوم مباشرة بتحويل ما تقوم به ( من كتابة وتغيير لون النصوص ..إلخ.. ) إلى لغة الـ HTML .
هل لغة الـ HTML صعبة ؟
لا بل متوسطة أي ليست صعبة جداً ولا سهلة جداً حيث أنك بممارستها تستطيع أن تلم بها أو حتى تصل إلى حد الإحتراف فيها فهي تكتب بكلمات إنجليزية كما ذكرت سابقاً .
هل رأيت صفحات الإنترنت ؟ هذه الصفحات مبرمجة باللغة الـ HTML فتستطيع أن تشاهدها بإستخدام أي متصفح ويب حيث أنها تنتقل بواسطة بروتوكول http إختصار لـ Hyper Text Transfer Protocol .
هل يجب علي أن أكون محترفاً لكي أستطيع تعلم لغة الـ HTML والبرمجة بها ؟
لا ، فقط يجب أن تكون ملماً بنظام التشغيل ( أساسيات الكمبيوتر ) .
ماذا أحتاج لكي أبدأ في البرمجة باللغة الـ HTML ؟
إذا كنت تريد البدأ في البرمجة باللغة الـ HTML فيجب أن تتوفر لديك الأشياء التالية :
1- أي محرر نصوص مثل برنامج المفكرة – Notepad المرفق مع ويندوز .
2- مستعرض لصفحات الويب مثل برنامج Microsoft Internet Explorer .
الآن وبعد أن تعرفت على لغة الـ HTML دعنا نبدأ في تصميم أول صفحة ويب لنا بواسطة لغة الـ HTML ..هيا..
1- إفتح برنامج المفكرة أو أي برنامج آخر لتحرير النصوص .
2- إكتب الوسوم التالية :
<HTML>
<Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body>
</HTML>
3- إحفظ الملف بإسم Web Page.html .
مع ملاحظة أنه بإمكانك تغيير الإسم Web Page إلى أي إسم آخر ولاكن .html لا يمكنك تغييرها وذلك لأنها إمتداد صفحة الويب أي أنك تريد حفظها كصفحة ويب .
3-إغلق برنامج المفكرة وإذهب إلى المكان الذي حفظة فيه الملف سوف تجده كصفحة ويب ، نعم وذلك لأنك حفظته بإمتداد html ، إفتح الملف وسوف ترى النتيجة ... مبروك...
الآن سوف نشرح الوسوم السابقة :
1-الوسم HTML :
هذا الوسم لتبدأ بكتابة صفحة ال HTML أي في أي صفحة تريد كتابتها يجب عليك أن تبدأ بهذا الوسم ، فأكمل محتويات الصفحة تكون بداخله ، ( لاحظ أننا قمنا بفتح الوسم بـ <HTML> وأغلقناه بـ </HTML> .
2-الوسم Head :
وهو رأس الصفحة حيث يمكنك كتابة العنوان فيه .
3-الوسم Body :
هذا الوسم يعني جسم الصفحة أي يمكنك كتابة جسم صفحتك فيه .
معلومات وملاحظات :
1-وسوم ال HTML لا يلزم كتابتها بنفس الترتيب السابق أي أنك تستطيع كتابتها بأي ترتيب تحب ، مثال :
بدل أن تكتب الوسوم هكذا
<HTML>
<Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body>
</HTML>
تستطيع كتابتها هكذا
<HTML><Head><Title>بسم الله الرحمن الرحيم</Title></Head>
<Body>
بسم الله الرحمين الرحيم
القدس لنا
</Body></HTML>
2-لاحظ أننا جعلنا كلمتي ( القدس و لنا ) أسفل جملة ( بسم الله الرحمن الرحيم ) ولاكن بعد أن حفظناها بصيغة HTML وفتحنا الملف وجدنا أن الكلمتين ( القدس ولنا ) لم تُجعل أسفل الجملة ( بسم الله الرحمن الرحيم ) أي أصبحوا في سطر واحد ، نعم فلغة الـ HTML لا تميز ما تكتبه في المفكرة إلا الوسوم أي لو نزلت عشر أسطر سوف تظهر الكتابة في السطر الأول ، فتستطيع أن تنزل سطر أو أكثر بواسطة وسم <BR> .
3-تستطيع أن تحفظ الملف بصيغة html من خلال كتابة .html أو كتابة .htm فقط .
4-لاحظ أن الوسوم ( الكلمات الإنجليزية ) تحاظ دائماً بعلامتي <> .
تحياتي..