الصفحة رقم 1 من 2 12 الأخيرةالأخيرة
مشاهدة النتائج 1 الى 20 من 26
  1. #1

    ~شرح لأفضل برنامج تصميم مواقع~

    attachment




    ffhfgh

    احببت ان اقدم لكم برنامج رائع جداً وظيفته تصميم المواقع بأحترافيه شديده

    ismmh6

    SITE SPINNER
    البرنامج يحتوى على 33 قالب موقع جاهز مصمم مسبقاً ليس عليك سوى التعديل على أحدهم
    و أيضاً يحتوى خاصية إنشاء موقع من البدايه
    ومن يستطيع التعديل على القوالب يستطيع عمل موقع بالبرنامج من البدايه

    لذلك سوف نشرح التعديل على أحد القوالب

    downloadwu1

    حمل البرنامج من t4riftn3
    الى الشرح:

    بعد تثبيت البرنامج قم بوضع معلومات التسجيل كما يلى:
    VS2368604R19
    qzcxjzkqkqfy

    المرحله الاولى ( التعرف على البرنامج )

    الان وبعد تثبيت البرنامج نضغط على الايقونه التى على سطح المكتب لتشغيل البرنامج
    1
    fgdfgdf
    فتظهر لنا نافذة التصميم بالبرنامج كما بالشكل
    2
    fgdfgdf
    كما نلاحظ أن البرنامج يحتوى أدوات تصميم سهله وقويه فى نفس الوقت
    الان أمامنا خياران:
    الاول: أن نبدأ فى التعديل على هذا النموذج الذى أمامنا
    الثانى : أن نفتح نموذج أخر (قالب) لنبدأ فى التعديل عليه
    وهو ما سنفعله

    لفتح قالب جديد
    من القائمه FILE نختار OPEN TEMPLATE
    3

    fgdfgdf
    فنختار أحد القوالب المتعدده
    4
    fgdfgdf
    الان إنفتح القالب المختار كما بالشكل
    5


    المرحله الثانيه ( مكونات الصفحه العاديه)

    وكما لاحظنا عند فتح القالب أنه يحتوى عدة مكونات وهى:
    كتابات (نصوص) TEXT
    صور IMAGES
    روابط (LINKS )
    والروابط قد تكون نصوص أو صور أو ورللأوفر ROLLOVER ( أى زر يتحرك شكله بمرور الماوس عليه)

    الان نبدأ فى تعلم كيفية التعديل على النصوص TEXT
    بكل بساطه نتوجه الى أى نص نريد التعديل عليه ونضغط عليه دبل كليك DOUBLE CLICK
    6

    نجد ان نافذة محرر النصوص قد إنفتحت لنا كما بالشكل
    7
    fgdfgdf

    الان نريد حفظ التعديلات التى أجريناها على النص
    كل ما عليك هو الضغط على ( SAVE & CLOSE )
    8


    الان سيبدأ كل هواة النقد و محترفيه ( وما أكثرهم )
    فى إصطناع المشاكل للبرنامج
    لأن شكل الكتابه أصبح غير مرتب بهذا الشكل
    9
    fgdfgdf

    ولكن لا تتسرعوا
    كل ما عليكم أن تعاينوا الصفحه فى المتصفح لتظهر لكم كما ستظهر لزوار الموقع بعد وضعه على الانترنت وذلك بالضغط
    على F7



    الان ننتقل الى التعديل على الصور
    فمثلاً هناك صوره مزعجه جداً جداً جداً وهى الصوره المكتوب عليها أن هذا الموقع مصمم ببرنامج SITE SPINNER وهى توجد فى جميع القوالب
    11


    وكل ما عليك هو إزالة تلك الصوره المزعجه بالضغط عليها دبل كليك لأختيارها كما بالشكل
    اخر تعديل كان بواسطة » AL EMPRATOOR في يوم » 07-07-2009 عند الساعة » 11:53


  2. ...

  3. #2

    ~شرح لأفضل برنامج تصميم مواقع~

    تابع
    الان لنقم بإزالة الحمايه من هذا العنصر
    كل ما عليك هو أن تضغط على رمز القفل
    14
    ليتحول الى رمز المفتاح
    15

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

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

    لا تخاف كل ما عليك هو سحب تلك الطبقه بعيداً قليلاً حتى تظهر بوادر أو أجزاء من الصوره المطلوبه
    16
    هكذا قمكنا بإختيار الصوره المزعجه ...
    17

    كل ما عليك هو الضغط على الزر DELETE فى لوحة المفاتيح لتخرج لنا تلك الرساله التى تتأكد من حذف العنصر
    18
    fgdfgdf
    مبروك إنحذفت الصوره المزعجه

    rteertert


    ارجو عدم الرد حتى انتهاء الموضوع (يتبع )
    اخر تعديل كان بواسطة » AL EMPRATOOR في يوم » 07-07-2009 عند الساعة » 11:46

  4. #3
    تابع
    الان هناك تساؤل يلح علينا جميعاً
    هل كلما أرغب بالتعديل على عنصر سوف أحتاج الى إزالة الحمايه منه بالطريقة المشروحه؟
    الاجابه:
    لا
    يمكنك أزالة حماية جميع مكونات الصفحه دفعه واحده حتى ترتاح
    ولكن موضوع الحمايه هذا مفيد فى حالة وجود فريق عمل يعمل على تصميم الموقع TEAM WORK و أنت رئيسهم ولا تريد الباقون بإفساد تصميمااتك أو أجزاء منها
    ولكن لو أنت المصمم الوحيد أزل الحمايه من جميع مكونات الصفحه كما يلى
    من القائمه EDIT إختار UNLOCK ALL
    أو إختصاراً إضغط فى لوحة المفاتيح على ALT مع U
    19

    fgdfgdf
    الان تناولنا حذف صوره ولكننا لم نتناول كيفية إضافة صوره
    بكل بساطه إضغط على هذه الايقونه
    20

    أو من القائمه OBJECT نختار IMAGE
    21

    كلاهما يؤدى الغرض

    الان نختار الصوره من الصور الموجوده لدينا
    22


    الان أظن أنه ليس بأسهل من إدراج الصور

    fgdfgdf
    ننتقل الان الى جزء جديد من الشرح وهو الروابط LINKS
    وهى دائماً الجزء الاصعب والاهم عند تصميم المواقع
    لأن موقع بلا روابط يسمى DEAD END PAGE أى : صفحه ذات نهايه ميته لا تؤدى الى شىء بعدها
    أنواع الروابط :
    كتابه
    وطريقة جعل الكتابه رابط تم شرحها عندما شرحت التعديل على النصوص
    الان ننتقل الى شرح جعل الصور تحمل رابط

    لجعل الصوره تحمل رابطاً ( أى عندما يضغط عليها زائر الصفحه ينتقل الى صفحه أخرى داخل أو خارج الموقع )
    نضغط على الصوره دبل كليك فينفتح لنا محرر الصور الخاص بالبرنامج
    ونضغط على التفرع LINK ونكتب الرابط الذى نريده
    مثلاً نكتب ونختار مكان فتح الصفحه سواء فى صفحه جديده BLANK
    أو فى نفس الصفحه PAGE
    أو نختار وضع الوسم HTTP:// قبل إسم الموقع
    fgdfgdf
    وهى غير مهمه لأن جميع المتصفحات الحديثه تضع HTTP:// قبل إسم أى موقع
    فعلى سبيل المثال إذا كتبت فى إنترنت إكسبلورر ( و أنا أعتبره أسوأ متصفحات الانترنت ولا أستخدمه مطلقاً) إذا كتبت فإنه يقوم أوتوماتيكياً بتوجيهك الى وهكذا.......
    fgdfgdfأو نختار MAIL TO
    أى أن هذا هو رابط أيميل
    أو نختار FTP لو أنه رابط إف تى بى الذى أدرجناه
    أو نختار ELNET: لو أنه رابط تيلنت

    وهذا يظهر بالصوره التاليه
    23

    الان إنتهينا من إعداد الروابط

    fgdfgdf
    الان لدينا خطوه مهمه جداً وتحتاج منا كل التركيز
    وهى التعديل على هيدر الصفحه page header

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

    أو من القائمه المنسدله object ونختار text
    الان لا حظنا أن المشكله الوحيده هى إدراج title
    ويمكننا الاستغناء عنه بالكتابه العاديه

    25

    rteertert

    ارجو عدم الرد حتى انتهاء الموضوع (يتبع )


    اخر تعديل كان بواسطة » AL EMPRATOOR في يوم » 07-07-2009 عند الساعة » 11:47

  5. #4
    تابع

    (ملحوظه هذا الجزء الصغير من الشرح للفضوليين أمثالى الذين يرغبوا بمعرفة أسباب كل شىء ولا ضرر إطلاقاً إذا كنت من قليلى الوقت فيمكنك التغاضى عن هذا الجزء الصغير)
    الان سوف أشرح لماذا لا ينفع الكتابه باللغه العربيه فى الخاصيه title

    لأن مصمموا البرنامج قد صمموه بشكل أساسى ليعتمد اللغه الانجليزيه ولم يتخيلوا أنه هناك مصمموا مواقع عرب ولم يتخيلوا أنه هناك شخص متعب وفضولى بشكل كبير
    لا يترك برنامج تصميم مواقع إلا ويشرحه لأخوانه

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

    fgdfgdf

    الان ننتقل إالى جزء جديد من الشرح
    وهو إدراج أشكال هندسيه بالصفحه
    وذلك من القائمه المنسدله object ونختار أحد الاشكال
    26
    فنختار rectangle مستطيل
    27

    أو ellipse بيضاوى
    28

    أو polygon مضلع
    29

    أو splin منحنى curve
    30


    fgdfgdfولأدراج جدول
    من القائمه object نختار table
    31
    65756


    fsdggdfg
    اخر تعديل كان بواسطة » AL EMPRATOOR في يوم » 07-07-2009 عند الساعة » 11:50

  6. #5
    وعليكم السـلام ورحمة الله وبركاته . .
    , , ,


    اهلاً عزيزي كونان !
    ألف شكر لك عزيزي على الـشرح المتكامل والرائع
    [ الكمال لوجه الله تعالى ]
    smile

    إلى الملتقى ~
    , , ,
    S ! L V 3 R .. سآبقاً

  7. #6
    ما شاء الله عليك اخوي مبدع لك الشكر الجزيل
    >>اعتذر عن ردي القصير
    attachment

  8. #7
    إقتباس الرسالة الأصلية كتبت بواسطة s ! L v 3 r مشاهدة المشاركة
    وعليكم السـلام ورحمة الله وبركاته . .</b>

    , , ,


    اهلاً عزيزي كونان ! </b>
    ألف شكر لك عزيزي على الـشرح المتكامل والرائع </b>
    [ الكمال لوجه الله تعالى ]</b>
    smile</b>
    إلى الملتقى ~</b>

    , , ,


    شكرا لك صديقي على الرد الرائع مثلك
    اخر تعديل كان بواسطة » ▪Λ κ а ı▪ في يوم » 07-07-2009 عند الساعة » 17:02

  9. #8
    إقتباس الرسالة الأصلية كتبت بواسطة ahmad.z مشاهدة المشاركة
    ما شاء الله عليك اخوي مبدع لك الشكر الجزيل
    >>اعتذر عن ردي القصير

    شكرا لك صديقي على الرد الرائع والجميل مثلك منور المنتدى والموضوع والصفحة

  10. #9

  11. #10
    إقتباس الرسالة الأصلية كتبت بواسطة ~~مغرمة ساسكي~~ مشاهدة المشاركة
    وااااااااااااااااو
    شكرا على الموضوع
    في امان الله

    شكرا لك صديقتي على الرد الرائع مثلك منورة الموضوع

  12. #11

  13. #12

  14. #13

  15. #14

  16. #15
    إقتباس الرسالة الأصلية كتبت بواسطة a s l o b مشاهدة المشاركة
    مشكور اخوي بصراحة البرنامج .. قمييل قداّ قداّ
    إقتباس الرسالة الأصلية كتبت بواسطة memo_q8 مشاهدة المشاركة
    شكرا اخوي
    شكرا لكم جميعا على الرد الجميل

  17. #16
    مشكووووووووووور يعطيك العافيه بس لو وضعت صور لكان افضل

  18. #17
    السلام عليكم ورحمه الله تعالي وبركاته
    اخي الكريم اريد ان اقدم لك شكري علي موضوعك الرائع والجميل

    موضوعك قوي والبرنامج الي انت مقدمه جميل جدا بالاضافه الي شرحك الجميل بالاضافه الي ان البرنامج سهل الاستعمال
    ولاكن انا عندي استفسار بسيط وهوا كيف يمكنني ان اسمي الموقع بالاسم الدي اريده
    وكيف يمكنني اعتماده كموقع ويب
    ارجوا المساعده

  19. #18

  20. #19

  21. #20
    ياسلام عليك يابطل gooood

    برنامج كثير حلو وشرحك ماشاء الله مية مية

    تقبل مروري والحين رح احملوه
    7a9847f3e29825bacd364c54f27c086c
    Thank you Kill Zone for the amazing Signature

    asianasian

الصفحة رقم 1 من 2 12 الأخيرةالأخيرة

بيانات عن الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

عدد زوار الموضوع الآن 1 . (0 عضو و 1 ضيف)

المفضلات

collapse_40b قوانين المشاركة

  • غير مصرّح لك بنشر موضوع جديد
  • غير مصرّح بالرد على المواضيع
  • غير مصرّح لك بإرفاق ملفات
  • غير مصرّح لك بتعديل مشاركاتك
  •  

مكسات على ايفون  مكسات على اندرويد  Rss  Facebook  Twitter