المساعد الشخصي الرقمي

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


المجهول
01 - 07 - 2006, 15:12
هذا الموضوع يدخل في نطاق تصميم المواقع
فيه يطرح كل عضو أسألة عن تصميم المواقع والفوتوشوب والفرونت بيج
وأنا إذا أمكنني الله وأعانني أجيبكم
__________________________________________________ _______
أولا : مقدمة كيف تضع أي كود في صفحة HTML
إن صفحة النت المصممة بلغة HTML تكون بهذا الشكل
شكل 1_________________________________________________ __
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

</body>

</html>
__________________________________________________ _______
منطقة <head> وهي رأس الموقع
منطقة <body> وهي جسد الصفحة
منطقة <title/> مهي عنوان الصفحة والتي تظهر في الأعلى على شريط المستعرض
والآن نحن إن أردنا أن نضع الكود التالى الذي يعمل كشريط أخباري ودعائي :
الكود 1 __________________________________________________ _
<marquee direction="right" scrollamount="4" style="border:1px dotted #C0C0C0; font-size: 10pt; font-family: Tahoma; color:#000000" width="761" height="18">موقع عالم زكي&nbsp; يرحب بكم ~*~ الجمال-الإحتراف-الخدمات الممتازة-كلها تحت ايديكم حتى ننال إجابكم ~*~</marquee>
__________________________________________________ ________
نضع الكود السابق في المنطقة الجسد فيصبح الموقع هكذا :
شكل 2 __________________________________________________ __
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>موقع عالم زكي</title>
</head>

<body>
<marquee direction="right" scrollamount="4" style="border:1px dotted #C0C0C0; font-size: 10pt; font-family: Tahoma; color:#000000" width="761" height="18">موقع عالم زكي&nbsp; يرحب بكم ~*~ الجمال-الإحتراف-الخدمات الممتازة-كلها تحت ايديكم حتى ننال إجابكم ~*~</marquee>
</body>

</html>
__________________________ نهاية الدرس 1 ______________________________
لكل من يرغب بمشاهدة المثال فبإمكانه عن طريق نسج مابين السطرين للشكل 2
ولصقه في المفكرة ثم ( ملف ) ثم (حفظ بإسم ) والإسم هو zaki.html
وهكذا وبعون الله إنتهينا وأنا جاهز لإستقبال إستفساراتكم
إما في المنتدى أوعلى البريد الإلكتروني almaghool1212@hotmail.com

DaLyA
01 - 07 - 2006, 18:25
مشكور

المجهول
01 - 07 - 2006, 20:23
شكرا ولكنني أريد أن أضيف أرجو عدم الرد بشكرا ....
إذا في سؤال إسأل أوكي

سريانة
02 - 07 - 2006, 23:27
الفكرة جربتها ونجحت

ويا ليت تقوم بوضع أخرى مثلها

المجهول
03 - 07 - 2006, 10:59
طبعا
سوف أضع الكثيؤ الكثير
وشكرا على إهتمامك بهذا المجال أختي سريانة

DaLyA
03 - 07 - 2006, 12:55
ذا موقعي ارجو ان تعطي رايك به
WWW.DYDY2006.JEERAN.COM

المجهول
03 - 07 - 2006, 13:17
مشكورة على المرور
الموقع متميز بأقسامه التي تحمل أحدث التقنيات الموجودة في جيران
وشكرا

