الإعلانات
لقد كنت أعمل على الويب منذ فترة حتى الآن ، وقد وجدت بالفعل أنه من الأسهل كتابة كل مستند بتنسيق HTML بدلاً من DOC أو TXT. إذا كنت تستخدم محرر مستندات Google ، فأنت تفعل الشيء نفسه بالفعل ، لأن محرر مستندات Google أصبح (لحسن الحظ) محرر WYSIWYG HTML بشكل أساسي. إن إنشاء بعض قوالب المستندات باستخدام HTML و CSS أمر سهل للغاية ، ويمكن القيام به من قبل الجميع ، وإذا قمت بذلك بشكل صحيح ، فسيبدو كما هو للجميع.
لماذا تستخدم HTML؟
أكبر سبب للذهاب إلى مستندات HTML و CSS بحتة هو أنه ربما يكون التنسيق الأكثر توافقًا عبر المتصفحات وأنظمة التشغيل ، باستثناء تنسيق PDF ، وهو أمر صعب و / أو مكلف حسنا. إن استخدام Microsoft Office ليس هو الأفضل أيضًا. أستخدم Office 2007 الذي يستخدم الكثير من الميزات الإضافية التي لا تدعمها الإصدارات السابقة ، لذلك قد يتم تخفيض الجودة. من يعرف كيف ستبدو هذه المستندات في Open Office على سبيل المثال؟ إذا قمت بإنشاء مستند HTML يبدو متشابهًا تمامًا في Internet Explorer و Firefox الذي قمت بإنشائه وثيقة يمكن فتحها من قبل مستخدمي Mac و Linux و Windows ، وستبدو متشابهة في 99٪ من المتصفحات.
ما هو CSS و HTML؟
إذا كنت جديدًا على هذا الشيء الكامل لتشفير HTML و CSS ، فلا تقلق. الأمر سهل للغاية ، ويمكنك العثور على الكثير من الموارد على الويب لمساعدتك. كود HTML و CSS هو ما يشكل معظم ما تراه في هذه الصفحة هنا ، يتحكم HTML في المحتوى ، بينما يتحكم CSS في النمط أو كيفية تقديم المحتوى.
كيف يمكنني إنشاء قالب؟
حسنًا ، ستحتاج إلى دراسة القليل من التعليمات البرمجية. لحسن الحظ ، من السهل جدًا فهم HTML و CSS. لإعطاء كائن حد على سبيل المثال ، اكتب فقط
الحد: 1 بكسل أسود صلب
. سيؤدي هذا إلى إنشاء حدود صلبة سوداء واسعة 1 بكسل. هناك الكثير من خيارات التنسيق التي يمكنك البحث عنها واستخدامها ، واقتراحي هو تصور ما تريد ، ثم البحث قليلاً للعثور على كيفية القيام بذلك. القالب الأساسي هو ملف HTML فارغ ، ألق نظرة أدناه.
عنوان الصفحة يدخل هنا
كل تصميماتك هنا
محتوى صفحتك يذهب هنا.
يمكنك بعد ذلك ملء كل هذا بالمحتوى والأنماط لإنشاء مستندك. نلقي نظرة على مثال 1, المثال 2 و المثال 3 لقد صنعت. ضع في اعتبارك أن الرمز في الجسم ، والمحتوى هو نفسه تمامًا ، فأنا أغير فقط شفرة css. يوضح هذا أنه يمكنك استخدام التصميم لإنشاء مظاهر مختلفة بسرعة.
لماذا هذا عظيم جدا؟
والسبب في أن هذا رائع للغاية هو أنه يمكنك إنشاء أنماط مخصصة لنفسك والتي قد تصبح نوعًا من "العلامة التجارية" لمستنداتك. يمكنك قص ولصق كود CSS وفكر فقط في المحتوى بمجرد الانتهاء منه. أيضًا ، يمكنك الربط في ورقة الأنماط ، لذلك إذا قمت بتخزين المستندات عبر الإنترنت ، فلن تضطر إلى تضمين CSS في الملف نفسه. هذا يعني أنه يمكنك ربط أوراق أنماط مختلفة لمناسبات مختلفة ، ولن تضطر إلى تعديل المستند طوال الوقت.
يمكّن CSS أيضًا من تحرير المستندات بشكل أسرع. أفضل أن تبدو المستندات الخاصة بي جيدة لأنني أشعر بتحسن بهذه الطريقة ، ومع CSS تصبح عملية التنسيق أقل من ذلك بكثير. عند تحديد نمط عنوان ، سيتم تطبيقه على جميع العناوين من هذا النوع. هذا يعني أنك لست مضطرًا لتغيير لون الخلفية ولون الخط وجريئة وتسطير العنوان بشكل فردي ، فأنت تحدده مرة واحدة فقط.
أيضًا ، نظرًا لأن محرّر مستندات Google لديه الآن دعم CSS الكامل ، يمكنك فقط نسخ ولصق كود التصميم الخاص بك في المستندات و تغيير مظهر المستندات الخاصة بك دون الحاجة إلى التنقل حول تنسيق كل عنوان واحد على حدة زمن.
أين يمكنني معرفة المزيد؟
كما قلت ، تعد CSS أداة بسيطة ، ولكنها تتطلب مع ذلك بعض المعرفة الأساسية. إن HTML هي أيضًا منطقية وسهلة التعلم ، أوصي W3Cschools لكلا منهم. لقد تعلمت الكثير مما أعرفه اليوم هناك ، فهو يعد من أفضل المواقع على الشبكة لتلبية الاحتياجات الأساسية. يقوم W3C أيضًا بتطوير معايير الويب ، بحيث يمكنك التأكد من أن كل ما يكتبه على صفحته يعمل.
صفحة أخرى كنت أتعلم منها الكثير مصدر HTML الخاص بك. تحتوي هذه الصفحة على HTML و CSS ، وكذلك بعض النصائح المتقدمة حول الترميز والترويج وإمكانية الوصول ، وبشكل عام كيفية إنشاء موقع ويب جيد. لديها مساعدة CSS رائعة على الرغم من أنها تستحق الزيارة بالتأكيد.
أخيرًا ، يمكنك إلقاء نظرة على بعض المدونات والمقالات ذات الصلة مثل هذه الجولة الرائعة من تقنيات CSS الأساسية و 53 تقنية لا يمكنك العيش بدونها.