احترف تصميم المواقع مع CoffeeCup - دروس
رد: احترف تصميم المواقع مع CoffeeCup - دروس
ما شاء الله ،، الشرح جميل ،، و البرنامج أيضاً إمكانياته ممتازة ..
جزاك الله خير اخوي دارك ،، و أرجو مواصلة الدروس :)
---
لكن الموضوع مكانه ليس هنا ،، فتم نقله إلى المنتدى العام لتصميم و استضافة المواقع :)
رد: احترف تصميم المواقع مع CoffeeCup - دروس
الســلام
اقتباس:
المشاركة الأصلية كتبت بواسطة H.Y.M
ما شاء الله ،، الشرح جميل ،، و البرنامج أيضاً إمكانياته ممتازة ..
الصراحة برنامج جميل جدا وسهل الاستخدام :)
اقتباس:
المشاركة الأصلية كتبت بواسطة H.Y.M
جزاك الله خير اخوي دارك ،، و أرجو مواصلة الدروس :)
وياك ان شاء الله H.Y.M
وستتم مواصلة الدروس بإذن الله -.^
اقتباس:
المشاركة الأصلية كتبت بواسطة H.Y.M
لكن الموضوع مكانه ليس هنا ،، فتم نقله إلى المنتدى العام لتصميم و استضافة المواقع :)
شـــــكرا ع النقل
الصراحة احترت وين أحطه ~.~
.
.
تسـلم ع المرور H.Y.M
منور الموضوع بردك -_^
والسـلام خير ختام ^^
رد: احترف تصميم المواقع مع CoffeeCup - دروس
رد: احترف تصميم المواقع مع CoffeeCup - دروس
رد: احترف تصميم المواقع مع CoffeeCup - دروس
السلام عليكم أخوي Dark Gamer
بصراحة جهد تشكر عليه
و قاعد أحمل البرنامج للتجربة :D
بس بصراحة للحين مالقيت شئ يغلب dreamweaver ;)
و جزاك الله ألف خير ,,, :)
هذا و الله أعلم
أخوكم Cenrak
رد: احترف تصميم المواقع مع CoffeeCup - دروس
اقتباس:
المشاركة الأصلية كتبت بواسطة Cenrak
السلام عليكم أخوي Dark Gamer
وعليـــكم الســلام والرحمـــة أخــوي Cenrak :)
اقتباس:
المشاركة الأصلية كتبت بواسطة Cenrak
بصراحة جهد تشكر عليه
العفــو
بس المهم يستفيد باقي الأعضاء :)
اقتباس:
المشاركة الأصلية كتبت بواسطة Cenrak
و قاعد أحمل البرنامج للتجربة :D
حلو .. وتراه ما ياخذ مساحة كبيرة ( 14 ميقا بس ) :أفكر:
اقتباس:
المشاركة الأصلية كتبت بواسطة Cenrak
بس بصراحة للحين مالقيت شئ يغلب dreamweaver ;)
ما عندي شي ضد الـ دريم ويفر
الصراحة برنامج Dream Weaver امكانيات عالية وجميلة :)
بس برنامج Coffee Cup برنامج بسيط .. وسهل ^_^
اقتباس:
المشاركة الأصلية كتبت بواسطة Cenrak
و جزاك الله ألف خير ,,, :)
وياك ان شاء الله أخــوي Cenrak :)
منور الموضوع بمرورك -_^
والســلام خير ختام
رد: احترف تصميم المواقع مع CoffeeCup - دروس
السـلام عليـكم ورحمة الله وبركاته
في الدرس الثالث عرفنا كيف نضيف صورة مع وصلة وبدون وصلة :)
والحين في الدرس الرابع راح تتعلمون كيف تضيفون كود " جافا سكربت " لصفحة الانديكس
ملاحظة : الدرس سيتم على الصفحة الرئيسية التي تم تصميمها -_^
===================
الدرس الرابع
===================
بعنوان : كيف تضيف كود " جافا
سكربت "
****************
1- افتح صفحة الانديكس ( الصفحة الرئيسية )
http://darkgamer.jeeran.com/coffeecup/drs-15.gif
-------------------
2- ستظهر لك أكواد كثيرة " وهي لستايل الصفحة " =)
اضغط على آخر نقطة بالصفحة .. واذا لم تعرف كيف ( انظر الى الصورة )
http://darkgamer.jeeran.com/coffeecup/drs-19.gif
-------------------
3- الآن سنضيف كود الـ " جافا سكربت " للصفحة
ادخل الكود :
كود:
<script language="JavaScript">
<!-- 3D_ish Space Trip Script
Nstars=10;
Ystars=new Array();
Xstars=new Array();
Sstars=new Array();
Dstars=new Array();
Brwsr=(document.layers)?1:0;
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
offvis=(document.layers)?'hide':'hidden';
onvis=(document.layers)?'show':'visible';
for (i=0; i < Nstars;i++)
{
Ystars[i]=WinHeight/2;
Xstars[i]=WinWidth/2;
Dstars[i]=Math.round(Math.random()*360);
Sstars[i]=Math.round(Math.random()*5+1);
}
if (Brwsr){
for (i=0; i < Nstars;i++)
document.write("<LAYER NAME='nstar"+i+"' TOP=0 LEFT=0 BGCOLOR=#BBBBBB WIDTH=1 HEIGHT=1></LAYER>");
}
else{
document.write('<div id="Outer" style="position:absolute"><div style="position:relative">');
for (i=0; i < Nstars;i++)
{document.write('<div id="istar" style="position:absolute;width:1px;height:1px;background:#bbbbbb;font-size:1px"></div>')}
document.write('</div></div>');
}
function fly(){
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Nstars;i++){
var layer=(document.layers)?document.layers["nstar"+i]:istar[i].style;
//Dstars[i]+=2; //Can spin using this!!
Ystars[i]+=Math.round(Sstars[i]*Math.sin(Dstars[i]*Math.PI/180));
Xstars[i]+=Math.round(Sstars[i]*Math.cos(Dstars[i]*Math.PI/180));
if ((Ystars[i] > WinHeight) || (Ystars[i] < 0 ) || (Xstars[i] > WinWidth) || (Xstars[i] < 0))
{
Ystars[i]=WinHeight/2;
Xstars[i]=WinWidth/2;
Dstars[i]=Math.round(Math.random()*360);
Sstars[i]=Math.round(Math.random()*1+2);
}
layer.top=Ystars[i]+hscrll;
layer.left=Xstars[i]+wscrll;
if ((Xstars[i] < (WinWidth/2)-10 ) || (Xstars[i] > WinWidth-(WinWidth/2)+10 ) ||
(Ystars[i] < (WinHeight/2)-10) || (Ystars[i] > WinHeight-(WinHeight/2)+10))
layer.visibility=onvis;
else
layer.visibility=offvis;
if ((Xstars[i] < WinWidth/2-WinWidth/9.5) || (Xstars[i] > WinWidth/2+WinWidth/9.5) ||
(Ystars[i] < WinHeight/2-WinHeight/9.5) || (Ystars[i] > WinHeight/2+WinHeight/9.5))
{
{
Sstars[i]+=1;
if (Brwsr) layer.bgColor='888888';
else layer.background='888888';
}
if ((Xstars[i] < WinWidth/2-WinWidth/8) || (Xstars[i] > WinWidth/2+WinWidth/8) ||
(Ystars[i] < WinHeight/2-WinHeight/8) || (Ystars[i] > WinHeight/2+WinHeight/8))
if (Brwsr) {layer.bgColor='999999';layer.clip.height=2;layer.clip.width=2}
else {layer.background='999999';layer.height=2;layer.width=2;layer.fontSize=2}
if ((Xstars[i] < WinWidth/2-WinWidth/6) || (Xstars[i] > WinWidth/2+WinWidth/6) ||
(Ystars[i] < WinHeight/2-WinHeight/6) || (Ystars[i] > WinHeight/2+WinHeight/6))
if (Brwsr) layer.bgColor='bbbbbb';
else layer.background='bbbbbb';
if ((Xstars[i] < WinWidth/2-WinWidth/4) || (Xstars[i] > WinWidth/2+WinWidth/4) ||
(Ystars[i] < WinHeight/2-WinHeight/4) || (Ystars[i] > WinHeight/2+WinHeight/4))
if (Brwsr) layer.bgColor='dddddd';
else layer.background='dddddd';
if ((Xstars[i] < WinWidth/2-WinWidth/2.5) || (Xstars[i] > WinWidth/2+WinWidth/2.5) ||
(Ystars[i] < WinHeight/2-WinHeight/2.5) || (Ystars[i] > WinHeight/2+WinHeight/2.5))
if (Brwsr){layer.bgColor='ffffff';layer.clip.height=3;layer.clip.width=3}
else {layer.background='ffffff';layer.height=3;layer.width=3;layer.fontSize=3}
}
else
{
if (Brwsr){layer.bgColor='999999';layer.clip.height=1;layer.clip.width=1}
else {layer.background='999999';layer.fontSize=1;layer.height=1;layer.width=1}
}
}
setTimeout('fly()',10);
}
window.onload=fly;
//-->
</script>
-------------------
4- ستظهر الصورة معك كالآتي :-
http://darkgamer.jeeran.com/coffeecup/drs-20.gif
-------------------
5- اضغط على علامة التبويب Preview
http://darkgamer.jeeran.com/coffeecup/drs-7.gif
-------------------
6- راح ينطبق الكود في الصفحة .. وراح تشوف تأثير للكود كالآتي :-
http://darkgamer.jeeran.com/coffeecup/drs-21.gif
( بس متحركة ;) )
-------------------
7- احفظ الصفحة الرئيسية حتى يتم التعديل عليها في الدروس القادمة =)
للحفظ ( File >>> Save As )
http://darkgamer.jeeran.com/coffeecup/drs-15.gif
-------------------
انتهى الشرح للدرس الرابع :)
وان شاء الله يكون شرح واضح
والسـلام عليكم ورحمة الله وبركاته
رد: احترف تصميم المواقع مع CoffeeCup - دروس
جهد رائع ،، و تُشكر عليه يا Dark Gamer ..
و إن شاء الله قريباً تتم إضافة الموضوع إلى فهرس المواضيع المميزة :)
رد: احترف تصميم المواقع مع CoffeeCup - دروس
اقتباس:
المشاركة الأصلية كتبت بواسطة H.Y.M
جهد رائع ،، و تُشكر عليه يا Dark Gamer ..
و إن شاء الله قريباً تتم إضافة الموضوع إلى فهرس المواضيع المميزة :)
الصراحة ما كنت متوقع ان موضوعي البسيط بيصير مميز ^__^
وما اعرف كيف أشـكرك أخـوي H.Y.M :)
يسـلمووووو
وان شاء الله راح اكمل الدروس :)
وشــكرا لمرورك حبيبي =)
منور -_^
رد: احترف تصميم المواقع مع CoffeeCup - دروس
السـلام عليـكم ورحمة الله وبركاته
شباب اعذروني ع التأخر في الدرس الخامس .. بسبب مشاكل في موقع التحميل http://www.montada.com/images/smilie...icons/dead.gif
المهم في الدرس الرابع عرفنا كيف نضيف كود " جافا سكربت " للخلفية :)
والحين في الدرس الخامس راح تتعلمون كيف تضيفون ساعة بالـ" جافا سكربت " للانديكس
===================
الدرس الخامس
===================
بعنوان : كيف تضيف ساعة بالـ" جافا سكربت "
****************
1- افتح صفحة الانديكس ( الصفحة الرئيسية )
http://darkgamer.jeeran.com/coffeecup/drs-9.gif
-------------------
2- ستظهر لك أكواد كثيرة " وهي لستايل الصفحة وكود الجافا للخلفية " =)
اضغط على آخر نقطة بالصفحة .. واذا لم تعرف كيف ( انظر الى الصورة )
http://darkgamer.jeeran.com/coffeecup/drs-22.gif
-------------------
3- الآن سنضيف الساعة للصفحة
ادخل الكود :
كود:
<HTML><HEAD><TITLE>Java Script Clock</TITLE>
<script langauge="JavaScript">
<!-- klocka p? sk?rmen och statusrad,STOPPA/STARTA
klockan -->
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function stopclock ()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{
stopclock();
showtime();
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="white" onLoad="startclock ()">
<FORM name="clock" onSubmit="0">
<INPUT type="text" name="face" size="13" value="">
<font size=5><B><font color=black>
<INPUT TYPE="BUTTON" VALUE="قف" onClick="stopclock()">
<INPUT TYPE="BUTTON" VALUE="ابدأ" onClick="startclock()">
</FORM></BODY></HTML>
-------------------
4- ستظهر الصورة معك كالآتي :-
http://darkgamer.jeeran.com/coffeecup/drs-23.gif
-------------------
5- اضغط على علامة التبويب Preview
http://darkgamer.jeeran.com/coffeecup/drs-7.gif
-------------------
6- راح ينطبق الكود في الصفحة .. وراح تشوف تأثير للكود كالآتي :-
http://darkgamer.jeeran.com/coffeecup/drs-24.gif
* اضغط على الزر " ابدأ " لتشغيل الساعة :)
-------------------
7- احفظ الصفحة الرئيسية حتى يتم التعديل عليها في الدروس القادمة =)
للحفظ ( File >>> Save As )
http://darkgamer.jeeran.com/coffeecup/drs-15.gif
-------------------
انتهى الشرح للدرس الخامس :)
وان شاء الله يكون شرح واضح
والسـلام عليكم ورحمة الله وبركاته
رد: احترف تصميم المواقع مع CoffeeCup - دروس
يعطيك العافية الك
اتمنالك التوفيق
رد: احترف تصميم المواقع مع CoffeeCup - دروس
اقتباس:
المشاركة الأصلية كتبت بواسطة callcall
يعطيك العافية الك
اتمنالك التوفيق
الله يعافيك أخوي callcall ^_^
وان شاء الله استفدت من الدروس :)
منور ..
رد: احترف تصميم المواقع مع CoffeeCup - دروس
الله يجزاك خير يا Dark Gamer
رد: احترف تصميم المواقع مع CoffeeCup - دروس
اقتباس:
المشاركة الأصلية كتبت بواسطة ساموجي
الله يجزاك خير يا Dark Gamer
وياك ان شاء الله أخوي ساموجي ^_^
واتمنى انك تستفيد من الدروس :)
منور ..
رد: احترف تصميم المواقع مع CoffeeCup - دروس
بصراحه يا اخى دروس فى غاية الروعه
وانا عملتها كلها معك
جزاك الله خيرا
انا دخلت دورات تصميم مواقع كثيره ولكنى لم ارى اسهل من شرحك
فى انتظار بقية الدروس
دمتم فى حفظ الله ورعايته،،
رد: احترف تصميم المواقع مع CoffeeCup - دروس
دروس رائعة وشرح أروع أخوي
حمستني اسوي بس بحمل البرنامج اولا ^^
جزاك الله الف خير ^^
رد: احترف تصميم المواقع مع CoffeeCup - دروس
===
Royal Slayer
===
اقتباس:
المشاركة الأصلية كتبت بواسطة Royal Slayer
بصراحه يا اخى دروس فى غاية الروعه
وانا عملتها كلها معك
تسـلم ع الاطراء .. هذا من ذوقك اخوي Royal Slayer ^^
اقتباس:
انا دخلت دورات تصميم مواقع كثيره ولكنى لم ارى اسهل من شرحك
الصراحة ماكنت متوقع ان دروسي سهلة ومتميزة .. ولكن الفائدة هي الأهم :)
وياك ان شاء الله اخوي =)
اقتباس:
فى انتظار بقية الدروس
ستتم بإذن الله ..
اقتباس:
دمتم فى حفظ الله ورعايته،،
امين ..
منور الموضوع اخوي ^__^
===
d.o.d.y
===
اقتباس:
المشاركة الأصلية كتبت بواسطة d.o.d.y
دروس رائعة وشرح أروع أخوي
تسلمين ع الاطراء اختي d.o.d.y :)
اقتباس:
حمستني اسوي بس بحمل البرنامج اولا ^^
حياك الله .. والبرنامج تلقينه في بداية الموضوع =)
اقتباس:
جزاك الله الف خير ^^
وياك ان شاء الله ..
منورة الموضوع اختي ^__^
رد: احترف تصميم المواقع مع CoffeeCup - دروس
رد: احترف تصميم المواقع مع CoffeeCup - دروس
اقتباس:
المشاركة الأصلية كتبت بواسطة فارس دارين
مشكووووووووووووووور ثانك
العفـو اخوي فارس دارين :)
;) U R Welcome
رد: احترف تصميم المواقع مع CoffeeCup - دروس
هلا درك بليييز ابى منك مساعده ياليت تساعدنى اذا ممكن حاول ارسل لك رساله خاصه بس ماقدر لان مشاركتى اقل فالومممكن طرش لى ايميلك