المجهول
03 - 07 - 2006, 13:43
أكواد الدردشة هنا :
هذا الكود لدردشة جامعة (أعضاء 20-40 ) www.jam3h.com
____________ الكود 2 _____________
<TR>
<TD align=middle>
<FORM action=/chat/voc.php method=post>
<P><INPUT
style="BORDER-RIGHT: #ff0000 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ff0000 2px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ff0000 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ff0000 2px solid; BACKGROUND-COLOR: #fffef2"
onfocus="this.value=''" size=10 value=الإسم
name=user_name autocomplete="off"></P></TD></TR>
<TR>
<TD align=middle><INPUT
style="BORDER-RIGHT: #ff0000 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ff0000 2px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ff0000 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ff0000 2px solid; BACKGROUND-COLOR: #fffef2"
onfocus="this.value=''" type=password size=10
value=password name=password></TD></TR>
<TR>
<TD align=middle><INPUT type=image
src="Jam3h Chat_files/enterchat.gif"
name=I1><BR><SPAN
style="FONT-SIZE: 3pt">&nbsp;<BR></SPAN><FONT
face=Tahoma size=2><SPAN
style="TEXT-DECORATION: none"><A
href="http://www.jam3h.com/chat/registration_form.php"><FONT
color=#ff0000><SPAN
style="TEXT-DECORATION: none">مشترك جديد
؟</SPAN></FONT></A></SPAN></FONT></FORM></TD></TR>
__________________________________________________ __________________________________
دردشة مزاجيات دوت كوم 7-28 عضو www.mzagyat.com
__________________ الكود 3 _________________________________
<font class="boxcontent"> <font size="2"><form action="http://www.mzagyat.com/chat/voc.php" method="POST" target="_blank"> <div align="center"> <center> <table dir="rtl" border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width:0; border-bottom-width:0" bordercolor="#CC3300" width="200" id="AutoNumber1" bgcolor="#FFFEEA"> <tr> <td width="195" align="center" style="border-top:2px solid #CC3300; border-left-style:solid; border-left-width:1; border-right-style:solid; border-right-width:1; border-bottom-style:none; border-bottom-width:medium" height="30"> <b><span lang="en-us"> </span>كريزي شات<span lang="en-us"> </span></b></td> </tr> <tr> <td width="194" align="center" style="border-left-style:solid; border-left-width:1; border-right-style:none; border-right-width:medium; border-bottom-style:none; border-bottom-width:medium; border-top-style:none; border-top-width:medium" height="30"><font class="boxcontent"> <font size="2" face="Tahoma"> <p dir="rtl" align="center"> الاسم : <input type="text" name="user_name" size="9" class="input" autocomplete="Off" style="border: 1px solid #CC3300; background-color: #F7F7F7"></font></font></td> </tr> <tr> <td width="194" align="center" style="border-left-style:solid; border-left-width:1; border-right-style:none; border-right-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium" height="30"><font class="boxcontent"> <font size="2"> <font size="2" face="Tahoma"><p align="center" dir="rtl">كلمة السر : <input type="password" name="password" class="input" size="9" style="border: 1px solid #CC3300; background-color: #F7F7F7"></font></font></font></td> </tr> <tr> <td width="195" align="center" style="border-left-style:solid; border-left-width:1; border-right-style:solid; border-right-width:1; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium" height="30"><font class="boxcontent"> <font size="2" face="Tahoma"> <input type="submit" Value ="دخول"></font></font></td> </tr> <tr> <td width="195" align="center" style="border-bottom:2px solid #CC3300; border-left-style:solid; border-left-width:1; border-right-style:solid; border-right-width:1; border-top-style:none; border-top-width:medium" height="30"><font class="boxcontent"> <font size="2" face="Tahoma"><p align="center"> <a target="_blank" href="http://www.mzagyat.com/chat/registration_form.php">مشترك جديد ؟</a></font></font></td> </tr> </table> </center> </div></form> </font></font>
__________________________________________________ __________________________________
دردشة فور آراب أعضاء 15-50 www.4arab.com
____________________________ كود4 __________________________________
<P>
<TABLE cellSpacing=0 cellPadding=3 width="100%"
background="Arab Chat - Arabic chat rooms, forums, discussions_files/4arab.htm"
border=0>
<TBODY>
<TR>
<TD class=box style="BORDER-LEFT: black 1px solid" noWrap
bgColor=#ffcc99 colSpan=3>للدخول إلى الدردشة من هنا :</TD></TR>
<FORM onsubmit=disable(document.forms[0].r.value)
action=/serv/ method=post>
<TR>
<TD class=bb vAlign=center>Nickname&nbsp;&nbsp;:</TD>
<TD vAlign=center><FONT size=-1><INPUT maxLength=15
size=15 name=n></FONT>&nbsp;</TD>
<TD class=bs vAlign=center>Pick a nickname, use 1-15
characters A-z, 0-9<BR>لا يمكنكم الدخول بالأسماء العربية
إلا للأعضاء فقط</TD></TR><!-- <tr><td class=bb>Password&nbsp;&nbsp;:</td><td><font size=-1><input type=password size=15 maxlength=15 name="p" value=""></font>&nbsp;</td><td class="bs" nowrap>Non-Member password not required.<br>Members use Operator Password to Login</td></tr>//-->
<TR>
<TD class=bb noWrap>Starting Room&nbsp;&nbsp;:</TD>
<TD colSpan=2><FONT size=-1><SELECT size=1 name=r>
<OPTION value=Arabia selected>Arabia (19 users)<OPTION
value=Bahrain>Bahrain (0 users)<OPTION
value=Europe>Europe (0 users)<OPTION value=KSA>KSA (1
users)<OPTION value=Kuwait>Kuwait (0 users)<OPTION
value=Majls>Majls (0 users)<OPTION value=Oman>Oman (0
users)<OPTION value=Qatar>Qatar (0 users)<OPTION
value=Syria>Syria (0 users)<OPTION value=UAE>UAE (0
users)<OPTION value=USA>USA (0 users)<OPTION
value=World>World (0
users)</OPTION></SELECT></FONT>&nbsp;</TD></TR><!-- <tr><td nowrap class=bb valign="middle" align=right>Frames&nbsp;&nbsp;:</td><td nowrap class=bb valign="middle" colspan=2><input type=checkbox value="1" name="f">&nbsp;&nbsp;Secure Ops Login&nbsp;&nbsp;: <input type="checkbox" name="https" value="1"></td></tr>//-->
<TR>
<TD>&nbsp;</TD>
<TD noWrap colSpan=2><FONT size=-1><B><INPUT type=submit value=" ENTER CHAT " name=post></B></FONT></TD></FORM></TR></TBODY></TABLE>&nbsp;
__________________________________________________ __________________________________________________ _____
كود لتحميل الصور على النت للمنتديات :
__________________ الكود 5 _________________________
<iframe name="up_pics" src="http://www.0zz0.com/webmaster.php?bg_color=FFFFFF" height="75" width="265" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0">
</iframe>
__________________________________________________ __________________________________________________ ___
================================== نهاية الدرس2 ==========================================

