تصميم مواقع الانترنت من الصفر حتى الاحتراف

ملفي الشخصي · [ **09-04-2008** ]

هل دخلت يوما الى موقع ويب جذاب واحببت ان يكون لك مثله ؟ بل ويحمل توقيعك انت ؟
هل فكرت يوما بصفحات الويب وكيفية عملها ؟
هل قمت بعملية بحث على صفحات النت فوجدت مواضيع كثيرة تحمل نفس عنوان هذا الموضوع دخلت اليه يملؤك التفاؤول وخرجت منه صفر اليدين وانت تشعر بالدوار ؟
وحزنت لان صاحب الموضوع شرح كثيرا وكثيرا واغفل نقطة مهمة الا وهي من أين ابدأ وكيف أبدأ ؟
تراهم يتحدثون ويتناقشون ينطقون بلغة تشعر انك لا تفهم منها شيء وكانها طلاسم ولكن في داخلك احببت ان تتعلمها ؟
هل اثقلت كاهل مكتبتك بالكتب التي قمت بشرائها عن عالم التصميم ولكنك بعد القراءة اصابك الملل واليأس ؟
انا هنا اقول لك لا ترمي تلك الكتب فقريبا جدا ان شاء الله بعد قرائتك لموضوعنا هذا ستعود لها لتجد المتعة في قرائتها ثانية بعد ان حلت الاحجية لديك .
هذه المقدمة ليست بطويلة فكثير من الناس يرددون هذه الجمل والعبارات امامي ..
هل انت جاهز الان حتى تعلم اين كيف ستبدأ ؟! وكن على يقين بأنك ستنجح بمشيئة الله في النهاية وبل في البداية ايضا ..

الخطوة الاولى :
الخطوة الاولى هنا اخترتها ان تكون عملية ويتبعها الشرح التعليمي ..
اذهب فورا الى start ومنه الى Programs ومنه الى Accessories واختر ال Notepad
والصورة المرفقة للتوضيح

اضغط على ال Notepad وقم بنسخ الكود التالي كما هو والصقه في المتصفح

كود HTML:

<html> <head> </head> <body> </body> </html>

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

الحفظ الان يحتاج الى خطوتين

رقم واحد : حدد المسار الذي تريد ان تحفظ الفايل به
ورقم 2 file name او اسم الفايل مهم جدا جدا فهو اول خطوة صحيحة نحو الاتجاه الصحيح للعمل نلاحظ ان اسم الفايل الموجود هو *.txt طبعا هنا سنغير الاسم والامتداد لكن اذا حفظناه كما هو سنجد ان الملف حفظ txt عادي .
قم بمسح العبارة وضع اسم الفايل أي اسم او احرف تريدها مثال انا وضعت اسم الملف : yasminah.html لاحظ الدوت بعد اسم ياسمينة وقبل ال html فالمهم هو html.

اترك باقي الخيارات كما هي واضغط على save

الان توجه الى المكان الذي حفظت به الملف ستجده على الشكل التالي

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

الاخبــــار
إضافة خبر