تعلم لغة html من الصفر. أساسيات HTML للمبتدئين. لقد تعلمت ما هو التخطيط والخادم الظاهري وقاعدة البيانات ولغة PHP وما إلى ذلك. وأنا أعرف كيفية العمل معها

23.10.2023

رمل

ليونيد ياكوبوفيتش 26 مايو 2015 الساعة 11:18 صباحًا

التدريب على HTML/CSS/JS

  • CSS
  • HTML,
  • جافا سكريبت
يوتيوب
  • www.youtube.com/user/agragregra- قناة مثيرة جدًا للاهتمام ستساعدك على تحسين قدرتك على إنشاء مواقع ويب متفاوتة التعقيد من الصفر؛
  • www.youtube.com/user/ArtSorax- الكثير من المواد المفيدة للمبتدئين، ويتم التركيز على CSS وJS؛
  • www.youtube.com/user/WebMagistersRu- بدأت شخصيًا في التعرف على بيئة تطوير الويب من خلال هذه القناة. يتم سرد كل شيء بلغة يسهل الوصول إليها ومفهومة، والأساسيات، إذا جاز التعبير.
  • www.youtube.com/user/loftblog- يقوم فريق LoftBlog بإجراء مقابلات مع متخصصي ومطوري تكنولوجيا المعلومات الطموحين والمتميزين، كما يقوم بإجراء تدريب بالفيديو؛
  • www.youtube.com/user/TheSWAT727- تحتوي قناة الفيديو على معلومات ومواد تدريبية حول تطوير الويب بشكل عام، بما في ذلك الواجهة الأمامية والخلفية ومراجعات لمحرري النصوص وما إلى ذلك. معلومات مفيدةللمطورين والمصممين المبتدئين.
موارد الإنترنت
  • htmlbook.ru هو مزار للمبتدئين المتخصصين. يحتوي هذا المورد على كمية هائلة من المعلومات في شكل + منتدى يمكن الوصول إليه ومفهوم. هذا هو المكان الذي أوصي فيه بالبدء في التعرف على HTML/CSS؛
  • webdesign-master.ru - موقع تعليمي للتعرف بشكل أعمق على تصميم الويب وتخطيطه؛
  • learn.javascript.ru - اسم الموقع يتحدث عن نفسه. أنصحك بالبدء في التعلم بعد التعرف على أساسيات HTML5/CSS3.
خدمات
  • www.codecademy.com هي خدمة باللغة الإنجليزية حيث يمكنك اختبار معرفتك عمليا. كل شيء بديهي ومعرفة عميقة اللغة الإنجليزيةلن تكون هناك حاجة.
  • htmlacademy.ru هي خدمة باللغة الروسية حيث يتم التركيز على الممارسة + القليل من النظرية. مورد ودورات ومهام مثيرة للاهتمام للغاية؛
  • jsfiddle.net عبارة عن "صندوق حماية" لمطوري الويب، إذا جاز التعبير. هنا يمكنك البرمجة عبر الإنترنت ورؤية النتيجة على الفور. ستساعدك الخدمة على الإشارة إلى الأخطاء؛
  • validator.w3.org - هنا يمكنك التحقق من صلاحية الكود الخاص بك لتصحيح الأخطاء أو أوجه القصور في كود HTML؛
  • Jigsaw.w3.org/css-validator - خدمة مماثلة مصممة للتحقق من صحة كود CSS.

خلاصة القول

هناك الكثير من المفيد والصحيح و المعلومات الضرورية، ولكنها لم تعد مفيدة. تعلم وتدرب واكتب التعليمات البرمجية.

العلامات: التدريب، المواد، المواقع، تطوير الموقع

  • www.youtube.com/user/agragregra- قناة مثيرة جدًا للاهتمام ستساعدك على تحسين قدرتك على إنشاء مواقع ويب متفاوتة التعقيد من الصفر؛
  • www.youtube.com/user/ArtSorax- الكثير من المواد المفيدة للمبتدئين، ويتم التركيز على CSS وJS؛
  • www.youtube.com/user/WebMagistersRu- بدأت شخصيًا في التعرف على بيئة تطوير الويب من خلال هذه القناة. يتم سرد كل شيء بلغة يسهل الوصول إليها ومفهومة، والأساسيات، إذا جاز التعبير.
  • www.youtube.com/user/loftblog- يقوم فريق LoftBlog بإجراء مقابلات مع متخصصي ومطوري تكنولوجيا المعلومات الطموحين والمتميزين، كما يقوم بإجراء تدريب بالفيديو؛
  • www.youtube.com/user/TheSWAT727- تحتوي قناة الفيديو على معلومات ومواد تدريبية حول تطوير الويب بشكل عام، بما في ذلك الواجهة الأمامية والخلفية ومراجعات لمحرري النصوص وغيرها من المعلومات المفيدة للمطورين والمصممين المبتدئين.
موارد الإنترنت
  • htmlbook.ru هو مزار للمبتدئين المتخصصين. يحتوي هذا المورد على كمية هائلة من المعلومات في شكل + منتدى يمكن الوصول إليه ومفهوم. هذا هو المكان الذي أوصي فيه بالبدء في التعرف على HTML/CSS؛
  • webdesign-master.ru - موقع تعليمي للتعرف بشكل أعمق على تصميم الويب وتخطيطه؛
  • learn.javascript.ru - اسم الموقع يتحدث عن نفسه. أنصحك بالبدء في التعلم بعد التعرف على أساسيات HTML5/CSS3.
خدمات
  • www.codecademy.com هي خدمة باللغة الإنجليزية حيث يمكنك اختبار معرفتك عمليا. كل شيء بديهي، ولا يشترط معرفة عميقة باللغة الإنجليزية؛
  • htmlacademy.ru هي خدمة باللغة الروسية حيث يتم التركيز على الممارسة + القليل من النظرية. مورد ودورات ومهام مثيرة للاهتمام للغاية؛
  • jsfiddle.net عبارة عن "صندوق حماية" لمطوري الويب، إذا جاز التعبير. هنا يمكنك البرمجة عبر الإنترنت ورؤية النتيجة على الفور. ستساعدك الخدمة على الإشارة إلى الأخطاء؛
  • validator.w3.org - هنا يمكنك التحقق من صلاحية الكود الخاص بك لتصحيح الأخطاء أو أوجه القصور في كود HTML؛
  • Jigsaw.w3.org/css-validator - خدمة مماثلة مصممة للتحقق من صحة كود CSS.

خلاصة القول

هناك الكثير من المعلومات المفيدة والصحيحة والضرورية على الإنترنت، ولكنها لم تعد مفيدة. تعلم وتدرب واكتب التعليمات البرمجية.

العلامات: التدريب، المواد، المواقع، تطوير الموقع

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

ولكن إذا بدأت بتعلم المحرك، فسيتم استبعاد بعض المستخدمين الذين لا يعرفون HTML. لذلك قررت أن أبدأ بالأساسيات وأن أفعل ذلك بطريقة تمكن أي مبتدئ من معرفة ماذا وكيف.

إذن ما هو HTML؟

الاختصار نفسه يعني ن ureg تتحويلة ماركب لأجواج( لغة ترميز النص التشعبي).

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

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

عنوان الصفحة

يوم واحد في حياتي

التحضير للحفل

اليوم استيقظت باكراً لأنه كان أمامي يوم صعب. بعد كل شيء، لا بد لي اليوم من أداء حفل موسيقي أمام مائة متفرج. وللتأكد من أن كل شيء يسير على ما يرام، لا بد لي من تكرار برنامج التدريب

بروفة

كل شيء سار دون عوائق. لم يفقد أحد من فريقنا إيقاعه، وكما اتضح فيما بعد، كان الجميع قلقين عبثًا.

حفلة موسيقية

كان أداء الجميع جيدًا، على الرغم من أنني أعتقد أنه كانت هناك لحظة فقد فيها عازف الطبول إيقاعه. لكننا خرجنا بذكاء من الموقف.



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

يرجى ملاحظة أنه لا يتم عرض العلامات نفسها، ولكن يتم عرض المحتوى نفسه الموجود بينها. ومن هنا يمكنك استنتاج أن العلامات تعمل كعنصر تصميم في HTML.

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

وإليك نصيحة أخرى: عند كتابة تعليمات برمجية بتنسيق HTML، درب نفسك على وضع مسافة بادئة لتلك العلامات المتداخلة داخل علامات أخرى. على سبيل المثال، يتم تضمين علامتي العنوان والنص ضمن علامة html. وهذا يعني أنه عند كتابة هذه العلامات، لا تنس وضع مسافة بادئة لها وفقًا لذلك. عادةً ما يتم ذلك باستخدام مسافتين أو علامتي تبويب - وهذه مسألة ذوق. لماذا هذا ضروري؟ الآن، في هذا الجزء الصغير من المستند الذي قدمته كمثال أعلاه، لا يوجد الكثير من المعلومات، لذلك من الصعب جدًا الخلط هناك. ومع ذلك، إذا كان هناك العديد من العناصر المتداخلة على الصفحة، فلن يكون هناك شيء أسهل من الضياع في هذا الكود الضخم وصعوبة معرفة أي جزء من المستند أنت فيه الآن. لذا من الأفضل أن تعوّد نفسك على الأسلوب الجيد فورًا، عندها ستفهمه بنفسك وسيخدمك جيدًا في المستقبل.

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



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

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

