السلام عليكم ورحمة الله تعالى وبركاته
اخواني الكرام..
أعود إليكم اليوم من جديد في ثاني موضوع من سلسلة (طوّر موقعك) لتطوير مواقع الأخوة الأكارم
.:: مواضيع سابقة:
سلسلة (طوّر موقعك) 1- البداية: إضافات لابدّ منها
إذا كنت لم تقرأ الموضوع الأول، فأنصحك بقراءته ثم المتابعة هنا.. ^_^
.:: تخلص من هذه الأكواد:
- هناك الكثير من الأكواد في موقعك، لاتحتاجها، ويمكنك إزالتها فلن تقدّم ولكن ستؤخر.. يعني أقل شيء ممكن تقول انه كلها ستؤثر قليييلاً في الحجم ويؤثر هذا على سرعة الموقع.. ثم انك تريد كودك نظيف مرتب وليس فيه أي شيء وكل شيء.. إذاً.. فيمكنك حذف هذه الأكواد وانت مرتاح..
وهذه بعضها:
+ كود الميتاتاغ الخاص بالفرونت بيج:
- أغلب المواقع المصممة بالفرونت بيج، ستجد فيها هذا الكود، في المنطقة العليا من الكودكود HTML:<meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document">
وهو من الميتاتاغ، ووظيفته هي أن يخبر المحركات والناس ان هذه الصفحة تم إنشاؤها وصنعها ببرنامج الفرونت بيج، ثم معلومات عن الفرونت بيج، لا أكثر ولا أقل.. فماذا نريد أو نستفيد من هذا؟؟.. لا شيء.. إذاً الأولى حذفه طالما أنه يأخذ مكان بدون فائدة
+ الـid التلقائي في الفرونت بيج:
إذا كان موقعك مصمم بالفرونت بيج، فسوف تجد في الكود هذه الأكواد:
أوكود HTML:id="AutoNumber1"
أوكود HTML:id="AutoNumber2"
أوكود HTML:id="AutoNumber3"
وهكذا...كود HTML:id="AutoNumber4"
ابحث عنهم بالأرقام.. وعلى الأغلب تستطيع البحث فقط عن الأول ان أردت لأنه الأكثر انتشاراً..
وأيضاً هذا:
كود HTML:id="table1"كود HTML:id="table2"كود HTML:id="table3"ونفس الكلام الذي قلته مع الذي قبله..كود HTML:id="table4"
والـid هذا يضعونه في الـtable في الأمثلة التي ذكرتها، ووظيفته تمييز الجدول مثلاً او عمل خواص له في الـcss ، فإذا كان موقعك لايستخدمه في هؤلاء وهذا ما يحصل في العادة إذا كان الموقع مصمم بالفرونت بيج، فلاحاجة له حالياً.. إذاً، حذفه أولى
+ الـcomment أو ما يسمى بالتعليقات:
- التعليقات في العادة توضع في أكواد الـHTML لتدل مطور المواقع وتسهل عليه أو توضح له أشياء معيّنة، فهي تظهر في الكود فقط.. أو لو كانت هناك أشياء لاتود إظهارها تقوم بوضعها بين وسمي التعليق وهما:
<!-- التعليق -->
ولقد قمنا باستخدام التعليق في الدرس الأول عند وضع البسملة كي تظهر في الكود فقط ولا تظهر في الصفحة
لكن.. هناك برامج تقوم بصنع وسوم التعليق تلقائياً لتدل على أن البرنامج مثلاً تم إنشاؤه من قبلها، أو ان الحركة الفلانية من صنعها.. وهذا لا حاجة له إلا لو كان تضييعاً للحقوق إذا حذفته فلا تحذفه إذاً..
ومن هذه التعليقات هذان الوسمان:
كود HTML:<!-- ImageReady Slicesهذان الوسمان يظهران عند تقسيم الصور بالإيميج ريدي التابع للفوتوشوب في العادة، وبعض الأخوة يضعه لأنه يظن أنه من الكود ويجب وضعه، فهو يقول فقط أن هذه الصورة تم تصسيمها بواسطة الايميج ريدي.. وهذا لا حاجة له، إذاً حذفه أولىكود HTML:<!-- End ImageReady Slices -->
نأتي لشرحهم:
- أما عن الأول فهو ليس كاملاً.. فقد يكون هكذا مثلاً عندما يكون كاملاً:
أي أنها تكتب اسم الصورة التي تم تقسيمها من البرنامج، وانت يمكنك البحث عن الجزء الذي وضعته لك وتحذف الوسم كاملاً عندها.. وستجده مرة واحدة في كل صفحة غالباً..كود HTML:<!-- ImageReady Slices (layout_06.jpg) -->
- أما الثاني فابحث عنه كما هو واحذفه، وهو يقول أنه إلى هنا ينتهي الكود الذي قام الإيميج ريدي بتقسيمه
وهؤلاء يمكن الاستغناء عنهم
وتستطيع البحث عن هذا في كودك:
فإن رأيت أنه كلام انجليزي فاحذف الوسم كاملاً ولاتهتم به إلا لو كان من حقوق البرنامج ان يتم وضع هذا الوسم عندك، فلا تضيع حقوق الناسكود HTML:<!--
إلى هنا.. انتهينا من الدرس الثاني من سلسلة (طوّر موقعك)..
وهناك ملاحظة:
قد يقول البعض أن البحث عن كل واحدة ورؤيتها وحذفها صعب.. أقول.. هناك طرق كثيرة لعمل هذا.. منها من الفرونت بيج اختيار:
استبدال أو بالانجليزي (replace).. ثم وضع الكلمة التي تريد استبدالها.. وفي الخانة الثانية لاتضع شيئاً.. أو ضع space أي فراغ، وسيتم حذفهم واستبدالهم بفراغ ولا يؤثر هذا.. وقم بعمل replace all او بالعربي (استبدال الكل).. ليقوم بفعضل هذا مرة واحدة لكل الأكواد في الصفحة.. وترتاح مرة واحدة
.:: فائـــــدة:
- XHTML: هو اختصار لجملة: EXtensible HyperText Markup Language، أي اللغة المرنة، وهي أكثر صرامة من الـHTMl وليس فيها تهاون كثير كما في الـHTMLوهي أتت بديلة عن الـHTML كما أنها اصدار جديد منه..
هكذا.. انتهينا اليوم.. وانتظروني بعد أسبوع من الآن بإذن الله
(خبر: سوف أفتتح قريباً مدونة لمطوري المواقع، أكتب فيها ثم ينضم معي عدد من الأخوة للكتابة فيها.. ونطمح أن يصبح قوياً وملتقى لمطوري المواقع العرب)
المبدع العربي ^_^
رد مع اقتباس
