قامت هذه المقالة بتجميع بعض صفحات الويب للنظر في هذه المواصفات المزعومة قبل صنعها ، على أمل أن تكون مفيدة للجميع. قامت هذه المقالة بتجميع بعض صفحات الويب للنظر في هذه المواصفات المزعومة قبل صنعها ، على أمل أن تكون مفيدة للجميع.
01 مواصفات تسمية الملفمبدأ تسمية الملف: تحقيق المعنى الأسهل مع أقل عدد من الحروف.
مواصفات تسمية الملفات العامة والدليل:
يجب أن يحتوي كل دليل على ملف HTML افتراضي ، ويجب أن يكون اسم الملف index.htm.
يتم استخدام أسماء الملفات بشكل موحد في الحروف الإنجليزية والأرقام السفلية الصغيرة
حاول ترجمة الكلمة إلى اسم باللغة الإنجليزية. على سبيل المثال: ردود الفعل (ملاحظات المعلومات) ، حولنا (عنا)
يتم تسمية ملفات متعددة من نفس النوع بواسطة الحروف والأرقام الإنجليزية ، وفصلها عن طريق الحروف والأرقام. على سبيل المثال: news_01.htm. لاحظ أن عدد الأرقام يتناسب مع عدد الملفات ، وإذا لم يكن كافيًا ، استخدم 0 للتعويض. على سبيل المثال ، هناك 200 عنصر إخباري ، تم تسمية الثامن عشر منها news_018.htm
مواصفات تسمية الصور:
تنقسم الأسماء إلى جزأين ، مفصولة بترسيح.
يشير الرأس إلى الطبيعة العامة لهذه الصورة. على سبيل المثال: نسمي صور الإعلانات المستطيلة ، والأنماط الزخرفية ، وما إلى ذلك الموضوعة في الجزء العلوي من الصفحة: Banner ؛ نسمي الصور الأيقونية: الشعار ؛ صور صغيرة مع مواقف غير مثبتة على الصفحة والروابط المسمى الزر ؛ نظهر بشكل مستمر في موضع معين على الصفحة ، وتسمى الصور ذات الطبيعة نفسها: القائمة ؛ نسمي الصور للديكور: الموافقة المسبقة عن علم. نسمي الصور دون أي روابط لتمثيل العنوان: العنوان ، وهلم جرا.
يتم استخدام الجزء الأخير لتمثيل المعنى المحدد للصورة ويتم تمثيله في الحروف الإنجليزية. على سبيل المثال: banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
للصور ذات تأثير onmouse ، تتم تسمية الصورتين باسم الملف الأصلي.
مواصفات تسمية الملفات الأخرى
تم تسمية مبدأ تسمية JS على اسم الكلمات الإنجليزية الوظيفية. على سبيل المثال: اسم ملف JS لشريط الإعلان هو: ad.js
تحتوي جميع ملفات CGI على لوحات CGI. ملفات التكوين لجميع برامج CGI هي config.cgi
02 مواصفات هيكل الدليلمبدأ إنشاء الدليل: توفير بنية وصول أوضح وبسيطة على الأقل مستوى.
يتكون اسم الدليل من الحروف الإنجليزية الصغيرة والرسومات السفلية. (ارجع إلى مواصفات التسمية)
يقوم دليل الجذر عمومًا بتخزين index.htm فقط وملفات النظام الضرورية الأخرى.
يحتوي كل عمود رئيسي على دليل مستقل مقابل
يتم استخدام الصور الموجودة في دليل الجذر لتخزين الصور العامة لاستخدامها في كل صفحة. الصور الموجودة في Subdirectory Store الصور الخاصة المستخدمة في صفحة العمود هذه.
يتم تخزين جميع JS و ASP و PHP وغيرها من البرامج النصية في دليل البرامج النصية تحت دليل الجذر
يتم تخزين جميع برامج CGI في دليل CGI-BIN ضمن دليل الجذر
يتم تخزين جميع ملفات CSS في دليل النمط في دليل الجذر
يتم تخزين كل نسخة لغة في دليل منفصل. على سبيل المثال: تبسيط GB الصيني
يتم تخزين جميع Flash و AVI و RAM و QuickTime وملفات الوسائط المتعددة الأخرى في دليل الوسائط ضمن دليل الجذر
03 مواصفات البعديرجى ضبط مواصفات الحجم وفقًا لموقفك الفعلي:
تم تصنيع الصفحة بدقة 800*600 ، والحجم الموصى به هو 766*430 بكسل
من حيث المبدأ ، يجب ألا يتجاوز طول الصفحة 3 شاشات ، ويجب ألا يتجاوز العرض شاشة واحدة.
كل صفحة قياسية هي حجم تنسيق A4 ، أي 8.5x11 بوصة
لافتة الحجم الكامل هي 468*60px ، نصف الحجم هو 234*60px ، لافتة صغيرة هي 88*31px ، و 120*90 ، 120*60 هو أيضًا الحجم القياسي للأيقونات الصغيرة
لا تحتوي كل صفحة ثابتة غير ثابتة على أكثر من 60 ألف بايت صورة ، ولا تتجاوز لافتة الحجم الكامل 14 ألفًا
04 مواصفات رمز الصفحة الرئيسيةيوجد مفتاح رمز الصفحة الرئيسية في منطقة الرأس ، والذي يشير إلى المحتوى بين <head> و </head> من رمز HTML الصفحة الرئيسية.
الشعار الذي يجب إضافته إلى منطقة الرأس
Note Company Copyright <! --- تم تصميم الموقع من قبل شركتك ، INC 03/2001 --->
تعرض صفحة الويب مجموعة حرف على سبيل المثال:
صينية مبسطة: <meta http-equiv = محتوى نوع المحتوى = text/html ؛ charset = gb2312>
الصينية التقليدية: <meta http-equiv = محتوى نوع المحتوى = text/html ؛ charset = big5>
اللغة الإنجليزية: <meta http-equiv = content-type content = text/html ؛ charset = ISO-8859-1>
معلومات صانع الأصلي <meta name = uptor [email protected]>
مقدمة موقع الويب <meta name = الوصف محتوى = ملء مقدمة موقع الويب الخاص بك هنا>
البحث عن الكلمات الرئيسية <name meta = الكلمات الرئيسية المحتوى = الكلمة الرئيسية 1 ، الكلمة الرئيسية 2 ، الكلمة الرئيسية 3 ، ...>
مواصفات CSS لصفحات الويب <Link Href = style/style.css rel = typehement type = text/css>
عنوان صفحة الويب <title> هذا هو عنوان صفحة الويب الخاص بك </title>
يمكن اختيار منطقة الرأس للانضمام إلى الشعار
اضبط وقت انتهاء صلاحية صفحة الويب. بمجرد انتهاء صلاحية صفحة الويب ، يجب إعادة قراءتها على الخادم.
<meta http-equiv = محتوى انتهاء صلاحيته = الأربعاء ، 26 فبراير 1997 08:21:57 GMT>
يحظر المتصفحات من عرض محتوى الصفحة من ذاكرة التخزين المؤقت للجهاز المحلي.
<meta http-equiv = pragma content = no-cache>
تستخدم لمنع الآخرين من الاتصال بصفحتك في الإطار.
<meta http-equiv = محتوى الهدف من النوافذ = _top>
القفز تلقائيا.
<meta http-equiv = تحديث المحتوى = 5 ؛ url = https: //www.vevb.com>
5 أصابع تبقى لمدة 5 ثوان.
البحث على شبكة الإنترنت معالج روبوت. يتم استخدامه لإخبار روبوت البحث الذي تحتاج الصفحات إلى فهارس ولا تحتاج الصفحات إلى فهارس.
<اسم meta = محتوى الروبوتات = لا شيء>
معلمات المحتوى هي كل شيء ، لا شيء ، فهرس ، noindex ، اتبع ، nofollow. الافتراضي هو كل شيء.
أيقونة المفضلة
<link rel = اختصار أيقونة href = favicon.ico>
مواصفات استدعاء JS
تحاول جميع البرامج النصية JavaScript إجراء مكالمات خارجية
<لغة البرنامج النصي = javaScript src = script/xxxxx.js> </script>
مواصفات كتابة CSS
يجب استخدام جميع CSSS كمكالمات خارجية قدر الإمكان
<link href = style/style.css rel = typsheet type = text/css> عند الكتابة ، إعادة تعريف الفئة الزائفة أولاً تليها تخصيص الأخير (حيث: الرابط a: زيارة: hover a: يجب كتابة نشط بالترتيب) لنفسك للقراءة.
من أجل التأكد من أن أحجام الخطوط متسقة على متصفحات مختلفة ، يوصى بتحديد حجم الخط بواسطة DOT PT و Pixel PX. يستخدم PT عمومًا 9pt و 11pt في خط الأغنية الصينية ، ويستخدم PX عمومًا 12 بكسل و 14.7 بكسل في خط الأغنية الصينية. هذا هو حجم الخط الأمثل. عندما يكون الخط الغامق أو الأغنية جريئًا ، يكون استخدام 11pt و 14.7 بكسل في أحجام الخطوط.
القالب الموصى به CSS.<نوع النمط = text/css>
<! -
p {text-indent: 2em ؛ }
الجسم {font-family: 安体 ؛ حجم الخط: 9pt ؛ اللون: #000000 ؛ الهامش: 0px ؛ الهامش اليمين: 0px ؛ هامش القاع: 0px ؛ الهامش اليساري: 0px}
الجدول {font-family: font-size: 9pt ؛ رفع الخط: 20 بكسل ؛ اللون: #000000}
A: Link {font-size: 9pt ؛ اللون: #0000FF ؛ تدمير النص: لا شيء}
ج: زار {font-size: 9pt ؛ اللون: #990099 ؛ تدمير النص: لا شيء}
A: Hover {font-size: 9pt ؛ اللون: #ff9900 ؛ تدمير النص: لا شيء}
A: نشط {font-size: 9pt ؛ اللون: #ff9900 ؛ تدمير النص: لا شيء}
A.1: Link {font-size: 9pt ؛ اللون: #3366cc ؛ تدمير النص: لا شيء}
A.1: زار {font-size: 9pt ؛ اللون: #3366cc ؛ تدمير النص: لا شيء}
A.1: Hover {font-size: 9pt ؛ اللون: #ff9900 ؛ تدمير النص: لا شيء}
A.1: Active {font-size: 9pt ؛ اللون: #ff9900 ؛ تدمير النص: لا شيء}
.blue {font-family: 安体 ؛ حجم الخط: 10.5pt ؛ رفع الخط: 20 بكسل ؛ اللون: #0099FF ؛ تباعد الرسائل: 5em}
->
</style>
شعار الجسم
من أجل ضمان توافق المتصفح ، يجب تعيين خلفية الصفحة <Body BgColor =#fffff>
05 مواصفات تصميم الصورتتضمن الصورة الكلية للموقع العناصر التالية
شعار (شعار)
يجب أن يكون لدى الموقع شعار مستقل
يمكن تصميم الشعار بالاسم الصيني والإنجليزي للموقع ، أو يمكن صنعه بأنماط خاصة. المبدأ بسيط وسهل تذكره.
يجب التعبير عن الشعار بوضوح بالأبيض والأسود واللون على التوالي
اسم صورة الشعار هو logo_domain.gif ، على سبيل المثال: logo_sina.gif
حاول توفير صور ناقلات الشعارات
يرجى استخدام الشعارات في كل صفحة حيثما أمكن ذلك
لون قياسي
يجب أن يكون للموقع لونه القياسي الخاص (لون الموضوع)
من حيث المبدأ ، لا يوجد أكثر من نوعين من الألوان القياسية. إذا كان هناك نوعان ، واحد هو لون قياسي والآخر هو لون مساعد قياسي.
يجب استخدام الألوان القياسية في 216 ألوان أمان الويب قدر الإمكان
يجب توفير قيم RGB و CYMK الدقيقة للألوان القياسية
يرجى استخدام الألوان القياسية قدر الإمكان
الخطوط القياسية
يجب أن يحدد موقع الويب خطًا قياسيًا (يشير إلى الخط المستخدم على الشعار والصورة)
من حيث المبدأ ، يتم تعريف نوعين من الخطوط القياسية ، أحدهما هو الخط الصيني والآخر هو الخط الإنجليزي (باستثناء خطوط محتوى النص)
يجب توفير اسم المكتبة والخطوط القياسية
يرجى استخدام الخطوط القياسية قدر الإمكان
06 مواصفات تحرير المحتوىمحتوى
يجب أن تمتثل لأحكام "لوائح بلدي بشأن إدارة حماية الأمن للشبكات الدولية لشبكات معلومات الكمبيوتر"
لا يجوز لأي وحدة أو فرد استخدام الشبكة الدولية لإنتاج ونسخ ومراجعة ونشر المعلومات التالية:
(1) تحريض المقاومة وتقويض تنفيذ الدستور والقوانين واللوائح الإدارية ؛
(2) التحريض على تخريب قوة الدولة والإطاحة بالنظام الاشتراكي ؛
(3) التحريض على تقسيم البلاد وتقويض الوحدة الوطنية ؛
(4) التحريض على الكراهية الوطنية ، والتمييز العرقي ، وتقويض الوحدة الوطنية ؛
(5) تصنيع أو تشويه الحقائق ، ونشر الشائعات ، وتعطيل النظام الاجتماعي ؛
(6) تعزيز الخرافات الإقطاعية ، الفاحشة ، المواد الإباحية ، القمار ، العنف ، القتل ، الإرهاب ، وتحريض الجرائم ؛
(7) إهانة الآخرين بشكل صارخ أو تصنيع الحقائق وتشويه الآخرين ؛
(8) يضر بمصداقية أعضاء الدولة ؛
(9) آخرون ينتهكون الدستور والقوانين واللوائح الإدارية.
يجب أن تجد المصدر الأصلي لإعادة الطباعة واستخدامه بعد الاتصال.
عنوان
نسعى جاهدين لتكون قصيرة وجذابة ورواية وجذابة.
نص
الفقرة الأولى من المقالة فارغة ولها مساحتان ، والتي تتفق مع التنسيق التقليدي.
يمكن لخط واحد بين الفقرات أن يجعل المقالة أكثر وضوحًا وأسهل في القراءة
القضاء على الأخطاء المطبعية والاسم المستعار والشخصيات الصنع ذاتيا
يجب عدم خلط الأحرف الصينية التقليدية في النسخة المبسطة
يجب أن يكون اسم الترجمة وفقًا لمعايير بلدنا. على سبيل المثال: لا يمكن استخدام الترجمة الموحدة في سنغافورة في سنغافورة
يجب تغيير الرموز الرقمية الكاملة (باستثناء نقاط الترقيم) إلى نصف عرض
07 مواصفات استخدام التكنولوجيا الجديدةمبدأ استخدام التكنولوجيا الجديدة هو: التوافق مع المتصفحات ، وضمان سرعة التنزيل ، والعناية بأكبر عدد من المستخدمين.
تُستخدم ملفات تعريف الارتباط لتحديد الزوار وتتبعهم ودعمهم. من خلال ملفات تعريف الارتباط ، يمكنك فهم مسار وصول المستخدم وجمع وتخزين تفضيلات المستخدم. ومع ذلك ، بالنظر إلى الموقف الذي يغلق فيه المستخدم ملفات تعريف الارتباط ، يجب توفير حل شامل إذا تم استخدام ملفات تعريف الارتباط.
Java هي لغة برمجة موجهة للكائنات. تطبيقه في الويب هو applet Java بشكل أساسي ، لكن Java Applet بطيئة في التنزيل ويستخدم بحذر.
على جانب الخادم ، من الأفضل تشغيل تحليل SSI ، ولكن لا تستخدم الكثير من تعشيش SSI. عندما لا يمكن استخدام SSI ، يمكنك استخدام تضمين Library (بما في ذلك ملفات المكتبة) بدلاً من ذلك ، وهو أسوأ.
فلاش هو بالفعل تقنية مشتركة ويوصى بها.
يوصى بتبني مواصفات XHTML لإنتاج صفحات الويب الجديدة لتسهيل تكامل XML في المستقبل.
يمكن استخدام تقنية سلسلة XML على جانب الخادم ، ولكن لا ينصح بها جانب العميل لاستخدامها مؤقتًا.
لا توجد متطلبات خاصة ، لا ينصح بتوفير تقنية الوسائط المتعددة على صفحة الويب التي تتطلب تنزيل المكونات الإضافية الإضافية.
يوصى باستخدام لغة البرنامج لاستخدام لغات منصة مثل PHP و JSP و Java. لا ينصح بتكنولوجيا CGI و ASP.
08 مواصفات التنقليجب أن يكون التنقل بسيطًا وواضحًا ، ويوصى به ألا يتجاوز 3 مستويات من الروابط
يجب أن يكون النص المستخدم للتنقل موجزًا ويقتصر على سطر واحد
الصفحة الرئيسية ، الروابط بين الصفحات من المستوى الأول من كل عمود ، ترتبط بين الصفحات من المستوى الأول من كل عمود والصفحات من المستوى الثاني من هذا العمود
أكثر من ثلاثة مستويات من الصفحات ، قم بتعيين شريط تنقل في الجزء العلوي من الصفحة للإشارة إلى الموقع
قم بتمييز أحدث المعلومات المحدثة ، ويمكنها إضافة وقت تحديث أو شعار جديد
يجب إضافة صفحة الاستمرارية إلى الصفحة السابقة وزر الصفحة التالية
إذا كان هناك أكثر من شاشة واحدة ، فيجب أن يكون هناك زر GO TOP في الأسفل
يجب إعداد المحتويات التي تتجاوز ثلاث شاشات في الرأس وترتبط مباشرة بنقاط المرساة في النص.
09 مواصفات استخدام قاعدة البياناتلا يمكن تنفيذ جميع العمليات على الخادم فيما يتعلق بقاعدة البيانات إلا من قبل مسؤول الخادم.
عند الوصول إلى قاعدة البيانات في البرنامج ، استخدم المستخدمين الموحدين وملفات الاتصال الموحدة للوصول إلى قاعدة البيانات.
من حيث المبدأ ، يمكن بناء مكتبة واحدة فقط في كل عمود ، ويتوافق اسم المكتبة مع الاسم الإنجليزي لكل عمود ، وتحتوي المكتبة على عدة جداول. بالنسبة للأعمدة الأكبر والمبنى ، يمكنك التفكير في بناء مكتبة منفصلة ، ويسمة اسم المكتبة مع الاسم الإنجليزي للعمود.
يجب تسمية سلسلة من الأسماء المتعلقة بقواعد البيانات مثل الجداول والحقول والفهارس والمشاهدات ، وما إلى ذلك باستخدام الكلمات الإنجليزية المتعلقة بالمحتوى. بالنسبة للكلمة التي يصعب التعبير عنها ، يمكنك التفكير في استخدام كلمات متعددة لتطوي عليه (_) (لا يمكن أن تتجاوز أربع كلمات). (انظر مواصفات التسمية)
يجب حذف قواعد البيانات والجداول التي لم تعد قيد الاستخدام ويجب نسخها احتياطيًا (بما في ذلك الهيكل والمحتوى) قبل الحذف.