الآن دعونا نحاول أن نكتشف بأنفسنا أي علامة في مثالنا أعلاه مسؤولة عن ماذا.

علامة أتش تي أم أليعني أن إخراج كود HTML يبدأ.

رأس– قسم معلومات الخدمة. من بين أمور أخرى، وهنا عنوان، وهو المسؤول عن النص الموجود في عنوان نافذة المتصفح. يمكن أيضًا التعامل مع هذا القسم على أنه معلومات نريد إخبار المتصفح بها عن هذه الصفحة.

جسم- يبدأ الجزء الرئيسي من الوثيقة.

ح 1- عنوان.

ح 2- العنوان الفرعي.

ص- الفقرة.

ربما هذا كل شيء! إذا كان هذا هو أول مستند HTML لك، فتهانينا! نعم، إنه لا يبدو رائعًا كما نرغب. ولكن مع ذلك، لدينا مواد يمكننا العمل عليها بالفعل. وفي الدروس التالية، سيكون كل شيء أكثر إثارة للاهتمام، وسنتطرق ببطء إلى العمل معه أوراق الأنماط المتتالية (CSS).

  • < Назад

للتعليق، تحتاج إلى التسجيل.

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

يبدو أن الناس الآن يجب أن يعرفوا المزيد، وأن يمتلكوا المزيد مستوى عالالذكاء، وتطوير مهارات جديدة. لكن لسوء الحظ، هذا ليس صحيحا تماما. كم مرة بدأت في تعلم شيء جديد ثم استسلمت دون تحقيق أي نتائج مهمة؟

كم مرة يبدأ الناس في تعلم لغات أجنبية جديدة والتاريخ والبرمجة وغيرها من التخصصات دون الحصول في نهاية المطاف على المعرفة والمهارات والقدرات اللازمة؟

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

ولكن عليك أولاً أن تقرر ما يريده بالضبط والمبلغ الذي يرغب في دفعه مقابل ذلك.

إذا كان هدفك هو إنشاء موقع ويب أو مدونة، فلا يتعين عليك تعلم البرمجة، فقط اقرأ هدفي.

ولكن إذا كنت تريد أن تصبح مطور ويب، فسيتعين عليك الدراسة والدراسة مرة أخرى.

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

لذلك قررت أن أكتب مقالاً حول ما يمنع الأشخاص من أن يصبحوا متخصصين جيدين في الويب، وكيفية التعامل معه. ستجد أدناه قائمة بالفيروسات التي تقتل أحلامك والوصفة التي ستحقق بها أهدافك.

الممارسة والممارسة والمزيد من الممارسة

حسب ملاحظتي، يمكن تقسيم جميع الناس بشكل عام إلى نوعين:

  1. عاكس
  2. نشيط

هذه الملاحظة مهمة للغاية، حيث أن الناس غالبًا ما يدرسون النظرية، لكنهم لا يعرفون كيفية القيام بأي شيء في الممارسة العملية. عند إتقان نفس تخطيط موقع الويب، يشاهد الطلاب جميع مقاطع الفيديو التعليمية في جرعة واحدة، لكنهم لا يريدون التدرب عليها.

وهذا يخلق مشكلتين:

  • الناس لا يعرفون كيفية تطبيق المعرفة المكتسبة
  • المعرفة المكتسبة لا تبقى في الذاكرة، لأنها غير مرتبطة بالأنشطة العملية

هذه المشاكل مهمة جدًا، لأنه بدون القدرة على تنفيذ المعرفة المكتسبة، يصبح كل الاجتهاد في طريق التعلم عديم الفائدة. لا سيما بالنظر إلى أنه عند إنشاء مواقع الويب، غالبًا ما يواجه مطور الويب مهام غير تافهة تتطلب أسلوبًا إبداعيًا.

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

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

والسؤال هنا: ما هي أفضل طريقة للممارسة؟ الجواب بسيط للغاية: يجب أن تحاكي جميع المهام موقفًا حقيقيًا. أي أنه يجب عليك حل المشكلات التي يواجهها مصممو التخطيط في عملهم.

إذا كنت تدرس تصميم الويب، على سبيل المثال، فستحتاج إلى حل المشكلات اليومية لمصممي الويب. حسنًا، أو على الأقل حاول القيام بذلك.

