أهلًا.
مرحبًا بكم في أول محاضرة تقنية حقيقية في دورة CSS الخاصة بنا.
وهي تدور حول إضافة تصميم إلى صفحاتك.
إذا اشتركت معي في هذه الدورة التدريبية من دورة HTML الخاصة بنا
فأنت تدرك أنني أعلم أنه بإمكانك إنشاء ملفات HTML عامة.
ولكن حتى الآن، ربما لم تصممهم على الإطلاق.
ما أريدك أن تعرفه قبل أن نبدأ حتى في التصميم ، وتبدأ في
وضع اللمسات الصغيرة الخاصة بك على الصفحات هو أن ملف HTML نفسه قد يبدو مختلفًا
عند عرضه على متصفحات مختلفة، وهناك عدة أسباب لذلك.
السبب الأول، هو أن بعض العلامات غير مدعومة في بعض المتصفحات بينما تكون مدعومة في متصفحات أخرى.
لذلك إذا سبق لك استخدام علامة التفاصيل، فيمكنك أن ترى أنه في بعض الأحيان ستحتوي صفحتك
على أسهم صغيرة أو علامات صغيرة مختلفة عليها وفي أحيان أخرى لن تكون كذلك.
لذا فإن ذلك يعود إلى العلامات المدعومة.
ولكن أيضًا، لكل متصفح أسلوبه الافتراضي المختلف.
وما يوضحه هذا النمط الافتراضي هو أن هذه هي الطريقة التي أريد أن تظهر بها عناوين H1 الخاصة بي
أو هذا هو مقدار الحواشي التي أريدها حول فقراتي.
لذلك إذا انتقلت إلى نفس الصفحة بالضبط على متصفحات مختلفة، فقد يكون من الصعب معرفة ذلك
لكنك سترى اختلافات طفيفة في كيفية صنع الأشياء.
لكن بشكل عام، إن هذا المظهر الافتراضي واضح حقًا.
ومعظم الناس الذين أعرفهم لا يريدون أن تبدو صفحاتهم واضحة.
يريدون وضع بعض التصميمات.
لذا فلنبدأ في البحث عن طرق يمكنك من خلالها القيام بذلك.
هناك طريقة واحدة لإضافة التصميم وهي التفكير في إضافته مباشرة إلى النص.
الآن مع تطور HTML، انتقلنا من استخدام علامات كانت تتعلق بشكل واضح بالألوان ،
وكذلك التمركز المختلف، وأشياء من هذا القبيل.
لقول لا ، لا ، لا نريد علامات لها علاقة بالتصميم.
فنحن فقط العلامات التي لها علاقة بالمحتوى.
قال الناس، حسنًا ، يمكننا فعل ذلك، لكني أريد أن أجعلها جميلة.
إذًا ما فعلوه هو أنهم أضافوا سمات التصميم.
لذا ففي هذه الحالة أخذت علامة h1 وأضفت سمة التصميم و
قال ببساطة |اللون:أزرق".
وما سيفعله هو أنه سيقوم بإعطاء هذا العنوان الخاص h1
لون الخط أحمر.
لذا فهو أمر يسير.
إنها طريقة لطيفة للدخول وإضافة تصميم بسيط إلى صفحتك.
ومع ذلك، لا يزال هذا نوعًا ما خرقًا لقاعدتنا
المتعلقة بالرغبة في فصل المحتوى عن الأسلوب.
حيث أنك إذا كنت تريد تغييره إلى أحمر أو أخضر على سبيل المثال أو
شيء من هذا القبيل لاحقًا، سنبغي عليك الدخول و
وتغيير العلامة، حيث أنك ستكون مضطرًا لتغيير السمة.
لذا فقد حاولت حقًا أن أبتعد عن طريقتي هذه لعدم استخدام هذه الطريقة مطلقًا ، وبدلاً من ذلك
أتعود على فعل الأشياء بالطريقة الصحيحة.
والطريقة الصحيحة لتصميم صفحاتك هي استخدام CSS.
إن أوراق التصميم المتتالية هي في الأساس طريقة لكتابة القواعد التي توضح كيف
تريد أن تصمم كل الفقرات، أو كيف تريد أن تصمم جميع عناوينك، أو
كيف تريد تصميم بعض صورك.
إنه حقًا جميلة،
تلك الطريقة المحددة التي يمكن للجميع اتباعها لاتخاذ خيارات التصميم هذه.
ويتم وضع القواعد على هذا النحو.
عليك أولاً وضع المحدد، و
المحدد هو مجرد طريقة خيالية لقول ما تريد تصميمه.
في حالتنا هذه، سنبدأ بإعطاء المحدد
فقط أسماء علامات مختلفة مثل h1 أو الفقرة.
بمجرد أن تجد العلامة التي تريد تصميمها،
يمكنك أن تذكر السمة التي تريد تغييرها.
لا يمكنك النظر إلى بعض الأشياء مثل اللون، ولولن الخلفية،
ومقدار المسافة التي نضعها حولها، وسوف نقوم بتغطية كل هذا.
ولكن الاّن، سأبدأ حقًا بكل بساطة وأتناول الألوان.
بعد ذلك، ينبغي عليك إعطاء كل سمة قيمة ما،
ذاكرًا أى لون تريده.
لذا، فمن جانب، تعلمنا كيف نكتب قاعدة بشكل عام.
ومن جانب اّخر، قمت بكتابة قاعدة محددة جدًا تقول، أهلاً
كلما رأيت العنوان h1، أريد أن تستخدم لون الخط أزرق.
لذا فقد فعلنا بالضبط ما فعلناه عندما قمنا بالتضمين باستخدام علامة التصميم،
لكن الاّن فالأمر عامًا جدًا، ونحن لا نتحدث عن عناوين محددة.
نحن لا نتحدث عن علامة محددة.
لذا، عندما تكتب تلك القواعد، فإن ترتيب الجملة في غاية الأهمية.
في معظم الأوقات، عندما تقوم بكتابة HTML، يبدو المتصفح لك رائعًا و
إذا نسيت إغلاق علامة، ستقول لا بأس من لك.
أعلم ما تريدني أن أفعله وستمضي قدمًا وتضع الصفحة لأعلى على أى حال.
عندما تقوم بعمل CSS،
إذا لم تكن متمكنًا من ما نسميه بناء الجملة، فستواجه مشكلات.
لذا، فالأقواس والفواصل المنقوطة غاية في الأهمية.
لذا، دعني أريك مرة أخرى عندما نعود هنا،
يمكنك أن ترى أنني لدي قوس البداية و
وقوس الغلق، كما أن لدي هذه الفاصلة المنقوطة في النهاية.
عليك أن تتذكر أن تقوم بتضمين هؤلاء.
وإحدى الأسباب التي تجعلني أتحدث عن هذا هى أنك عندما تبدأ بكتابة الترميز الخاص بك،
عندما تختار محررًا جيدًا، ومعظم برامج التحرير تتسم بأنها فعالة جدًا مثل Sublime
TextWrangler, TextEdit, Notepad، سوف تقوم بإضافة صور من أجلك.
لذا عندما تنظر فجأة إلى قواعد CSS و
ستشعر كما لو كنت تقول، يا إلهي، لقد توقعت أشياءً بألوان مختلفة، ولكن
كل شيء مع ذلك إما أبيض أو أحمر.
يفهمك هذا أنك أخطأت في بناء جملة القاعدة.
في السطر نفسه، أريد نوعًا ما أن تلقي هنا عندما تكتب قاعدتك
يمكنك وضع التعليقات التي تساعدك على تصحيح الأخطاء و
تساعدك على شرح ما ستفعله لنفسك.
وهذه هى الطريقة التي يتم بها عمل التعليقات في CSS.
أنت فقط تكتب / * ، * / مرة أخرى.
إذًا ماذا يحدث إذا كنت تريد أن تقوم بأكثر من خاصية واحدة؟
ماذا لو بدلاً من أن تقول أريد أن يكون أزرق،
أردت أيضًا أن يكون لون الخلفية أصفر؟
حسنًا، ليست هناك مشكلة.
يمكن أن يكون لديك العديد من مجموعات قيمة الخاصية كما تريد.
ما عليك سوى أن تتذكر أن تقوم بفصلهم بفواصل منقوطة.
لذا في هذه الحالة مرة أخرى ،
لقد قمت بضبط اللون أزرق و لون الخلفية إلى الأصفر.
حسنًا، إذًا
الآن بعد أن عرفت كيف تكتب قاعدة كيف يمكن أن نقوم باستغلالها؟
حسنًا ، هناك طريقتان و
الطريقة الأولى التي سأخبرك بها عنها تسمى استخدام ورقة التصميم الداخلية.
كما ترون هنا في هذا الترميز الخاص بي ، لدي النموذج الأساسي لملفنا.
وداخل علامات العنوان، لقد وضعت علامة التصميم هذه ، هذا هو المكان
الذي سترغب في وضع القواعد الخاصة بك ، والتي تم تعريفها بشكل صحيح ضمن هذا التصميم.
لذا فالاّن، داخل علامة التصميم، قمت بإضافة h1، واللون الأزرق و
لقد أنهيت علامة التصميم الخاصة بي.
فما يحدث الآن هو أنه عندما يقوم المتصفح بفتح صفحتك ،
يصل إلى القسم العلوي وكأنه يقول، أوة عظيم،
قامت بكتابة بعض القواعد، لنرى ماذا تريد مني أن أفعل.
وستعرف تتصفح صفحتك و
قم بتطبيق هذه القاعدة على جميع علامات H1.
وإذا كانت لديك قواعد متعددة بما في ذلك الفقرات والصور وأشياء من هذا القبيل،
سيتم تطبيق هذا على كافة عناصر الملف بأكمله.
حسنًا إذًا.
والاّن هناك حقًا فرصة حيدة قد تفوتك حيث أنني أقوم بذلك
في 80% من الوقت الذي أحاول التطوير فيه في الفصل و
ما فعلته هو أنني نسيت أن أغلق علامة التصميم.
وإذا نسيت إغلاق علامة التصميم هذه الموجودة في الأسفل،
حسنًا، ستصبح صفحتك في النهاية فارغة بالفعل.
لذا لا تفزع عندما تبدأ أولاً في القيام بذلك إذا كانت صفحتك فارغة،
ومن المحتمل أن يعني هذا أنك نسيت إغلاق علامة التصميم.
حسنًا
لذا، فإن أوراق التصميم الداخلي تكون حقًا جميلة.
عندما تقوم فقط بمحاولة تصميم صفحة واحدة.
حسنا؟
كما أنني غالبًا ما أقوم بلك فقط حتى يمكنني الاحتفاظ بكافة عمليات البرمجة الخاصة بي في ملف واحد بدلاً من العودة
ذهابًا وإيابًا.
لكن تخيل أن لديك موقعًا حيث سيكون لديك 10 ، 20 ، 1000
صفحات مختلفة وتريد أن يكون ليدهم جميعًا شكلاً متناسقًا.
لا ينبغي عليك الولوج، ولسان الحال إذا كنت تريد تغيير اللون،
ليس من الضروري الولوج وفتح كل صفحة من هذه الصفحات، لذا
يمكنك تغيير اللون إلى أحمر أو أخضر.
وبدلاً من هذا، ما ينبغي عليك استخدامه، هو أن تستخدم شيئًا يطلق عليه
أوراق التصميم الخارجية.
إن الطريقة التي تعمل بها مع ورقة التصميم الخارجية هي أنك تضع القواعد الخاصة بك
في ملف مختلف.
لذا يمكنك فتح ملف،
وستقوم بحفظه في MYSTYLE بامتداد ملف CSS.
لذا فالاّن يعرف المتصفح كل شئ في HTML، هذا هو المحتوى.
كل شيء في .css ، هذا هو التنسيق.
الآن، عندما تصنع صفحة تصميم خارجية ، يبدو الأمر كما فعلنا للتو
في صفحة التصميم الداخلي، فيما عدا أنك لا تستخدم علامة التصميم.
وبعد ذلك، بمجرد وضع قواعدك في ملف منفصل ،
كل ما عليك فعله هو إضافة رابط إلى القسم العلوي.
لذا مضيت قدمًا في هذه الحالة.
لقد وضعت الرابط الخاص بي، أريد أن أفصح عن العلاقة بسبب ورقة التصميم.
وعليك أن تتذكر وضع اسم الملف.
مرة أخرى، هذا هو المكان الذي سيكون من المهم حقًا
أن تقوم بتسمية الأشياء بطرق بديهية بالنسبة لك
يمكنك الربط بأي عدد تريده من أوراق التصميم المختلفة حسب رغبتك،
في معظم الأحيان نبدأ بواحدة.
لذا الاّن بما أن لدينا ورقة التصميم،
كل ملف فردى يرتبط به، سيشتركوا جميعًا في ورقة الأنماط هذه.
لذا تذكر عندما ذكرت ذلك قد يكون لديك موقع به 10 ، 20 ،
1000 صفحة وقررت تغيير ذلك اللون من الأزرق إلى الأحمر أو الأخضر أو
أو شيء من هذا القبيل.
هذا رائع.
كل ما عليك فعله هو فتح style.css ، وتغيير سطر واحد من التعليمات البرمجية ، و
لقد قمت بتغيير اّلاف الصفحات، حسنًا،
فلنتحدث لثانية عن فكرة أوراق التصميم المتتالية.
ما الذي يعنيه عندما نتعاقب (نتتالى)؟
حسنًا ، عندما ينتقل المتصفح إلى الصفحة الخاصة بك ، فإن أول شيء سيفحصه
هو الانتقال، حسنًا، ربما لم يخربوني بأي شئ.
كيف أقوم عادة بعمل عناوين h1؟
كم أضع حجم الخط؟
هل له قيم افتراضية؟
ولكن بعد ذلك يتحرك ويبدو أنه يقول، يا إلهي، هل هناك أى أوراق تصميم خارجية.
لأنه إذا كان الأمر كذلك ، فسأستبدل الإعدادات الافتراضية للمتصفح و
وسأضع القواعد الموجودة في ورقة التصميم الخارجية هذ ه بدلاً من ذلك.
بعد ذلك سيتحقق من التصميم الداخلي.
هذا التصميم لديك في القسم العلوي.
حيث أن بشكل عام يرى المتصفح أنه ربما يكون هناك شئ ما حقًا خاصًا
بخصوص هذه الصفحة المعينة، وتريد أن أقوم هنا بهذه القواعد على العكس من ذلك.
أخيرًا، أى من هذه التصميمات المضمنة والتي يمكنك استخدام علامة السمة فيها،
هذه لها أعلى أسبقية على كل شئ.
لذا قد يكون الأمر مربكًا، لأنك قد تبدأ في كتابة قواعد مختلفة،
ولا يمكنك تحديد لماذا يعمل البعض والبعض الاّخر لا.
هذا هو المكان الذي يأتي فيه الجزء المتعاقب مرة أخرى.
أولاً، ينظر إلى الإعدادات الافتراضية ، ثم الخارجية ، ثم الداخلية ، ثم المضمنة.
وهذا هو السبب في أنك ينبغي عليك حقًا تجنب استخدام أي نمط مضمّن بسبب
أنه يبطل إلى حد كبير جميع قواعد التصميم الخاصة بك.
حسنًا ، لذلك نحن نعرف كيف تعمل هذه الأربعة أشياء، ولكن ماذا لو كان لديك محدد،
وقمت بربط ورقتين أو ثلاثة ورقات تصميم مختلفة و
تم تعريف H1 نفسه باللون الأزرق ، والأخضر ، والأصفر ، ولكن في ملفات مختلفة.
كيف يتعرف المستعرض على ما يفعله؟
حسنًا ، الطريقة التي يعمل بها هو أن القواعد من أحدث ملف لها الأسبقية.
وما أعنيه بأحدث ملف ، هذا يعني أنه ينتقل إلى القسم العلوي
ويذهب مرة ، اثنان ، ثلاثة ، وهو نوع من الترتيب الذي أدرجته فيها ،
وآخر ما أدرجته هو الذي سيكون له الأسبقية.
حسنًا؟
حسنًا ، ماذا لو كان لديك محدد في نفس الملف و
وكتبت H1 عدة مرات.
يمكن أن يحدث هذا قليلاً في واقع الأمر.
خاصة إذا قررت المضي قدمًا لتكون جزءًا من شركة تطوير كبيرة ،
يمكنك ان تقوم بكتابة بعض الترميزات، ثم يكتب شخص اّخر بعض الترميزات، أو
كما أقول لطلابي، ربما عليك أن تخرج وتستمع بوقت طيب ذات ليلة،
وتعود للمنزل وتقرر أنك ستبرمج.
وتنسي انك قد كتبت بالفعل بعض القواعد.
حسنًا، إن كانت هذه هى الحالة المقصودة، فمرة أخرى،
سيقوم المتصفح بالنظر إلى اّخر ما راّه.
إذًا، في هذه الحالة ، لدي قاعدتان h1.
يكتب شخص ما في اللون: الأزرق.
وقلت، مرحباً، أريدك أن تستخدم مجموعة الخطوط arial هذه.
وبعد ذلك، قد يكون هناك مجموعة بأكملها من الأشياء هنا ،
قد لا يكون هناك شيئًا، وأنا أقول مرحبًا ، أريدك أن تستخدم مجموعة خطوط Times.
إن الطريقة سيظهر بها المتصفح إلى هذا هو أنه سيهبط لأسفل،
doo-doo-doo-doo-doo وكأنه يقول، سأجعل كل الخط أزرق ، و
سأمضي قدمًا واجعل مجموعة الخطوط Times.
فالمتصفح يستخدم دائمًا اّخر شئ راّه.
ومرة أخرى، فإن أحدث قاعدة تكون لها الأسبقية ،
سواء كان داخل البرمجة الخاص بك أو من ملفات مختلفة.
ومع ذلك ، هناك طريقة واحدة للكتابة فوق هذا.
لنفترض أنك تكتب شيئًا ما وأنك تعلم أنك تريد شيئًا ما بتلك الطريقة.
فلا تهتم إذا قام أي شخص آخر بالكتابة عليه.
تحتاج حقًا أن تأكد أنه ليس هناك أشخاص لا يستخدمون التصميم المضمن،
وأشياء أخرى من هذا القبيل.
ما يمكنك استخدامه هو أنه يمكنك استخدام السمة الهامة هنا.
فحسنًا لدي مجموعة خطوط،، وخط Arial، وشئ هام هنا.
لذا حتى وإن قررت لاحقًا أن أقوم بالكتابة فوقها بمرور الوقت، سيقول المتصفح
لا، أعلم أنها أرادت حقًا أن تجعلني استخدم خط Arial، وقد تم الأمر بنجاح.
لذلك دعونا نمضي قدمًا ونلقي نظرة على مثال لما أعنيه بكافة هذه السوابق.
أعلم أن الاستماع إلى قد يطول بعض الشئ، لذلك لدى
مثالاً سريعًا يريكم الطرق المختلفة، ثم سأنهي هذه المحاضرة بنوع ما.
فلنبدأ باستخدام سمة التصميم.
كما يمكنك أن ترى هنا، قمت بكتابة الترميز، و
وقمت باستخدام سمة التصميم لهذا العنوان H1، وهذه الفقرة الواحدة.
لذا في هذه الحالة ، أريد أن يكون عنواني h1 باللون الأزرق ، وأن تكون فقرتي باللون الأحمر.
وما أريد حقًا أن أعرضه لكم هو أن
الفقرة الوحيدة التي تم تغييرها إلى نص أحمر أو خط أحمر كانت الفقرة الأولى.
بينما الأخرى لا تزال باللون الأسود.
لذا فالطريقة الوحيدة للتصميم هى أنك إذا مضيت قدمًا وقمت بتغيير كل منها
وكذلك كل علامة لجعلها تبدو بالشكل الذي تريده.
إذا أردت أن تكون جميع الفقرات باللون الأحمر ، يجب أن أذهب هناك و
وأضع تصميم يساوى، يساوي تصميم
في هذا المثال هناك فقط طريقتين.
ولكن يمكنك أن تتخيل كيف سيكون الأمر مزعجًا حقًا إذا كان لديك الكثير، حسنًا.
وفي مثالنا التالي، لدينا تصميم داخلي.
وفي هذه الحالة، وضعت في علامة التصميم الخاص بي في الأعلى وقمت بإضافة قواعد
للفقرات ولعناوين H1، ويجب أن تعالج كليهما.
لذا فالاّن لا يوجد هنا شئ بعد الاّن، فكل العلامات الخاصة بي منفردة بذاتها.
وإذا نظرت إلى النتيجة ، فلننتقل إلى هنا.
يمكنك أن ترى ذلك الآن ، على الرغم من أن HTML الخاص بي لا يحتوي على أي نوع من التصميم
على الإطلاق ، كلتا الفقرتين باللون الأحمر هنا وكذلك العنوان.
حسنا؟
إن المثال الأخير الذي قدمته لكم وضعت فيه نفس القواعد بالضبط و
كما أقوم بوضعهم في صفحة تصميم خارجية.
ومرة أخرى، ليست هناك علامة تصميم هنا.
إنها مجرد القواعد نفسها.
ثم اضطررت إلى العودة إلى ملف HTML، ويمكنك أن ترى هنا ،
بالقرب من الجزء العلوي ، مرحبًا، لنفقم بالربط بورقة التصميم التي أريدها.
الاّن، أود أن أوضح ذلك لك بوضوح تام.
إن لاحظت، لدى ورقة تصميم خارجية CSS.
هذا يعني أن ورقة التصميم الخاصة بي موجودة في مجلد خاص يسمى css.
يؤكد المطورون حقًا أنك تفعل ذلك،
حيث أنك تريد أن تكون التعليمات البرمجية الخاصة بك منظمة في أجزاء مختلفة.
لذا فمرة أخرى بالطريقة نفسها،
لدى الاّن صفحة تستخدم أوراق التصميم الخارجي وتبدو حقًا جيدة.
إذًا ستكون متاحة لك كل هذه التعليمات البرمجية لتطلع عليها، لكن
أريدك أن تتعامل معها بقدر ما تستطيع.
ولكنني أريد أن أستخدم هذا المثال النهائي لمساعدتك
أنت تفهم نوعًا ما كيف يعمل التتالي (التعاقب)..
لذا فهنا، لدى ورقة التصميم الخارجي الخاصة بي.
سأذهب هنا للحظة فقط.
سأذهب إلى الصفحة الخاصة بي، وسأضيف شيئًا واحدًا أخيرًا.
معذرة، سيكون هذا أمرًا
وسأقول ، أتعلم ماذا؟
بدلاً من ذلك، أريد أن يصبح هذا الخط أسودًا مرة أخرى ، وأنهي الأمر.
سأريكم ما يحدث عندما تتعثر حقًا سريعًا.
سأقوم بحفظه، وسأعيد تحميل صفحتي . اختفي كل شيء.
هذا ما كنت أتحدث عنه.
ينبغي عليك حقًا التأكد من تضمين علامة التصميم هذه.
افعل ذلك. تأكد من أنك قمت بإغلاقها..
حسنًا
لذا فالاّن ما يحدث هنا هو أن المتصفح الخاص بي لديه متصفحه الافتراضي.
يحتوي على ورقة تصميم خارجية ، والآن يحتوى أيضًا على ورقة داخلية.
إذًا لنرى أى لون سيكون،
إذا كان سيصبح أزرق أو إذا كان سيصبح أسود.
وكما يمكنك أن ترى، فاللون أسود.
لذا عندما تبدأ في التصميم ، سيكون من المهم جدًا أن
تبحث عن طرق مختلفة لفصل المحتوى الخاص بك عن التنسيق الخاص بك.
فضلاً عن النظر إلى الطرق المختلفة التي يمكنك من خلالها إجراء هذا التنسيق.
لذا، فمن أول الأشياء التي أريدك أن تفكر بها
هي الطريقة التي تسير بها فكرة أوراق التصميم الخارجي
والداخلية هذه حقًا ودورها الذي تلعبه في فصل المحتوى عن التنسيق.
وفي نفس الوقت أريدك أن تفهم أننا لا نقوم دائمًا
باتباع كل قاعدة.
في البداية ، يجب دائمًا أن نبدأ بـ
أمثلة بسيطة حقًا لمساعدتكم يا رفاق على ترسيخ ما يحدث في CSS.
وسأنهى هذا فقط بإيجاز،
إنه عرض موجز من أحد الأمثلة التي لديهم في csszengarden.com حيث أنني
أعتقد أنه يجلب حقًا فكرة أن CSS يمكن أن يكون فعالاً.
لنلقي نظرة
لذا ففي هذا الموقع
CSS Zen Garden ، لقد قاموا بالفعل بعمل رائع حقًا في إظهار.
جميع الطرق المختلفة التي يمكنك تنسيقها - نفس الملف بالضبط ولكن بطرق مختلفة.
لذا هنا، إذا ألقيت نظرة ، يمكنك أن ترى أن هذه ورقة تصميم لشخص واحد
من أجل تزيين وتصميم هذا الملف.
الآن ، بدون تغيير أي من HTML على الإطلاق ، جاء شخص آخر وقال ، أهلاً
أتعرف ماذا ، هذا لطيف ، لكنني سأقوم بتصميمه بهذه الطريقة.
يجدها تبدو مختلفة تماما.
إنه HTML نفسه، ولكنه يبدو مختلفًا تمامًا.
بنفس الطريقة، لدينا نفس HTML هنا.
لكن لا يمكنك أن ترى شيئًا مختلفًا ،
لأنهم أضافوا بعض CSS و JavaScript إليها بشكل مختلف.
لذا تعالى معي.
سوف نقوم بالبرمجة كثيرًا في هذه الدورة.
سنقوم بالممارسة كثيرًا في هذه الدورة.
سنقوم بالتعثر كثيرًا في هذه الدورة.
لكنني لا أحتمل أن أصبر حتى
تقوم بتطوير شئ ما يعكس حقًا كيف تريد ان تبدو صفحتك.
شكرًا.