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