ولكن كيف يمكن للمبتدئين أن يجدوا مثل هذه المشاكل العملية؟


عندما تفكر في أفضل السبل لممارسة...

هناك العديد من الخيارات هنا.

الأول هو الذهاب إلى مواقع العمل الحر التي يعمل فيها المبرمجون والعثور على طلبات حقيقية للمشاريع القائمة. بعد ذلك، اكتبها لنفسك وابدأ في البحث عن الحلول.

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

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

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

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

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

يعد هذا الخيار مثاليًا للمبتدئين الذين يقررون تعلم موضوع إنشاء موقع الويب.

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

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

الآن، دعونا نلقي نظرة على ما تحتاجه أيضًا لتصبح متخصصًا رائعًا في الويب.

لا تنشر نفسك رقيقة

لقد تحدثت عن أسطورة تعدد المهام. لسوء الحظ، كثير من الناس يعانون بالفعل من هذه المتلازمة. أنها تنطوي على القيام بعدة مهام في وقت واحد.

ونتيجة لذلك، يتشتت انتباه الإنسان، ولا يستطيع العمل بكامل طاقته. فكر في عدد المرات التي تنظر فيها إلى هاتفك أو تتصفح وسائل التواصل الاجتماعي خلال الساعة. الشبكات؟


تعدد المهام سوف يسحقك بين ذراعيه

كم مرة نظرت إلى جهازك، أو راجعت بريدك الإلكتروني قبل أن تصل إلى هذا الجزء من المقالة؟ إذا لم يحدث ذلك، يمكننا أن نصافحك. معظم الناس لا يعرفون كيفية التركيز على شيء ما لأكثر من 5-10 دقائق.

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

مشكلة أخرى هي أنه بمجرد أن يبدأوا في تعلم تخطيط موقع الويب، ينتقل العديد من الأشخاص على الفور إلى إتقان تصميم الويب والتخصصات الأخرى. الرش بهذه الطريقة يؤدي إلى نتائج متواضعة في جميع الاتجاهات.

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

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

ابدأ بالأساسيات

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

إذا كنت قد سمعت عن قانون باريتو، فيجب أن تعلم أن 20% من الأشياء تنتج 80% من النتائج. بنفس الطريقة، هناك أشياء أساسية في تخطيط موقع الويب تحتاج إلى تعلمها. وعلى هذا الأساس سوف تنمو مهارتك.

ويمكن دراسة بقية التفاصيل لاحقا. سوف تتعلم العديد من الفروق الدقيقة أثناء التدريب العملي.

التكرار هو أم التعلم

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

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

لا تستسلم في منتصف الطريق

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

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

لقد فوجئت جدًا عندما قرأت عن نتائج الدراسات التي كان على الأشخاص فيها الخروج من متاهة عن طريق اختيار أحد البابين باستمرار. في النهاية، سار كل واحد منهم نحو المخرج. كما أتيحت لهم الفرصة للاستسلام في أي وقت.

نتيجة لذلك، استسلم أكثر من 90٪ من الأشخاص في اللحظة التي اضطروا فيها حرفيًا إلى فتح باب آخر أدى إلى الخروج. أي أنهم استسلموا في اللحظة التي كان فيها النصر في متناول اليد بالفعل. لكنهم كانوا خائفين من المجهول بشأن الموعد المحدد الذي سيجدون فيه طريقة للخروج. يمكننا القول أنهم ببساطة لم يكن لديهم ما يكفي من الإيمان.

الجوع المعلوماتي

بطريقة ما بدأت في ممارسة نهج يسمى الجوع المعلوماتي. جوهرها هو عدم استيعاب المعلومات التي ليس لها قيمة عملية بالنسبة لي. حسنا، أو عن طريق على الأقلحاول أن تفعل هذا.

ويشمل ذلك الأخبار وجميع أنواع البرامج وما إلى ذلك. هذا النهج له العديد من المزايا الضخمة.

أولا، هذا هو الاهتمام. إن اهتمامنا مكلف للغاية للإنفاق على الأحداث والظواهر التي لا أهمية لها بالنسبة لنا.

ثانيا، مع رأس جديد، من الأسهل بكثير إتقان المعلومات المفيدة.

ثالثا، لن يكون لديك سبب للانخراط في محادثات ومناقشات وحجج غير ضرورية حول مواضيع عديمة الفائدة.

رابعا، ليس سرا أن المعلومات التي تقدمها وسائل الإعلام ليست دائما موثوقة.


ينصح شيرلوك: لا تزعج نفسك بالهراء

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

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

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

