Results 1 to 9 of 9

Thread: أكاديمية المربد: الدرس الثالث

  1. #1 أكاديمية المربد: الدرس الثالث 
    كاتب مسجل روان أم المثنى's Avatar
    Join Date
    May 2008
    Location
    أرض الحرمين
    Posts
    625
    Rep Power
    19







    الأخوات الكريمات الاخوة الأفاضل في مربدنا العزيز

    أعتذر عن تأخري في إدراج درس الأسبوع الماضي

    وأسأل الله أن يكون درسنا اليوم واضحا وممتعا للجميع




    أيها الأحبة.. حيث أن تصميم المواقع هو أساس دورتنا هذه،

    وحيث أن برنامج الفوتوشوب هو برنامج مساعد..

    لذا لم نتوسع كثيرا في مجال الفوتوشوب العريض،

    ومن أراد التوسع في ذلك البرنامج الجميل يمكنه متابعة

    سلسلة تعليم الفوتوشوب مع الأخت رزان إن شاء الله

    والتي سنعمل عليها بقدر المستطاع إذا قدر الله لنا ذلك..

    لذا أيها الكرام.. سنتحدث بشكل مفصل عن برامج تصميم المواقع المختصة

    وأشهرها فرونت بيج FrontPage أو البرنامج البديل له (صورة طبق الأصل) Web Designer

    بالإضافة للغات التصميم..

    لهذا.. أتمنى أن تطيب لكم المتابعة.,.,.,.,.,.





    لن يكون لدينا وظيفة في آخر موضوعنا اليوم،

    إنما الأهمية في هذا الدرس هو الإلمام بالتفاصيل..

    فقد تمكنتم بحمد الله من تصميم واجهة مواقعكم،

    لذا سنتعرف في البداية على صفحة الويب ومكوناتها..



    Reply With Quote  
     

  2. #2 رد: أكاديمية المربد: الدرس الثالث 
    كاتب مسجل روان أم المثنى's Avatar
    Join Date
    May 2008
    Location
    أرض الحرمين
    Posts
    625
    Rep Power
    19





    عندما تفتح أي صفحة ويب في متصفحك فإنك تشاهد مثل هذه الأجزاء





    وتكتب لغة تصميم الصفحة بهذا الشكل






    لا تقلق، لن تكتب مثل هذه الشيفرة الآن....


    ستحصل على صفحة ويب دون الحاجة لهذه الوسوم

    حين تستخدم أحد برامج التصميم كـ FrontPage مثلا.

    لكن الخوض في هذه المفاهيم الأساسية سيكون مفيداً لك، ويجنبك الكثير

    من المشاكل التي قد تتعرض لها فيما بعد..

    أريد أن أنوه هنا على أن الكثير من مصممي الويب لا يستخدمون برامج التصميم

    الجاهزة ويحبون كتابة الشيفرات بأنفسهم لتكون صفحاتهم أكثر دقة وأكثر طاعة

    للاستجابة لأوامرهم البرمجية المتقدمة، بل الكثير منهم لا يستخدم محررات شيفرة معقدة..

    إنما قد يكتفون باستخدام برنامج المفكرة Notepad المرفق مع Windows لتصميم صفحاتهم..

    ولو أنك حاولتَ أن تجرب كتابة مثل هذه الشيفرة وتحفظها باسم Page1.htm مثلا

    ثم تفتحها لوجدت صفحة ويب جاهزة لإضافة موضوعاتك بكل بساطة:












    برنامج FrontPage هو أحد برامج حزمة Office

    التي نملكها جميعا ولا نستغني عنها، لكن هذه

    الحزمة قد تكون ناقصة عند البعض خصوصا مع اختلاف

    إصدارات أوفيس، لذا قد يلزمك تحميل الأوفيس كاملاً


    سواء الإصدار 2003 أو 2007 ..


    وقد وضع الأخ الكريم كنفاني – جزاه الله خيرا-في موضوعه


    رابطا لتحميل أوفيس 2007






    إذا كنت لا تملك نسخة برنامج FrontPage في حزمة

    الأوفيس لديك ولا تريد تغيير إصدار الأوفيس يمكنك

    تحميل برنامج التصميم البديل web designer

    والذي هو صورة طبق الأصل من برنامج FrontPage

    .:.:.:.:.:.:.:.

    1- في حال كان الـ windows لديك XP عليك تحميل Framework أولا من هنا


    ثم قم بتحميل برنامج الـ web designer من هنا

    السريال

    DDWJC-VFGHJ-7GFK6-9QK3D-PFTHW


    .:.:.:.:.:.:.:.


    2- إذا كنت تستخدم الـ Windows Vista لن تحتاج

    إلى الـ Framework قم بتحميل البرنامج web designer فقط,,

    وهذه واجهة البرنامج





    وهذا البرنامج هو الذي سأعمل عليه

    ولن يختلف عن FrontPage إن شاء الله تعالى



    Reply With Quote  
     

  3. #3 رد: أكاديمية المربد: الدرس الثالث 
    كاتب مسجل روان أم المثنى's Avatar
    Join Date
    May 2008
    Location
    أرض الحرمين
    Posts
    625
    Rep Power
    19





    1/ افتح قائمة (ملف) ثم قم باختيار (جديد) – (صفحة).





    2/ في قسم الجزء العام general قم باختيار لغة التصميم HTML ثم OK













    لغة HTML هي اختصار لجملة (Hyper Text Markup Language )

    وهي لغة لتصميم صفحات الويب والمدونات على

    الإنترنت ولها شيفرة خاصة تكتب على شكل وسوم تشبه هذه:






    وسوف تشاهد مثل هذه اللغة في جميع الصفحات على

    الإنترنت لو أنك فتحت ملف المتصفح لأي موقع

    واخترت عرض المصدر:





    هذه اللغة هي لغة .. HTML التي لا غنى لصفحة الويب عنها..

    وبرامج تصميم الصفحات FrontPage أو Web Designer

    هي برامج تقوم بمهمة كتابة تلك الشيفرات عوضا عنك..

    وهذا ما ستراه إن شاء الله حين تصمم صفحتك الأولى..










    إن أهم شيء في صفحة الويب أو التصميم بشكل عام

    هو التنسيق المنظم، فصفحتك هذه ستعرض لعدة مستخدمين ومتصفحين،

    لذا من الأفضل دائما أن تكون منظمة يسهل البحث فيها والتعامل معها،

    وكما شاهدنا في تصميم الواجهة، كان لاختيار الألوان دور مهم،

    فالألوان غير المريحة للعين أو التصميم المبعثر يسبب إرباكا لمتصفح موقعك..

    كثير من المصممين يستخدمون (الجداول) في تنظيم

    صفحات المواقع، وإذا كنت قد تعاملت مع الجداول

    في برنامج معالج النصوص Microsoft Word فلن تجد

    صعوبة تذكر في التعامل مع جداول صفحة الويب.










    حين نضيف جدول التنسيق لصفحتنا يجب أن نجعل سُمك

    إطار الجدول بمقياس (0) حتى لا يظهر إطار الجدول

    للمتصفحين، ففائدة الجدول هنا هو التنظيم فقط،

    ولا يقصد رسم الجدول لذاته..






    سأضيف هنا جدولا بثلاثة صفوف وثلاثة أعمدة، وبلا

    لون للإطار أو الخلفية، ومقياس سُمك الإطار (0)

    وأترك مسافات جدران الخلايا كما هي:







    الآن يمكنك إدراج الصور أو الكتابة داخل الجدول هكذا






    وإذا رغبت في إدراج صورة أكبر يمكنك استخدام

    (دمج الخلايا) من قائمة جدول، هكذا:






    احفظ الآن








    ثم افتح الصفحة









    ::::ختاما::::

    في الدرس القادم بإذن الله تعالى سوف نقوم بتصميم المزيد من الصفحات لنبدأ مع موقع فعلي لنا

    أتمنى أن تتابعوا أكاديمية المربد وتكون بخير دائما

    لكم مودتي


    Reply With Quote  
     

  4. #4 رد: أكاديمية المربد: الدرس الثالث 
    مشرف
    Join Date
    May 2006
    Posts
    2,180
    Rep Power
    21
    الغالية والأخت الحبيبة روان

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

    وتحية وتقدير لهذا الجهد المتفاني
    أمينة أحمد خشفة
    Reply With Quote  
     

  5. #5 رد: أكاديمية المربد: الدرس الثالث 
    كاتب مسجل روان أم المثنى's Avatar
    Join Date
    May 2008
    Location
    أرض الحرمين
    Posts
    625
    Rep Power
    19


    الغالية الأثيرة

    وأختي الحبيبة

    التي من الله علي بأخوتها

    وأنعم علي بنقاء قلبها وصفاء روحها

    درة الشهباء

    أسعدني تطبيقك للدرس جدا

    وأتمنى أن تكون هذه السلسلة مفيدة للجميع

    لك حبي العميق

    Reply With Quote  
     

  6. #6 رد: أكاديمية المربد: الدرس الثالث 
    مشرف
    Join Date
    May 2006
    Posts
    2,180
    Rep Power
    21
    Quote Originally Posted by روان أم المثنى View Post


    الغالية الأثيرة

    وأختي الحبيبة

    التي من الله علي بأخوتها

    وأنعم علي بنقاء قلبها وصفاء روحها

    درة الشهباء

    أسعدني تطبيقك للدرس جدا

    وأتمنى أن تكون هذه السلسلة مفيدة للجميع

    لك حبي العميق


    حمدا وشكرا لله يا غاليتي الحبيبة
    أن تطبيقي للدرس قد أسعدك

    ولا أملك ياروان إلا أن أدعو الله لك أن يسعدك سعادة وفوز الدارين
    وأن لا يحرمني من صحبتك دائما أيتها الأخت الحبيبة

    وجزاك الله خيرا
    أمينة أحمد خشفة
    Reply With Quote  
     

  7. #7 رد: أكاديمية المربد: الدرس الثالث 
    كاتب مسجل رزان's Avatar
    Join Date
    Aug 2008
    Posts
    559
    Rep Power
    18



    السلام عليكم ورحمة الله وبركاته

    جزاكِ الله خيراً أختي الغالية روان

    وبالتأكيد متابعة معك كل جديد

    وسأحاول تطبيق الدرس في أقرب فرصة ممكنة

    أطيب تحياتي لكِ


    ----------------------------------------------------------------

    ---------------------------------------------------------------
    Reply With Quote  
     

  8. #8 رد: أكاديمية المربد: الدرس الثالث 
    مشرف كنفاني's Avatar
    Join Date
    May 2009
    Location
    مخيم الوحدات
    Age
    42
    Posts
    110
    Rep Power
    16
    أم المثنى
    شرح رائع جدا
    أهنئك على قدراتك الرائعة
    وعن نفسي أنا أعمل في هذا المجال
    وأقولها وبكل أمانة لقد استفدت كثيرا من شرحك
    ودائما هنالك في الأرض متسع لشهيد آخر
    Reply With Quote  
     

  9. #9 رد: أكاديمية المربد: الدرس الثالث 
    كاتب مسجل روان أم المثنى's Avatar
    Join Date
    May 2008
    Location
    أرض الحرمين
    Posts
    625
    Rep Power
    19



    الأخ الكريم

    ثائر كنفاني

    بارك الله فيك

    وأسأل الله لك التوفيق في عملك

    لأن الحاسوب والتصميم بخاصة عمل ممتع وفيه الكثير من الفواائد

    لك احترامي
    Reply With Quote  
     

Similar Threads

  1. Replies: 3
    Last Post: 09/06/2009, 10:08 PM
  2. أكاديمية المربد: الدرس الرابع
    By روان أم المثنى in forum حاسب
    Replies: 5
    Last Post: 02/06/2009, 05:40 PM
  3. أكاديمية المربد: الدرس الثاني
    By روان أم المثنى in forum حاسب
    Replies: 11
    Last Post: 13/05/2009, 07:25 PM
  4. Replies: 10
    Last Post: 24/04/2009, 10:58 AM
  5. أكاديمية المربد... ((الدرس الأول))...
    By روان أم المثنى in forum حاسب
    Replies: 22
    Last Post: 24/04/2009, 10:48 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •