العرض الأولي للصفحة. جوجل كروم - أدوات لمشرفي المواقع
إذا قمت بفتح أي صفحة ويب، فسوف تحتوي على عناصر نموذجية لا تتغير حسب نوع الموقع وتركيزه. يوضح المثال 4.1 رمز مستند بسيط يحتوي على علامات أساسية.
مثال 4.1. كود مصدر صفحة الويب
مثال لرأس صفحة الويب
الفقرة الأولى.
الفقرة الثانية.
انسخ محتويات هذا المثال واحفظه في المجلد c:\www\ كمثال 41.html. بعد ذلك، قم بتشغيل المتصفح وافتح الملف من خلال عنصر القائمة File > Open file (Ctrl+O). في مربع حوار تحديد المستند، حدد الملف example41.html. سيتم فتح صفحة الويب الموضحة في الشكل 1 في المتصفح. 4.1.
أرز. 4.1. نتيجة تشغيل المثال
يهدف العنصر إلى الإشارة إلى نوع المستند الحالي - DTD (تعريف نوع المستند، وصف نوع المستند). يعد ذلك ضروريًا حتى يفهم المتصفح كيفية تفسير صفحة الويب الحالية، لأن HTML موجود في عدة إصدارات، بالإضافة إلى وجود XHTML (لغة ترميز النص التشعبي القابلة للتوسيع)، والتي تشبه HTML ولكنها تختلف عنها في بناء الجملة. حتى لا يرتبك المتصفح ويفهم المعيار الذي سيتم عرض صفحة الويب وفقًا له، من الضروري تعيينه في السطر الأول من التعليمات البرمجية.
هناك عدة أنواع، تختلف حسب إصدار HTML الذي تستهدفه. في الجدول 4.1. يتم إعطاء الأنواع الرئيسية من الوثائق مع أوصافها.
| أتش تي أم أل 4.01 | |
| بناء جملة HTML صارم. | |
| بناء جملة HTML الانتقالي. | |
| يستخدم مستند HTML الإطارات. | |
| أتش تي أم أل 5 | |
| يحتوي هذا الإصدار من HTML على نوع مستند واحد فقط. | |
| أتش تي أم أل 1.0 | |
| بناء جملة XHTML صارم. | |
| بناء جملة XHTML الانتقالي. | |
| الوثيقة مكتوبة بلغة XHTML وتحتوي على إطارات. | |
| أتش تي أم أل 1.1 | |
| يتوقع مطورو XHTML 1.1 أن يحل محل HTML تدريجيًا. كما ترون، هذا التعريف لا ينقسم إلى أنواع، لأن بناء الجملة هو نفسه ويخضع لقواعد واضحة. | |
الفرق بين وصف المستند الصارم والانتقالي هو طريقة مختلفة لكتابة رمز المستند. يتطلب HTML الصارم التزامًا صارمًا بمواصفات HTML ولا يتسامح مع الأخطاء. يعتبر HTML الانتقالي أكثر استرخاءً فيما يتعلق ببعض عيوب التعليمات البرمجية، لذلك يفضل استخدام هذا النوع في حالات معينة.
على سبيل المثال، في HTML وXHTML الصارمة تكون العلامة مطلوبة، ولكن في HTML الانتقالي يمكن حذفها وعدم تحديدها. وفي الوقت نفسه، نتذكر أن المتصفح سيعرض المستند في أي حال، بغض النظر عما إذا كان يطابق بناء الجملة أم لا. يتم إجراء هذا الفحص باستخدام أداة التحقق من الصحة وهو مخصص في المقام الأول للمطورين لتتبع الأخطاء في المستند.
في المستقبل، سوف نستخدم كلمة صارمة في الغالب، إلا في الحالات التي يتم فيها ذكر ذلك على وجه التحديد. سيسمح لنا ذلك بتجنب الأخطاء الشائعة ويعلمنا كتابة التعليمات البرمجية الصحيحة من الناحية النحوية.
يمكنك غالبًا العثور على كود HTML دون أي استخدام على الإطلاق؛ وفي مثل هذه الحالة، ستظل صفحة الويب معروضة. ومع ذلك، قد يظهر نفس المستند بشكل مختلف في المتصفح عند استخدامه وعند عدم استخدامه. بالإضافة إلى ذلك، يمكن للمتصفحات عرض مثل هذه المستندات بطريقتها الخاصة، ونتيجة لذلك "تنهار" الصفحة، أي. سيتم عرضه بشكل مختلف تمامًا عما يطلبه المطور. لتجنب مثل هذه المواقف، أضف دائمًا إلى بداية المستند.
تحدد العلامة بداية ملف HTML وتخزن الرأس ( ) ونص المستند ( ) بداخله.
يمكن أن يحتوي رأس المستند، كما يُطلق عليه الكتلة أيضًا، على نص وعلامات، لكن محتويات هذا القسم لا تظهر مباشرة على الصفحة، باستثناء الحاوية.
العلامة عالمية وتضيف فئة كاملة من القدرات، على وجه الخصوص، بمساعدة العلامات الوصفية، كما تسمى هذه العلامة بشكل عام، يمكنك تغيير ترميز الصفحة وإضافة كلمات رئيسية ووصف المستند وغير ذلك الكثير. بحيث يفهم المتصفح أنه يتعامل مع ترميز UTF-8 (تنسيق تحويل Unicode، تنسيق تحويل Unicode) ويتم إضافة هذا السطر.
مثال لصفحة الويب
تحدد العلامة عنوان صفحة الويب، وهي أحد العناصر المهمة المصممة لحل العديد من المشكلات. في نظام التشغيل Windows، يتم عرض نص العنوان في الزاوية اليسرى العليا من نافذة المتصفح (الشكل 4.2).
أرز. 4.2. عرض الرأس في المتصفح
العلامة إلزامية ويجب أن تكون موجودة بالتأكيد في رمز المستند.
يجب عليك دائمًا إضافة علامة إغلاق للإشارة إلى اكتمال كتلة عنوان المستند.
يهدف نص المستند إلى احتواء علامات ومحتوى صفحة الويب.
عنوان
يقدم HTML ستة عناوين نصية بمستويات مختلفة تشير إلى الأهمية النسبية للقسم الذي يلي العنوان. وبالتالي، تمثل العلامة عنوان المستوى الأول الأكثر أهمية، وتعمل العلامة على الإشارة إلى عنوان المستوى السادس وهو الأقل أهمية. افتراضيًا، يتم عرض عنوان المستوى الأول بأكبر خط غامق، وتكون عناوين المستوى التالي أصغر حجمًا. العلامات... تشير إلى عناصر الكتلة، فهي تبدأ دائمًا في سطر جديد وبعدها تظهر عناصر أخرى في السطر التالي. بالإضافة إلى ذلك، تتم إضافة مسافة بيضاء قبل العنوان وبعده.
يمكن إخفاء بعض النصوص بحيث لا تظهر في المتصفح عن طريق جعلها تعليقًا. على الرغم من أن هذا النص لن يرى المستخدم، إلا أنه سيظل يتم نقله في المستند، لذلك إذا نظرت إلى الكود المصدري، يمكنك اكتشاف الملاحظات المخفية.
العطلة تقترب - يوم المرأة العالمي. دعونا نستعد لذلك مقدما. يمكنك تهنئة الفتيات والنساء بطريقة أصلية باستخدام خدمات البطاقات البريدية الموضحة أدناه.
قم بإنشاء بطاقة بريدية ليوم 8 مارس عبر الإنترنت استخدم الخدمات التالية لإنشاء بطاقة بريدية عمليًا من البداية.
آمل أنه باستخدام أحد هذه المولدات، ستتمكن من تهنئة سيداتك بشكل مناسب في الثامن من مارس!
محتوى المقال:
يتم إغلاق Google Plus لم ترق منصة Google Plus إلى مستوى آمال المطورين وسيتم إزالتها بالكامل في 2 أبريل 2019. ومعه، ستختفي الألبومات المرتبطة به في صور Google، ولن يكون التفويض على المواقع التي تحتوي على حساب Google Plus متاحًا. اعتبارًا من 4 فبراير، أصبحت وظيفة إنشاء الملفات الشخصية والقنوات والصفحات في Google Plus غير متاحة. إذا تم تخزين محتوى قيم على حسابك، فيمكنك تنزيل نسخة احتياطية.ستؤثر التغييرات بشكل كبير على المدونين الذين يديرون مدوناتهم على Blogspot. لن تكون بعض أدوات G+ وتعليقات G+ وملفك الشخصي في Google+ متاحة بعد الآن. تم ذكر ذلك في الإشعار الموجود في منطقة إدارة Blogger:
بعد الإعلان عن إيقاف تشغيل واجهة برمجة تطبيقات +Google في مارس 2019، سيتم إجراء عدد من التغييرات على تكامل Blogger مع +Google في 4 فبراير.
جوجل+ الحاجيات. لن تدعم تصميمات المدونات زر 1+ ومتابعي +Google وعناصر واجهة المستخدم لشارة +Google بعد الآن. ستتم إزالة جميع مثيلات هذه الأدوات من مدونتك.
أزرار +1. ستتم إزالة الزرين 1+ وG+، وكذلك روابط "النشر على Google+" ضمن مشاركات المدونة وفي شريط التنقل.
يرجى ملاحظة أنه إذا كنت تستخدم نموذجًا مخصصًا يحتوي على ميزات +Google، فقد يلزم تعديله. يرجى الاتصال بالشخص الذي قدم لك هذا النموذج للحصول على توصيات.
تعليقات جوجل+. سيتم إيقاف دعم التعليقات باستخدام +Google، وستتم استعادة جميع المدونات التي تستخدم هذه الميزة إلى تعليقات Blogger القياسية. لسوء الحظ، لا يمكن نقل التعليقات المنشورة عبر +Google إلى Blogger، لذا لن تظهر مرة أخرى في مدونتك. حذف تعليقات جوجل بلس للأسف سيتم حذف التعليقات التي تم نشرها في النظام نهائياً. يمكنك فقط استخدام نفس الأداة https://takeout.google.comلقول التعليقات الاحتياطية من Google+ إلى جهاز الكمبيوتر الخاص بك. فقط لا يوجد أداة تحميل تشغيل خاصة به ويمكنك فقط استعادة التعليقات يدويًا بطريقة ملتوية إلى حد ما. من الجيد أنني كنت في الوقت المحدد. كيفية استبدال ملف تعريف Google Plus بملف تعريف Blogger إذا كنت تقوم بالتدوين على Blogspot، فمن المستحسن الآن العودة من ملف تعريف Google Plus إلى ملف تعريف Blogger (لأولئك الذين تحولوا إلى Google Plus في مره واحده). أوصي بالقيام بذلك الآن لتجنب المواقف غير المتوقعة التي قد تحدث عند حذف حسابات Google Plus. كيفية استعادة ملفك الشخصي في Blogger من السهل القيام بذلك في إعدادات مسؤول Blogger:
الإعدادات -> إعدادات المستخدم -> ملف تعريف المستخدم - هنا حدد Blogger
احفظ تغييراتك.
أكد الانتقال إلى وأدخل اسمك أو لقبك.
لا تنس تحميل الصورة الرمزية على ملفك الشخصي في Blogger.
كيفية حذف ملف تعريف جوجل بلس إذا قررت التخلص من ملفك الشخصي في جوجل بلس نهائيًا، فانتقل إلى صفحة جوجل بلس الخاصة بك -> الإعدادات -> قم بالتمرير إلى أسفل الصفحة -> حذف حساب جوجل بلس:
سأخبرك اليوم ما هو CSS3، وفيم يستخدم، وأين تبحث عنه، وكيفية كتابته بشكل صحيح. وأحذركم سأقول من نفسي بشكل مبسط لعامة الناس كما أراها +أمثلة. لذلك، دعونا نبدأ من بعيد.
CSS هي أنماط تُكتب بها خصائص الكائن. هذا يعني أنها موجودة في جميع المحركات الموجودة، إذا لم تتمكن من العثور عليها، فإما أنك تبحث في المكان الخطأ، أو أنها غير موجودة بالفعل ( موقع ملتوية). أين يتم العثور عليهم عادة؟ عادةً ما يكون هذا هو جذر الموقع، وهو اسم ملف style.css، على الرغم من أن الاسم، من حيث المبدأ، ليس بنفس أهمية امتداد .css إذا كان الملف الذي يحتوي على هذا الامتداد هو ملف نمط.
انظر أيضا على مدونتي.