صديقة القمر
03 - 07 - 2006, 16:27
شكراااااا جزيلاااااااااااااا

الفراشة الذهبية
03 - 07 - 2006, 17:41
لقد استفذت كثيرا

شكرا جزيلا لك

المجهول
03 - 07 - 2006, 19:26
شكرا على مروركم والي بدو يحطو بموقعه يضع العنوان
حتى نراه إن أمكننا وشكرا لكم جميعا

سريانة
03 - 07 - 2006, 19:45
أنا جربتها كلها بالمفكرة ونجحت

مشكور انتظر أكواد ثانية

المجهول
03 - 07 - 2006, 20:55
شكرا سوف تكون غدا إن شاء الله

المجهول
05 - 07 - 2006, 15:44
هذا أهم و أفضل درس
إنه الدرس الذي أعمل عليه منذ شهر
للتحميل بصيغة rar من هنا ..::..www.gr8.cc/2/ofuorg.rar

سريانة
05 - 07 - 2006, 19:05
جاري التحميل

مشكور على المجهود

المجهول
05 - 07 - 2006, 23:29
سريانة
أنتي من أمثر الأعضاء إهتاما بتصميم المواقع
أتمنى لكي مستقبلا مشرقا في هذا المجال
وأنتظر رأيك
وشكرا ..
المصمم صلاح

صديقة القمر
06 - 07 - 2006, 18:18
جزاك الله خيرا

المجهول
06 - 07 - 2006, 23:16
شكرا على مرورك إيرمـــا
وماذا كان رأيك في الدرس