الخميس، 27 ماي 2010

أول نص تكتبه على موقعك

بعد أن مسحنا ما في المدونة لا بد ان نعلم الآن ماذا سنفعل؟
هل أترك مدونتي البيضاء كما هي أين التدوينات كيف أضيفها؟؟
كلها أسئلة سيسألها صديقي المتعلم :)
لا تقلق ستتعلم لكن على مهل كل مرة نضيف شيئا بسيطا إلى ما تعلمناه سابقا حتى نكسب خبرة من تصميمنا الأول ;)
(ملاحظة أعذروني فيها في سطور القالب الذي وضعته في الدرس السابق الرجاء حذف)

<a class='rss' href='/feeds/posts/default' title='RSS Feed'/>



عودة إلى الدرس الجديد:
الآن وبعد هذا الكلام الطويل فالنجرب كتابة شيء على هذه الصفحة البيضاء واليكن الكلمة المشهورة عالميا "مرحبا بالعالم".
طبعا لن تقوم بكتابتها بالضغط على زر "رسالة جديدة" بل ستقوم بالذهاب إلى قلب القالب الذي أنشأته 
وتكتبها هناك وبهذا الشكل:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

  <head>

    <b:include data='blog' name='all-head-content'/>

    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*

 * Blogger Template Style

 *

 * the day

 * by becsaad

 */

]]></b:skin>

  </head>
  <body>
<h1>مرحبا بالعالم</h1>
</body>
</html>

مبارك عليك أول تصميم إلى تكملة بإذن الله.

الاثنين، 26 أفريل 2010

مدونة فارغة للبدأ

كما نعلم ففي أول إشتراك للمدون في بلوجر سيصدم بإجبارية إختيار قالب من القوالب المعروضة فيه.
لكن الجميل أنهم بعدها يسمحون لك بالتعديل أو التغيير او ما تريد فعله :)
لذا عزيزي مستخدم بلوجر الجديد بعد إنشاء مدونتك , فالتقل التجريبية أرجوا منك أن تمسح كل ما فيها إلا ما تراه أمامك:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

  <head>

    <b:include data='blog' name='all-head-content'/>

    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*

 * Blogger Template Style

 *

 * the day

 * by becsaad

 */

]]></b:skin>

  </head>



  <body>


</body>

</html>
               

بعد أن تقوم بالحفظ ستجد أن مدونتك صفحة بيضاء تماما :D

لا تقلق فأنا قمت بذلك عمدا لتعلم ان blogger يمنحك الحرية الكاملة في رسم قالبك كما تشاء ;)

السبت، 27 مارس 2010

وسوم الإتش تي أم أل html

أردت تبسيط تصميم القالب قدر المستطاع لذلك لجأت لتخصيص الدروس في مدونة خاصة.
وسأبدأ من تحت الصفر لتكون الدروس أسهل وأسرع للفهم.
في الكثير من الأوقات التي نتشارك فيها بالروابط نلاحظ في نهاية الرابط هذه الصيغة .html
هذه الصيغة , هي اللغة  التي تخرج مواقعنا إلى النور وتصبح بالشكل الذي نريده :)
كيف ذلك؟

المتصفح ليس آلة تصوير للأشكال التي تصممها مثلا على برامج التصميم مثل دريم ويفر , بل يصح القول عنه أنه مترجم للغة الإتش تي أم ال.
لذلك من المحبب كثيرا أن نتعلم هذه اللغة التي يفهمها المتصفح :) .
في الحقيقة هي ليست بالأمر الصعب وإن إضطررت ساقوم بإنشاء فيديو لتشكيل هيكل صفحة الإتش تي أم أل ويكون بذلك تبسيطا لها.




الجمعة، 8 جانفي 2010

أول تدوينة

أظنني سأبدأ بكتابة تدوينات على هذه المدونة رغم عدم إنهائي من تصميم ثيم لها.
ربما سيكون ذلك محفزا لي لإنهاء الثيم وأخذ مثال به لإنشاء ثيمات خاصة لنا في blogger :)
 


 
gmail