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

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

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

دعونا نلقي نظرة على كيفية استخدام JavaScript لإعادة توجيه المستخدم إلى صفحة أخرى.

إعادة توجيه جافا سكريبت التلقائي إلى صفحة أخرى

إذا كنت تريد إعادة توجيه المستخدم تلقائيًا من صفحة (URL1) إلى صفحة أخرى (URL2)، فيمكنك استخدام الكود التالي:

window.location.href = "URL2";

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

نصيحة: إذا كنت تستخدم JavaScript مضمنًا (أي بدون ملف .js خارجي)، فتأكد من وضع كود جافا سكريبتإلى العلامات.

إعادة التوجيه إلى صفحة أخرى بعد X ثانية

في هذا المثال، سنقوم بإعادة توجيه js إلى صفحة أخرى بعد مرور بعض الوقت على تحميل الصفحة. على سبيل المثال، إذا كنت تريد إعادة توجيه الزائر إلى الصفحة الرئيسية بعد عرض صفحة الترحيب لمدة 5 ثوانٍ:

setTimeout(function())( window.location.href = "homepage-url"; ), 5 * 1000);

تحتاج إلى لصق كود JavaScript التالي في صفحة الترحيب. تذكر استبدال عنوان URL للصفحة الرئيسية بعنوان URL للصفحة الرئيسية.

استخدمنا طريقة setTimeout لإخبار البرنامج النصي بإعادة التوجيه بعد 5 ثوانٍ (اضرب 5 في 1000 لتحويل الثواني إلى ميلي ثانية).

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

إعادة التوجيه إلى صفحة أخرى بناءً على الحالة

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

استخدم الكود التالي لإعادة توجيه الزوار الذين يستوفون شرطًا معينًا:

إذا (CONDITION) ( window.location.href = "redirect-url"; )

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

إذا (screen.width< 600) { window.location.href = "redirect-url"; }

إعادة التوجيه إلى صفحة أخرى بناءً على إجراءات المستخدم

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

سيقوم الكود التالي بإعادة توجيه الزائر إلى الصفحة المقصودةبعد النقر على #mybutton :

document.getElementById("mybutton").onclick = function() ( window.location.href = "redirect-url"; );

يمكنك أن تفعل الشيء نفسه باستخدام الكود التالي:

اذهب إلى الصفحة الرئيسية

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

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

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

جيد سيئ

في هذه المقالة سوف ننظر طرق مختلفةإعادة توجيه JS. دعنا نستكشف خيارات إعادة التوجيه الاحتياطية عند تعطيل JavaScript. وكذلك تأثير الاستخدام...

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

مثال:

عرض المثال

العناوين المطلقة

ينطبق هذا على الحالة التي يحتوي فيها عنوان URL على مسار كامل. على سبيل المثال:

HTML تعليمي

العناوين النسبية

في هذه الحالة، يحدد عنوان URL مسارًا يتعلق بالموقع الحالي. على سبيل المثال، إذا أردنا الارتباط بعنوان URL وموقعنا الحالي هو https://www.quackit.com/html/، فسنستخدم الرابط التالي:

HTML تعليمي

العناوين المتعلقة بجذر الموقع

يشير هذا إلى عنوان URL روابط HTML، الذي يحدد المسار بالنسبة إلى جذر المجال.

على سبيل المثال، إذا أردنا الارتباط بعنوان URL https://www.quackit.com/html/tutorial/ والموقع الحالي هو https://www.quackit.com/html/، فسنستخدم الرابط التالي:

HTML تعليمي

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

ربط الأهداف

يمكنك أيضًا تحديد ما إذا كان سيتم فتح عنوان URL في نافذة جديدة أم في النافذة الحالية. يمكن القيام بذلك باستخدام السمة الهدف. على سبيل المثال، الهدف = "_blank" يفتح عنوان URL في نافذة جديدة.

يمكن أن تأخذ السمة الهدف القيم التالية:

