كيف تصمم موقعك الشخصي؟

[ابوالوليد المسلم]

كيف تصمم موقعك الشخصي؟
إيناس أحمد خليل



تعلم لغة HTML(HyperText Mark-up ********) وصمم موقعك باحتراف وبكل سهولة:
وسأتناول في هذا المقال كيفية إنشاء موقع بطريقة ميسرة، وستحتاج إلى محرر نصوص بسيط باستخدم برنامج المفكرة "Notepad" والذي يمكنك أن تجده في قائمة إبدأ "start"، ثم قائمة البرامج "Program" ثم في قائمة الأدوات "Accessories":
إذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى فمثلاً: "لينكس" يحوي برنامج بيكو "Pico"، ونظام ماك يحوي برنامج " SimpleText"، ورغم بساطة برنامج المفكرة إلا أنها تعد ممتازة لكتابة الصفحات، حيث إنها تقبل ما تقوم بكتابته، ولا تتدخل فيما تكتبه، وهذا يعيطك تحكماً كاملاً على عكس بعض البرامج الأخرى.
جوهر لغة HTML هي:
العناصر: وهي تعطي لوثائق HTML هيكلية محددة، وتخبر المتصفح عن كيفية عرض الصفحة بشكل عام، العناصر عبارة عن وسم " tag" للبداية، ثم بعض المحتويات، ثم وسم الإغلاق.
الوسوم: هي: توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته، وكل الوسوم لها الشكل نفسه، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">"، وبشكل عام هناك نوعان من الوسوم: وسم البداية < html > ثم وسم الإغلاق، والفرق بين الاثنين هي: علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
العنصر em يشدد النص "يجعله مائلاً"، وكل النصوص بين وسم البداية < em > ووسم الإغلاق ستظهر بشكل مائل في المتصفح ""emphasis".). اختصارها ("em
مثال على ذلك: نص مائل.
ستظهر هكذا >>>>> نص مائل
العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين حرف h هو اختصار "heading"، حيث h1 هو المستوى الأول من العناوين، وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر، ومثال لذلك:
هذا عنوان
هذا عنوان فرعي
ستظهر هكذا:
هذا عنوان.
هذا عنوان فرعي.
ومما يجب مراعاته هو كتابة الوسوم بحروف صغيرة
لنبدأ الآن تجربة سريعة لإنشاء موقع خاص:
سنبدأ بكتابة جملة بسيطة، ولتكن صفحة تقول:
بسم الله الرحمن الرحيم، افتتحت اليوم موقعي الخاص.
لنرى الآن الخطوات ببساطة:
الخطوة الأولى:
سنعرف المفكرة التي تعرفنا عليها سابقاً على نوع اللغة التي سنستخدمها، وهي لغة ال وسنكتبها في بداية الصفحة الآن بصيغة وسم، هو وسم البداية، ويحتاج إلى وسم إغلاق، لذلك يجب كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين و.
أمر رأس الصفحة " head " والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "****"، والذي سيحوي المحتويات التي تريد أن تضعها في الصفحة، أمر head أو رأس الصفحة و" "" "يوضع فوق أمر "****" أو متن الصفحة ()
لاحظ كيف نسقنا الصفحة بطريقة منطقية، حيث وضعنا كل وسم في سطر جديد، ووضعنا مسافات فارغة قبل بعضها، كقاعدة لا يهم كيف تقوم بتنسيق الأوامر في صفحة HTML لكن لكي تجعل الصفحة سهلة القراءة لك وللآخرين يُنصح بأن تنسق الصفحة بطريقة هيكلية منطقية سهلة الفهم كما ترى في المثال أعلاه.
في رأس الصفحة تكتب معلومات عن الصفحة نفسها، أما المتن فيضم المحتويات التي تشكل الصفحة.
إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title، اكتب عنواناً للصفحة بين وسم البداية :
وفي وسم متن الصفحة سنكتب افتتحت اليوم موقع الخاص.
افتتحت اليوم موقع الخاص
ويجب الانتباه للوسوم فوسم الرأس يختلف عن وسم المتن.
الحرف p في هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية، وبذلك ستكون لديك الآن هذه الصيغة:
افتتحت اليوم موقعي الأول
كل ما عليك فعله الآن هو حفظ الصفحة على القرص الصلب، ثم عليك أن تستعرضها في متصفحك:
في برنامج المفكرة اختر "Save as..." من قائمة "File" في القائمة العلوية، ثم اختر All Files"في نافذة "Save as type" هذا مهم جداً لأنك إن لم تفعل ذلك ستقوم بحفظه كملف نصي وليس كملف HTML.
احفظ الصفحة باسم "page1.htm" الأحرف الثلاثة الأخيرة .htm تشير إلى أن الملف هو من نوع HTML، بإمكانك أن تضع بدلاً منها ".html" وستكون النتيجة متماثلة.
تم الآن إنشاء الموقع، ولاحظ فهو لا يحوي الآن سوى عبارتين وهما:
بسم الله الرحمن الرحيم.
افتتحت اليوم موقعي الخاص.
لعمل أيقونة لإيقاف التشغيل على سطح المكتب:
يمكنك إنشاء اختصار على سطح المكتب عند النقر عليه، ويتم إيقاف تشغيل الكمبيوتر مباشرة دون الحاجة إلى الذهاب إلى قائمة (ابدأ) وطلب إغلاق الجهاز، وذلك بالطريقة التالية:
أ- انقر بزر الفأرة «الماوس» الأيمن فوق أي مكان خال على سطح المكتب واختر جديدNew) (ومن ثم اختصار Shortcut ))
ب- اكتبshutdown -s -t 00)) ثم انقر فوق زر التالي (Next)
جـ- اكتب اسماً من اختيارك لهذا الاختصار ثم انقر فوق الزر إنهاء Finish)) وستجد أيقونه جديدة على سطح المكتب إذا ضغطت عليها يتم إيقاف الكمبيوتر بسرعة عالية.
لعمل باسورد «كلمة المرور» لحماية ملفات «الوورد» الشخصية:
أ- من القائمة الرئيسية لملف «الوورد» المطلوب أضغط على ملف File) ) ثم اختر حفظ باسم أو Save As
ب- إذا فتحت لك نافذة الحفظ لا تحفظ الآن .. انتظر، من خلال صفحة الحفظ نفسها ابحث عن كلمة أدوات ( Tools) وسوف تجدها إلى اليمين في الأعلى .. افتحها بالضغط مرتين على الفارة، وابحث عن خيارات الأمان أو (Security Options).
ج- سوف تفتح لك نافذة .. في الأسفل سوف تجد مستطيلين الأول بعنوان: (Password to (open ضع فيه كلمة السر والثاني بعنوان: (Password to modify) نضع فيه تأكيد كلمة السر بذلك يصبح هذا الملف من الوورد لا يُفتح إلا بكلمة المرور.
متابعة ما يفعله أطفالك على الجهاز في غيابك:
لكي نعرف ما هي الملفات أو المجلدات أو الصور ومقاطع الفيديو التي فتحت في جهازك أثناء غيابك، وذلك مفيد لمتابعة الأطفال دون أن يلاحظوا ذلك، وتستطيع معرفة ذلك بدون الحاجة إلى برنامج، فهناك مجلد يقوم الوندوز فيه بحفظ الملفات المفتوحة مؤخرا ًوذلك لسرعه تشغيلها لاحقاً.
والطريقة هي كالتالي:
أ- اختر من قائمه (ابدأ) أمر التشغيل Run ) )
ب- اكتب كلمة (Recent) الآن سيفتح لك المجلد الذي يحتوي على ما ذكرناه أعلاه.
لاختصار الوقت أثناء بحثك على الانترنت:
لا داعي أن تكتب اسم الموقع الذي تريد زيارته كاملاً: www.yahoo.com هناك حركه مريحة جداً تختصر عليك الوقت وهي كالتالي:
أ- اكتب اسم الموقع فقط أعلى الصفحة كما هو معروف، أي أكتب (yahoo).
ب- اضغط مفتاح كنترول (Ctrl) ومعه بنفس الوقت مفتاح (Enter) ليتحول شكل اسم الموقع (www.yahoo.com)