|
![]() |
أضيف في: 23-3-1427هـ | |||
---|---|---|---|---|
أحببت أن أضع وأنوع من موااضيعي في المنتدى من حيث سأضع لكم بين أيديكم اليوم برنامج رائع جدا وممحترف للتصاميم . في هذا القسم الخاص بالتصاميم . فقط لاحظت الكثير يحتاج إلى أكواد وتصاميم جاهزة الى موقعه وأزرار وخلفيات وغيره . هذا البرنامج يغنيك عن البحث مرة أخرى واتمنى من أن تستفيدو من هذا البرنامج لأنه بالنسبة لي أنا وفر علي الكثير والكثير . ما عليك سوا حجز مساحة لكي تحمل موقعك إليه . وصف البرنامج : اسم البرنامج : Coffee HTML Editor v 9.5 حجمه : 7 M.B نظام التشغيل : Windows 95/98/NT/2000/XP سعر البرنامج : 49 $$ تحميل البرنامج : http://tucows.tierra.net/files5/CoffeeHTML95.exe او من هنا : http://tucows.revealed.net/files5/CoffeeHTML95.exe http://tucows.texoma.net/files5/CoffeeHTML95.exe http://rcn.tucows.com/files5/CoffeeHTML95.exe http://greatbasin.tucows.com/files5/CoffeeHTML95.exe http://visicom.tucows.com/files5/CoffeeHTML95.exe جميع الروابط تعمل . . الكرك ليصبح البرنامج كاملا : http://www.geocities.com/black_love_absba/coffeecup.zip عليك اولا بإغلاق جميع نوافذ البرامج الأخرى والبرنامج الأساسي بالتحديد ومن ثم ألصق الكرك في مجلد البرنامج ومن ثم افتح نافذته واضغط على كلمة crack وسوف يكون البرنامج كاملا . برنامج رائع جدا وبقمة الروعة يغنيك عن الكثير من البرامج وعن البحث . وهو برنامج لتصميم صفحات الانترنت . برنامج به أكواد جافا وأكثر من 100 كود لأفضل الأكواد التي رأيتها وأفضل ما تحتاجه لموقعك . برنامج به العديد من الصور. برنامج به العديد من البنارات. برنامج به العديد من التصاميم الجاهزة لموقعك كصفحتك الرئيسية. برنامج تستطيع من خلاله وضع الفلاش لموقعك بكل سهولة. برنامج يستطيع معالجة الصور. برنامج به كل شيء لموقعك واكثر بكثير مما تتصوره . لذلك هذا البرنامج مهم جدا لكل من يريد أن يصمم موقعه ومن دون أن يحتار او يبحث عن نموذج أو قوالب للجافا وغيره . والشرح بالتفصيل هنا ويحتوي على اكثر من 50 صورة مع أمثلة لكل كود وكيفية تفعيلها . أمثلة على الأكواد : البنارات التي تراها بالمواقع العالمية كداونلود وغيره . ساعات كثيرة لموقعك . عداد زوار . التاريخ . التحديث لموقعك. تحريك الصفحات من مكان الى اخر .عدم نسخ الكلام الموجود بصفحتك . رسائل ترحيب. العاب. رسائل وداع . المراسلة عبر بريدك .كما تشاهد قائمة الإرسال عندما تريد أن ترسل بطاقة وغيره . وغيره الكثيرررر . ============================= لنرى واجهة البرنامج كالتالي : ![]() ![]() 1- إختيار صفحة جديدة والتصميم بنفسك . 2- إستخدام صفحات جاهزة من البرنامج . 3- ضبط إعدادات الصفحة . نحن نريد أن نرى واجهات الصفحات لنختار خيار رقم 2 ليظهر لنا التالي : ![]() 1- هذه هي الصفحات الجاهزة. وطبعا ليس 4 صفحات فقط . بل تستطيع أن تدخل على المجلدات التي تراها ويوجد الكثير من الصفحات الجاهزة . 2- معاينة الصفحة تجدها هنا . 3- اضغط على OPEN واختر الصفحة التي اخترتها أنا ليظهر لك التالي : ![]() 1- نحن الآن بهذا الخيار . وهذا الخيار هو للأكواد . وإن كنت لا تعرف ما معنى الكود.ستتعرف عليه اكثر . كمثال فقط : انسخ كل الصفحة هذه أي صفحة الكود ومن ثم اذهب الى برنامج الفرونت بيج ومن ثم الصق الكود كاملا في خيار تعليمات برمجية او باللغة الإنجليزية HTML وهو الزر الذي في الأسفل ويتكون من 3 أو اربع خيارات ومنها معاينة الصفحة الخاصة بفرونت بيج وغيره . نحن نقصد الزر الذي بالوسط وهو خاص لوضع الأكواد. ضع هذا الكود وعاين الصفحة لترى تصميما كاملا . 2- هذا هو الكود . أما الآن نريد أن نعاين بواسطة البرنامج وهو الزر الذي بجانب الزر رقم 1 ليظهر لنا التالي : ![]() نحن الآن بزر المعاينة الذي محدد في الأعلى وكما تلاحظ يجد تصميم كامل للصفحة. طبعا كما قلت لك يوجد أكثر من 50 تصميم بواسطة البرنامج . منها واجهات مواقع الخاصة بالإعمال ومنها للصفحات العادية ومنها للمبيعات ومنها ومنها الخ . . أما الآن نريد أنم نرى واجهة أخرى . وكما عرفت نضغط على زر NEW وهو أول خيار وأول ضورة شرحناها هنا . ليظهر لنا التالي مره أخرى : ![]() نختار تصميم آخر وهو خاص للبرامج كسبيل المثال ليظهر لنا التالي : ![]() 1- نحن الآن بزر المعاينة بعد إختيار الصفحة . 2- للخلف . 3- للأمام. 4- تحديث الصفحة . 5- هذا الخيار هو الأهم وهو لمعاينته على صفحة ويب . طبعا في بعض الأحيان نختار كود جافا ونحن الآن لم نصل إلى قائمة الأكواد . عندما نضع كود جافا ونذهب للمعاينة لكي نعاينه بعض الأحيان لا يظهر لنا أي شيء لذلك ظهر أم لم يظهر نضغط على هذا الخيار لمعاينة الصفحة كصفة ويب وهو الأهم لا تنسى هذه المعلومه . 6- هذه الصفحة التي اخترناها . أما الآن وكما قلنا سابقا نعاين الصفحة وهو خيار رقم 5 ليظهر لنا التالي : ![]() إذا أعجبنا هذا التصميم نضغط على هذا الخياروهو خيار رقم 1 . 1- لنذهب ونأخذ هذه الصفحة المصممة ونضعها موقع لنا . 2- هذه هي الصفحة . أما الآن خيار آخر كالتالي : ![]() نختار هذا الخيار ونبدأ من جديد ليظهر لنا التالي : ![]() ليظهر لنا التالي : ![]() 1- هذه هي الخيارات الأهم في البرنامج كله وسوف نشرحه . نحن الآن في أول إيقونة على اليمين وهي Script . 2- هذه قائمة لقوالب جاهزة رائعة . سوف نختار منها واحد وكسبيل المثال الخيار المحدد لنا ليظهر لنا التالي : 3- نحن الآن في خيار الكود ويجب أن نكون عند هذا الخيار عند إختيار قالب للجافا وغيره . 4- هنا الأكواد . أما الآن نريد أن نعاين بعد أن أخترنا خيار من قائمة الخيارات ليظهر لنا التالي : ![]() اضغط على هذا الخيار كسبيل المثال ليظهر لنا التالي : ![]() عند الضغط على الخيار ستظهر لك رسالة هل تريد إغلاق هذه الصفحة سيظهر لك خيارين أختر نعم YES لكي ترى أنك خرجت من الصفحة . طبعا يوجد الكثير جدا من الخيارات كما لاحظت . وإن كنت تريد هذا التصميم او هذا الكود عليك بنسخه من قائمة الأكواد والذهاب الى الفرونت بيج ومن ثم لصقه هناك بقائمة الأكواد لكي يظهر لم هذه الرسالة وطبعا تستطيع أن تحول الكلام من إنجليزي الى عربي وسوف أشرح الطريقة لكم . خيار آخر كالتالي : ![]() هذا خيار آخر وهو خاص أيضا بالأكواد ورائع جدا . الآن من هذه القائمة اختر خيار واضغط عليه مرتين لكي يظهر لك الكود ومن ثم اذهب الى المعاينة ليظهر لك التالي : ![]() إن رأيت هذه الصورة ستراها عادية . ولكن تلاحظ في بعض المواقع حينما تدخلها تجد أنالصفحة الكلام الذي بها يتحرك من الأعلى الى الأسفل أو العكس كالقائمة المتحركة وهذا هو التصميم . الآن نلايد أن ننسخ الكود ومن ثم نذهب الى الفرونت بيج لكي تتعلم كيفية لصقه وتغيير الكلام الذي فيه بالكلا الذي تريده ومن الرائع والمميز في البرنامج أنه يدعم اللغة العربية وتستطيع الكتابة بالعربية ![]() ننسخ الكود ومن ثم نذهب الى الفرونت بيج أو نعاين من الزر الذي قلت لكم في شرحي أنه مهم لفتح نافذة ويندوز لترى المعاينة ومن ثم نضغط على زر الفرونت بيج ينقلنا الى البرنامج والكود معه . أما الآن ولقد ذهبنا الى الفرونت بيج كيف تلصق اللكود فيه كالتالي : ![]() نضغط على الخيار المحدد ليظهر لنا التالي : ![]() لمن ليس لديهم خبرة في الأكواد. ستقول كيف أخترت هذاالكلام بالذات وغيرته الى اللغة العربية؟ الجواب : أبحث عن أول كلمة مكتوبة في الكلمات الموجودة كسبيل المثال : انظر الى الصورة القبل السابقة لتجد أن أول كلمة هي : ROLLING CREDITS ستجد في قائمة الأكواد هذه الكلمة إستبدلها لكي تظهر لك الكلام الذي تريده أنت . وكذلك الحال مع الكلمات الأخرى ما عليك سوا البحث عن الكلمة ومن ثم إستبدالها بالكلام الذي تريده فقط هذه هي الطريقة وهي سهلة جدا ولا تحتاج الى شرح فقط للتوضيح . الآن وبعد أن غيرنا هذه الكلمات نريد أن نعاين كالتالي : ![]() 1- يوجد في آخر الكود وطبعا بعد تغييره موقع او رابط لموقع نستبدله بموقعنا على سبيل المثال لينقلك الى رابط الموقع المحدد . 2- من هنا المعاينة في الفرونت بيج . ![]() اخترنا كود آخر ومن ثم نذهب للمعاينة ليظهر لنا التالي : ![]() 1- هذا الكود الذي أخترناه . ولو تلاحظ في البرنامج إنك عندما تعاين من خلال هذا الخيار لم تجد الكود له فائدة لذلك نبهتك في أول الشرح أننا يجب علينا معاينته في صفحة خاصة من خلال خيار رقم ليفتح لنا صفحة جديدة ونرى الكود بوضووح . 2- نضغط هنا لنعاين بالطريقة الصحيحة ليظهر لنا التالي : ![]() هذاهو الكود . طبعا لن تراه بوضوح من خلال هذه الصور ولكن هو متموج الألوان ومتحرك النص . 2- نضغط على هيار رقم 1 لينقلنا الى برنامج الفرونت بيج ليظهر لنا التالي : ![]() 1- هذا هو خيار الكود نضغط عليه مره واحدة لكي ينقلنا الى الكلام مباشرة بدل البحث الطويل عنالكلمة المختارة . 2- نحن الآن في قائمة تصميم . 3- نذهب الى خيار تعليمات برمجية وهو لرؤية الكود ليظهر لنا التالي : ![]() دائما اللون الذي باللون الأخضر هو الكود الذي يجب تغييره . 1- كما تلاحظ كتب موقع على كل كلمة . نستطيع أن نبدل المواقع كسبيل المثال : الكود الذي لدينا الآن متحرك النص حوالي 5 نصوص يوجد به . وكل نص نستطيع أو يستطيع الزوار الضغط على كل نص لكي ينقلهم الى الموقع الذي أنت محدده بالكود . أيضا كمثال : نكتب موقع المشاغب ونكتب الموقع او الرابط ونكتب في النص التالي موقع BLACK LOVE ومن ثم نكتب رابط الموقع الخاص بي وهكذا . أنظر الآن للمعاينة بعد التعديل . ( ملاحظة : عند إستبدالك لكمة ما يجب عليك الحذر من حذف نقطه او فوس أو أي شيء عليك فقط بحذف الكلمة التي تود تغييرها . وإن لم يعمل معك الكود بشكل صحيح يجب عليك أن تعرف أنك قد حذفت شيء من نقظة أو قوس او حرف آخر من الكود ) . ![]() وتستطيع الآن الضغط علىEBLACK LOVR لينقلك الى موقعي . وعندما يتغير النص الى نص اخر تستطيع وضع كلمة اخرى لرابط آخر وهذاالمميز في الأكواد . خيار اخر كالتالي: ![]() لا تخف لن تطول الأمثلة في الموضوع ![]() ![]() 1- هذه هي المعاينة كما تلاحظ لا توجد صورة وعليك أنت بوضع صوره من عندك . 2- نضغط هنا لينقلنا البرنامج الى برنامج الفرونت بيج . ليظهر لنا التالي : ![]() نحدد الصورة مره واحدة ومن ثم نذهب الى هذا الخيار ليظهرلنا التالي : ![]() نريد أن غير هذا الكود . لكي يظهر لنا في المعاينة كما تلاحظ يحتوي على نقاط ويجب عليك عدم حذف النقاط لكي لا يتعطل الكود . خيارات اخرى في شريط الأدوات : ![]() هذه القائمة غير مهمة . وهي لعمل العناوين والألوان للصفحة . وهي أكواد عادية عند كتابتك أو تكبيرك للنص وغيره . خيار اخر كالتالي : ![]() هذا الخيار لوضع الصور بطريقة محترفة وفي المكان الذي تريده ومن دون جداول وغيره . خيار اخر كالتالي : ![]() هذا الخيار لوضع جميع ما تريده من فلاش او صور او برامجاو صفحات ويب وغيره يشمل جميع الأشياء ما عليك سوا تحديد المطلوب منك من صور أو انواع أخرى واختر ما تريبد من ملفاتك خيار اخر كالتالي : ![]() مجموعة رائعة من شركة البرنامج من برامج مهمة ومطلوبة للتصاميم ومعالجة الصور وغيره . ما عليك سوا تحديد البرنامج الذي تريده ومن ثم سنقلك لصفحته لكي تحمل البرنامج . طبعا يجبأن تكون متصلا بالشبكة . خيار اخر كالتالي : ![]() اختر هذا الخيار ليظهر لك التالي : ![]() هذا الخيار يحتوي على أكثر من 100 صورة خاصة للتصاميم والبنارات والصور التي تحتاجها سواء كانت تجارية او خاصة لبرامج وغيره . كالتالي: ![]() ![]() 1- إن كنت تريد حفظ الصورة في مجلد ما اضغط هنا واحفظها . 2- هذا الخيارلإضفاتها في البرنامج وإضافة الصور بطريقة رائع جدا . 3- خيار خاص لألوان الصورة ومعاجلتها . خيار اخر كالتالي : ![]() عند إختيارك خيار رقم 2 وتريد وضعها في البرنامج سيظهر لك هذا الخيار اختر نعم أريد إضافتها ليظهر لنا التالي : ![]() بعض الصور والخلفيات لموقعك والأزرار . خيار اخر كالتالي : ![]() هذا الخيار خاص لوضع الخطوط بطريقة رائعة . خيار اخر كالتالي : ![]() هذا الخيار لإضافة الفلاش إلى موقعك . اخحتر الخيار المحدد ليظهر التالي : ![]() 1- هذا الخيار كما تلاحظ تستطيع من خلاله صنع الفلاش لموقعك بطريقة محترفة . 2- اختر هذا الخيار لكي تستطيع تحميل البرنامج وإضافة اكثر من 50 تأثير لموقعك . خيار اخر كالتالي : ![]() خيار لإضافة الأزرار كما في الفرونت بيج ولكن يوجد بعض الإختلافات . إصدار البرنامج : ![]() وبعد إنتهاء شرح البرنامج وللتعرف على البرنامج أكثر وأكثر خصصت لكم صفحات wep لكي ترى بعض أعمال البرنامج . . . إذهب الى الروابط التالية : http://www.geocities.com/black_love_...eexamble1.html http://www.geocities.com/black_love_...eexamble2.html http://www.geocities.com/black_love_...eexamble3.html http://www.geocities.com/black_love_...eexamble4.html http://www.geocities.com/black_love_...eexamble5.html http://www.geocities.com/black_love_...eexamble6.html http://www.geocities.com/black_love_...eexamble7.html http://www.geocities.com/black_love_...eexamble8.html كل صفحة بها العديد من الأمثلة أتمنى أن ينال على رضاكم . ويستفيد الجميع من هذا الموضووع |
||||
الكاتب: BLACK LOVE |
![]() |
![]() |
![]() ![]() ![]() ![]() ![]() |
|