فارغ: يفتح الرابط في نافذة HTML جديدة. _self: يقوم بتحميل عنوان URL إلى النافذة الحالية. _parent: يقوم بتحميل عنوان URL في الإطار الأصلي (لا يزال في نافذة المتصفح الحالية). ينطبق فقط عند استخدام الإطارات. _top: يقوم بتحميل عنوان URL في نافذة المتصفح الحالية، لكنه يتجاوز الإطارات الأخرى.

مثال:

دجال

أضف معرفًا إلى هدف الارتباط

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

الفيلة

إنشاء ارتباط تشعبي

القفز إلى الفيلة

توجد مقتطفات التعليمات البرمجية أعلاه في أجزاء مختلفة من المستند. اتضح شيء من هذا القبيل:

مثال

القفز إلى الفيلة

القطط

كل شيء عن القطط.

كلاب

كل شيء عن الكلاب.

الطيور

كل شيء عن الطيور.

الفيلة

كل شيء عن الفيلة.

القرود

كل شيء عن القرود.

الثعابين

كل شيء عن الثعابين.

الفئران

كل شيء عن الفئران.

سمكة

كل شيء عن الأسماك.

الجاموس

كل شيء عن الجاموس.

عرض المثال

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

القفز إلى الفيلة

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

روابط إلى البريد الإلكتروني

البريد الإلكتروني كينغ كونغ

عرض المثال

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

عرض المثال

قاعدة href

يمكنك تعيين عنوان URL افتراضي حيث ستبدأ جميع روابط HTML الموجودة على الصفحة. للقيام بذلك، ضع العلامة الأساسية (مع سمة href) داخل العنصر.

مثال HTMLشفرة:

مثال HTML

عرض المثال

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

الخطوة 1.

دعونا نلقي نظرة على كتلة القائمة لدينا:

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

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

إذا كانت صفحة html موجودة في مجلد آخر، فستحتاج إلى تحديد المسار إليها من صفحة html هذه. على سبيل المثال، إذا كان مجلد موقعنا يحتوي على الصفحات Index.html وpattern.html، وقمنا بوضع صفحة kontact.html في المجلد kon، ثم حددنا المسار من صفحة Index.html إلى صفحة kontact.html، فسنقوم بذلك اكتب التالي: (يتم الإشارة إلى جميع المجلدات من خلال /).

الخطوة 2.

كل ما يتعين علينا فعله هو وضع محتوى مختلف على صفحات html مختلفة.

دع صور القوالب مع خصائصها الموجزة يتم نشرها على صفحتنا الرئيسية في صفحة النمط. html - سيكون هناك فقط صور فوتوغرافية للقوالب، وعلى صفحة kontact.html - عنوان بريدنا الإلكتروني.

لنبدأ بصفحة Index.html. فتحه في المفكرة.

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

صفحة Index.html جاهزة. دعونا نلقي نظرة على صفحة Pattern.html. قررنا ببساطة وضع صور للقوالب عليها.

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

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

لدينا اتصالات اكتب لنا على: [البريد الإلكتروني محمي] اكتب لنا على: [البريد الإلكتروني محمي]

اترك الشخص الذي تفضله (مع العلامات أو بدونهم).

الخطوه 3.

ربما لديك سؤالين:

1. من أين يمكن الحصول على صور للموقع (كل هذه الرؤوس والقوائم)؟

للقيام بذلك، قم بمراجعة أقسام الرسومات الخاصة بالويب ودروس Photoshop

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

بعد ذلك، قم بتضمين علامات أخرى على صفحاتك ( القائمة الكاملةمع الأوصاف والأمثلة الواردة في قسم دروس HTML). قم بالتجربة حتى تشعر بالراحة في عالم HTML. ثم قم بتوصيل التقنيات الأخرى - CSS، جافا سكريبت، PHP، الخ.

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