دعونا نبدأ! أولا، دعونا معرفة ذلك
HTML- (من الإنجليزية. H ypert ext M arkup L اللغة) هي لغة ترميز النص التشعبي. تم تطويره لأول مرة من قبل العالم البريطاني تيم بيرنرز لي في 1991-1992. كان المقصود من HTML فقط ترميز النصوص والصور والجداول على صفحات الويب. الآن في وثيقة HTMLبالإضافة إلى ذلك، يمكن إدراج لغات البرمجة مثل JavaScript، VBScript.

HTML ليست لغة برمجة، فهي مخصصة لترميز المستندات النصية فقط.

لتعلم HTMLكل ما تحتاجه هو أن يكون لديك متصفح ومفكرة قياسية أو .
لفتح Standard Notepad، قم بما يلي على جهاز الكمبيوتر الخاص بك: "ابدأ" => "البرامج" => "البرامج الملحقة" => "المفكرة" .

إذا كنت قد سمعت عن البرامج التي تعمل على تبسيط عمل كتابة تعليمات HTML البرمجية (Microsoft FrontPage، أدوبي دريمويفر)، فأنا لا أوصي باستخدامها في هذه المرحلة من التدريب. مارس مهاراتك في المفكرة القياسية أو في محرر النصوص Notepad++، وعند إكمال هذه الدورة، ستتمكن من استخدام البرامج لتسريع الأمور. اشترك في تحديثات مدونتي واقرأ كيفية الاستخدام برامج مايكروسوفتفرونت بيج، أدوبي دريمويفر.

لفهم أفضل، قمت بإعداد مثال. انظر بعناية إلى الصورة:

توضيح.

1). يبدأ أي مستند HTML بهذا السطر:


"https://www.w3.org/TR/html4/loose.dtd">

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

2). و- هذه هي بداية ونهاية الوثيقة.

3). و- رأس الوثيقة. غالبًا ما يتم إدراج علامات الخدمة الإضافية هنا، إحدى هذه العلامات هي . ستتعرف على علامات الخدمة الأخرى في المزيد من الدروس في هذه المرحلة من التدريب، وهذه المعلومات كافية.

4). و- عنوان الوثيقة.
سيتم عرض هذا الرأس في المتصفح:

في البحث أنا فهرس أو في جوجل.

5). و

- نص الوثيقة.
إليك محتوى المستند، على سبيل المثال، النص والصور والجداول والموسيقى والأفلام وما إلى ذلك. ستتعلم المزيد حول كيفية إدراج الموسيقى والنصوص والصور في نص المستند في الدروس التالية.

ملحوظة:

غالبًا ما تقرأ وتسمع كلمة "علامة".
العلامة هي كل ما بين القوسين< >. على سبيل المثال: , , <html> , <head> , <br> , <p> </i>إلخ - كل هذه علامات. <br>العلامات غير مرئية عند عرض الصفحة في المتصفح، ولكن كل ما ليس بين قوسين سيتم عرضه في المتصفح عند المشاهدة.</p> <p>هناك العديد من العلامات ولها أغراض مختلفة.</p> <p>هناك علامات يجب إغلاقها. على سبيل المثال، <br>افتح العلامة <i><p> </i> <br>وتأكد من إغلاق العلامة <i></p> </i> </p> <p>وهناك علامات مفردة، على سبيل المثال، هذه <i><br> </i> .</p> <p>العلامة هي نوع من الحاويات التي يمكن أن تحتوي على نصوص وصور وعلامات أخرى...</p> <p>○ انتبه إلى التسلسل الصحيح لعلامات الفتح والإغلاق:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг2> </тэг1> <i> </i></p> <p>العلامة التي فتحناها أولاً يتم إغلاقها أخيرًا، والثانية قبل الأخيرة، وما إلى ذلك.</p> <p>○ فيما يلي مثال على التسلسل غير الصحيح لعلامات الفتح والإغلاق. مع هذا الطلب، قد تكون هناك أخطاء في صفحة الويب:</p> <p><тэг1> <тэг2> <тэг3> ... </тэг3> </тэг1> </тэг2> </p> <p>الخطأ كان في<тэг1>و<тэг2> .<br>كن حذرا عند كتابة التعليمات البرمجية.</p> <p><img src='https://i0.wp.com/bloggood.ru/wp-content/uploads/2013/05/osnovi-html-100.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>رمز جاهز.</b><br>هذا هو الشكل الذي يبدو عليه كود HTML الإلزامي القياسي النهائي لصفحة الويب.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>عنوان الصفحة نص الصفحة والجداول والصور والموسيقى والفيديو.

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

تابع إلى الدرس التالي