مناقشــة الدرس الخامس دروس فيديو مكثفة للتطبيــق

vista-design · 04-02-2010, 11:28 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة MQAM

هذا تطبيقي للدرس
الصورة مرفقة

كود الصفحة ..

كود بلغة HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>الدرس الخامس ::: مطور ::: برعاية فيستا ديزاين </title>	
	<**** ************"content-type" content="text/html;charset=windows-1256" />    
	<**** name="keywords" content="css tutorial"></****>
	<**** name="description" content=""></****>
	<link rel="stylesheet" href="style.css" media="screen" />
	<style type="text/css">
.style1 {
	font-family: "Times New Roman";
}
</style>
</head>
<body>

<div id="container">
	<div id="header">
	<br />
		<h1><a href="#" title="درس عمل تخطيط وزوايا مستديرة ">تطبيق الدرس الخامس</a></h1>
	</div>
	<div id="hdcontent">
	<h2>المحتوى</h2>
		</div>
	<div id="content">
		ماذا يمكن أن أفعل بتقنية CSS؟
CSS هي لغة تصميم تحدد شكل وثيقة HTML، 
فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع،
<br />
 صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثير
 ة، انتظر فقط وسترى!
<br />
HTML يمكن أن تستخدم بشكل خاطئ لإضافة تصميم
 للمو
 اقع، لكن CSS توفر المزيد من الخيارات وهي أكثر دقة وعملية، 
 وهي مدعومة من قبل المتصفحات الرئيسية اليوم.
<br />
	</div>	
	<div id="footer">
	coded by <a href="http://vistacompany.org.com" title="css xhtml valid">vistacompany.org</a> 
	modified by <a href="#">MQAM</a>
	</div>
</div>
</body>
</html>

كود الcss

كود:

	body{ 
		background:#ebe9e9;
        font:80% Tahoma, Helvetica, Sans-Serif;
		color:#FFF;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
        }

	a:link{
	color:fuchsia;
}

	a:hover{
	color:black;
}
	div#header h1 a{
		color:#44c9da;
		padding:20px;
		float: left;
}

	div#header h1 a:hover{
		color:#000;
}

	h2 {
		color:black;
		text-align:right;
		padding:10px 10px;
		margin-right:12px;

}
	#container{	
		margin: 10px auto;
		width:777px;
		text-align:center;
		}
				
	#header{ 
		text-decoration:blink;  
		height:285px;
		padding-left:3px ;
		background:url('1.jpg') no-repeat 0 0;
		}
		
	#hdcontent{
	 	height:35px;
		background:url('2.jpg') no-repeat top center;
		padding:0;
			
}	
	#content{
	text-align:right;
	background:url('3.jpg') repeat-y  ;
	padding:.5em 80px ;
		}
		
	#footer{
		padding:20px 30px;
		background:url('4.jpg') no-repeat bottom;				
		color:#ffffff;
		}

هذا بالنسبة لتطبيق الفيديو الاول ..
وسيتم ارفاق التطبيق الثاني فيما بعد ان شاء الله..
يعطيك العافية

wow!!!
ممتاز اخوى تطبيق رائع
بالتوفيق

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس الخامس عشر Array Exercise تمرين على المصفوفات [دروس فيديو]	مُجَاهِد	لغات برمجة مواقع PHP, ASP, Java Script, Perl	0	08-03-2010 07:48 PM
الدرس الخامس .. Div-php Div-PHP المحرر [دروس فيديو]	مُجَاهِد	لغات برمجة مواقع PHP, ASP, Java Script, Perl	1	02-02-2010 11:39 PM
الدرس الأول .. What is php ما هي البي اتش بي [دروس فيديو]	مُجَاهِد	لغات برمجة مواقع PHP, ASP, Java Script, Perl	1	31-01-2010 07:49 AM
[الدرس الخامس] دروس فيديو مكثفة متعددة المستويات للتعامل مع css	vista-design	دورة تصميم المواقع بإسلوب المحترفين web2.0	0	27-01-2010 02:16 PM

Powered by vBulletin® Version 3.8.7 Copyright ©2000 - 2012, Jelsoft Enterprises Ltd. Search Engine Friendly URLs by vBSEO 3.5.2 new notificatio by 9adq_ala7sas الحقوق محفوظة لكل المطورين والمواقع العربية Security team المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه التعليقات المنشورة لا تعبر عن رأي معهد مطور ولا نتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر ) روابط ننصح بزيارتها : العاب بنات جديدة \| العاب فلاش جديدة \| العاب فلاش \| استضافة \| تصميم موقع تصميم منتدى \| دعم فني \| مركز تحميل الصور \| مركز تحميل الملفات \| رسائل جوال \| ستايلات \| منتديات \| سكربتات \| هاكات جوجل ادسنس \| نطاقات و دومينات \| تطوير منتديات \| أرشفة المواقع \| وظائف \| توظيف \| برمجة مواقع \| رسائل sms \| حماية المواقع \| فقر الدم
جميع الأوقات بتوقيت GMT +3. الساعة الآن 04:53 AM.	- الأرشيف - الاتصال بنا - معهد مطور - الأعلى

مناقشــة الدرس الخامس دروس فيديو مكثفة للتطبيــق

دورة تصميم المواقع بإسلوب المحترفين web2.0