يمكن للارتباط التشعبي ربط الصفحات داخل موقع واحد أو الإشارة إلى أي صفحة على الإنترنت. عند إنشاء روابط لصفحات أشخاص آخرين، يجب عليك دائمًا استخدام العنوان المطلق للصفحة (http://www.site.com/page.html). إذا كنت تقوم بإنشاء رابط لصفحة داخل موقع ما، فمن الأفضل استخدام عنوان URL نسبي (page.html، catalog/page.html). عند إنشاء ارتباط تشعبي رسومي، تذكر أن الرسومات قد لا تكون متاحة لبعض المستخدمين، لذا تأكد من تضمين عناصر النص المناسبة.

مثال:

الارتباط التشعبي داخل صفحات HTMLس

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

مثال:

الارتباط التشعبي البريدي

مثال:

كود HTML: [البريد الإلكتروني محمي]

عرض المتصفح:

فتح صفحات HTML في نافذة جديدة

باستخدام السمة TARGET، يمكنك تحميل الصفحة في نافذة متصفح جديدة. تهدف هذه السمة إلى تحديد اسم النافذة. يتم استخدام اسم النافذة للأغراض الرسمية. لفتح صفحة في نافذة جديدة، تحتاج إلى استخدام الثابت _blank.

مثال:

لون نص الارتباط التشعبي

تحدد السمات LINK وALINK وVLINK لون خط الارتباطات التشعبية.

يتم استخدام سمة LINK لتمييز الارتباطات التشعبية التي لم يقم المستخدم بزيارتها بعد.

إجراءات متابعة الارتباطات التشعبية

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

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

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

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

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

مثال: يمكنك معرفة كيفية تمييز الشعر في Photoshop على //site/adobe-photoshop/kak-vydelit-volosy/

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

يمكنك أن تقرأ عن كيفية إبراز الشعر بشكل صحيح في Photoshop في أحد دروسي التعليمية.

على أي حال. نظرية جيدة. الآن دعنا ننتقل إلى التدريب ونرى من هو المسؤول عن كل هذه الأمور.

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

محرك بحث ياندكس

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

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

الملف في نفس المجلد

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

ملف في مجلد آخر

افتح ملف Pushkin.html في برنامج Notepad++

الآن ابحث عن كلمة photo وقم بتغليفها بالعلامات.

الآن الاهتمام! في قيمة السمة، نحدد المسار المتعلق بالملف الذي يتم تحريره، أي Pushkin.html نفسه. يجب أن تنتهى مع بعض الأشياء التى تحبها:

صورة

ماذا فعلنا الآن؟ وقمنا بما يلي: لأن الطريق إلى التصوير الفوتوغرافي يكمن مجلد منفصل img، الموجود في نفس المجلد الذي يوجد به ملف Pushkin.html، ثم في قيمة السمة، يتعين علينا أولاً كتابة اسم المجلد، ثم من خلال شرطة مائلة (/)، الاسم الكامل للمستند (في قضيتنا، الصور).

الآن قم بحفظ وتشغيل ملف Pushkin.html في متصفحك. سترى أن كلمة "صورة" أصبحت مظللة باللون الأزرق وأصبحت قابلة للنقر عليها، مما يعني أنه بالضغط على هذا الرابط سيتم نقلنا إلى الملف fofo.jpg الموجود في مجلد img.

إذا كيف؟ كله واضح؟ إذا حدث أي شيء، لا تتردد في السؤال.

التحولات الخارجية

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

سأدرس لأصبح على درجة الماجستير في المشاريع الاجتماعية.

هنا نصل إلى صفحة محددةموقع محدد.

يفتح في نافذة جديدة

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

وهذا سوف يساعدنا السمة المستهدفةبالقيمة "_blank" . لا يوجد شيء معقد هنا. ستحتاج فقط إلى إدراج هذا داخل علامة الفتح بعد قيمة السمة href. لنأخذ هذا المقتطف من الملف lukomorye.html، حيث أنشأنا رابطًا لصفحة Pushkin.html، والآن فقط سنكتب هذه السمة بالذات. يجب أن تبدو هذه:

من قصيدة رسلان وليودميلا (المؤلف - أ.س. بوشكين)

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

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

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

مع أطيب التحيات، ديمتري كوستين.