كتابة HTML في المفكرة

يوفر HTML الأساس البنيوي لصفحات الويب ، وسيحتاج أي مصمم ويب إلى فهم هذه اللغة. ومع ذلك ، فالبرنامج الذي تستخدمه لترميز هذه اللغة متروك لك. حقيقة. إذا كنت تستخدم Windows ، فلن تحتاج إلى شراء محرر أو تنزيله لكتابة HTML. لديك محرر وظيفية تماما بنيت في نظام التشغيل الخاص بك - المفكرة.

هذا البرنامج له حدود ، لكنه سيسمح لك برمز HTML ، وهي في الحقيقة مجرد ملفات نصية. بما أن برنامج Notepad مدرج بالفعل في نظام التشغيل الخاص بك ، لا يمكنك الفوز على السعر ويمكنك البدء في كتابة HTML على الفور!

لا يوجد سوى بضع خطوات لإنشاء صفحة ويب باستخدام المفكرة :

  1. افتح المفكرة
    1. يتم العثور دائمًا على برنامج "المفكرة" في قائمة "الملحقات" الخاصة بك. كيف تجد المفكرة على ويندوز
  2. ابدأ بكتابة HTML الخاص بك
    1. تذكر أنك تحتاج إلى أن تكون أكثر حذراً من محرر HTML. لن يكون لديك عناصر مثل اكتمال العلامة أو التحقق من الصحة. أنت ترميز بالفعل من نقطة الصفر في هذه المرحلة ، لذا لن تكون أي أخطاء تقوم بها هي تلك التي يمكن للبرنامج أن يصطادها لك. تعلم HTML
  3. احفظ ملف HTML الخاص بك إلى ملف
    1. عادةً ما يحفظ Notepad الملفات مثل .txt. ولكن نظرًا لأنك تكتب HTML ، فأنت بحاجة إلى حفظ الملف بتنسيق html. إذا لم تقم بذلك ، فكل ما سيكون لديك هو ملف نصي يحتوي على بعض أكواد HTML فيه. ما الذي ينبغي عليّ تسمية ملف HTML الخاص بي؟

إذا لم تكن حذراً في الخطوة الثالثة ، فسوف ينتهي بك الأمر إلى ملف اسمه شيئًا مثل: filename.html .txt

إليك كيفية تجنب ذلك:

  1. انقر على "ملف" ثم "حفظ باسم"
  2. انتقل إلى المجلد الذي تريد حفظه
  3. قم بتغيير القائمة المنسدلة "حفظ كنوع" إلى "All Files (*. *)"
  4. قم بتسمية ملفك ، تأكد من تضمين الامتداد .htlm على سبيل المثال homepage.html

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

باستخدام Notepad & # 43؛ & # 43؛

ترقية بسيطة إلى برنامج المفكرة المجاني هو Notepadd ++. هذا البرنامج هو تنزيل مجاني ، لذلك إذا كنت تحاول كتابة HTML دون شراء برامج باهظة الثمن ، فستظل Notepad ++ تغطيك.

على الرغم من أن برنامج Notepad عبارة عن حزمة برامج أساسية ، فإن برنامج Notepad ++ يحتوي على ميزات إضافية تجعل منه اختيارًا رائعًا لترميز HTML.

أولاً ، عندما تقوم بحفظ صفحة بامتداد الملف .html (وبالتالي إخبار البرنامج الذي أنت ، بالفعل ، كتابة HTML) ، فإن البرنامج سيضيف أرقامًا سطرية وترميزًا لونيًا إلى ما تكتبه. هذا يجعل من الأسهل كتابة HTML منذ أن يقوم بتكرار الميزات التي ستجدها في البرامج الأكثر تكلفة ، التي تركز على تصميم الويب. هذا سيجعل من السهل ترميز صفحات الويب الجديدة. يمكنك أيضًا فتح صفحات الويب الموجودة في هذا البرنامج (وفي المفكرة) وتحريرها. مرة أخرى ، سوف تجعل الميزات الإضافية لـ Notepad ++ هذا أسهل عليك.

باستخدام كلمة لتحرير HTML

في حين أن Word لا يأتي تلقائيًا مع أجهزة الكمبيوتر التي تعمل بنظام Windows بالطريقة التي يعمل بها المفكرة ، فإنه لا يزال موجودًا على العديد من أجهزة الكمبيوتر وقد تحاول استخدام هذا البرنامج لرمز HTML. في حين أنه من الممكن بالفعل كتابة HTML مع Microsoft Word ، فإنه ليس من المستحسن. باستخدام Word ، لا تحصل على أي من مزايا برنامج Notepad ++ ، ولكن عليك أن تصارع رغبة البرنامج في جعل كل شيء في مستند نصي. يمكنك ان تجعلها تعمل؟ نعم ، ولكنه لن يكون سهلاً ، وواقعياً ، أنت أفضل بكثير من استخدام Notepad أو Notepadd ++ لأي تشفير HTML أو CSS.

كتابة CSS وجافا سكريبت.

مثل ملفات HTML و CSS وجافا سكريبت هي في الواقع مجرد ملفات نصية. هذا يعني أنه يمكنك أيضاً استخدام Notepad أو Notepad ++ لكتابة أوراق الأنماط المتتالية أو Javascript. يمكنك ببساطة حفظ الملفات باستخدام امتدادات الملفات .css أو .js ، اعتمادًا على نوع الملف الذي تقوم بإنشائه.

المقالة الأصلية لجنيفر كرينين. حرره جيرمي جيرار في 10/13/16.