<![CDATA[ايران ويج - HTML]]> https://www.iranled.com/forum/ Sun, 30 Aug 2026 20:22:34 +0000 MyBB <![CDATA[بدست اوردن موقیت جغرافیای]]> https://www.iranled.com/forum/thread-32913.html Tue, 28 Jan 2025 05:05:11 +0000 https://www.iranled.com/forum/thread-32913.html

کد:
<!DOCTYPE html>
<html>
<body>
<h1>HTML Geolocation</h1>
<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
const x = document.getElementById("demo");

function getLocation() {
 if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(showPosition);
 } else {
   x.innerHTML = "Geolocation is not supported by this browser.";
 }
}

function showPosition(position) {
 x.innerHTML = "Latitude: " + position.coords.latitude +
 "<br>Longitude: " + position.coords.longitude;
}
</script>

</body>
</html>
]]>

کد:
<!DOCTYPE html>
<html>
<body>
<h1>HTML Geolocation</h1>
<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<script>
const x = document.getElementById("demo");

function getLocation() {
 if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(showPosition);
 } else {
   x.innerHTML = "Geolocation is not supported by this browser.";
 }
}

function showPosition(position) {
 x.innerHTML = "Latitude: " + position.coords.latitude +
 "<br>Longitude: " + position.coords.longitude;
}
</script>

</body>
</html>
]]> <![CDATA[خودکار کردن کلیک بر روی یک دکمه در صفحه وب]]> https://www.iranled.com/forum/thread-31915.html Tue, 11 Dec 2018 04:24:46 +0000 https://www.iranled.com/forum/thread-31915.html درود و سلام

صفحه اینترنتی است که پس از ورود و ثبت در پایگاه وب اش یک دکمه در صفحه دارد که میخواهیم هر چند دقیقه یا چند ساعت , آن دکمه فشرده و کد ساخته شده را بفرستد. (خودکار-سازی)

1) چگونه میتوان با نرم افزار یا کد این کار را کرد.
2) در بستر لینوکس و ویندوز و اندروید لازم است.

سپاس]]> درود و سلام

صفحه اینترنتی است که پس از ورود و ثبت در پایگاه وب اش یک دکمه در صفحه دارد که میخواهیم هر چند دقیقه یا چند ساعت , آن دکمه فشرده و کد ساخته شده را بفرستد. (خودکار-سازی)

1) چگونه میتوان با نرم افزار یا کد این کار را کرد.
2) در بستر لینوکس و ویندوز و اندروید لازم است.

سپاس]]> <![CDATA[فیلم فارسی آموزش html5]]> https://www.iranled.com/forum/thread-31297.html Tue, 25 Jul 2017 12:28:07 +0000 https://www.iranled.com/forum/thread-31297.html تگ های جدیدی که در html5 معرفی شده در سئوی سایت شما بسیار موثر خواهد بود چون تمام قسمت های سایت رو به گوگل معرفی می کند .
یکی از منابع خوب آموزشی این فیلم رایگان و به زبان فارسی هست که توصیه میکنم ببینید . مشاهده فیلم :

آموزش طراحی سایت


در کنارش یه مقاله کامل برای کسانی که همیشه طرفدار کتاب و جزوه هستن ، قرار میدم امیدوارم مفید باشه براتون .

آموزش html5]]> تگ های جدیدی که در html5 معرفی شده در سئوی سایت شما بسیار موثر خواهد بود چون تمام قسمت های سایت رو به گوگل معرفی می کند .
یکی از منابع خوب آموزشی این فیلم رایگان و به زبان فارسی هست که توصیه میکنم ببینید . مشاهده فیلم :

آموزش طراحی سایت


در کنارش یه مقاله کامل برای کسانی که همیشه طرفدار کتاب و جزوه هستن ، قرار میدم امیدوارم مفید باشه براتون .

آموزش html5]]> <![CDATA[مشکل در تگ aside]]> https://www.iranled.com/forum/thread-31098.html Mon, 13 Feb 2017 06:55:55 +0000 https://www.iranled.com/forum/thread-31098.html در فایلی که آپلود کردم تو فایل اصلی index یه تگ بنام Aside تعریف کردم و تو css به اون float left دادم ولی متاسفانه کار نمیکنه و بعداز ذخیره به سمت چپ صفحه پرش پیدا نمیکنه و نمیدونم مشکل در تگ های div هست که تعریف کردم یا جای دیگه ممنون میشم دوستان یه بررسی داشته باشن

دریافت فایل]]> در فایلی که آپلود کردم تو فایل اصلی index یه تگ بنام Aside تعریف کردم و تو css به اون float left دادم ولی متاسفانه کار نمیکنه و بعداز ذخیره به سمت چپ صفحه پرش پیدا نمیکنه و نمیدونم مشکل در تگ های div هست که تعریف کردم یا جای دیگه ممنون میشم دوستان یه بررسی داشته باشن

دریافت فایل]]> <![CDATA[ایراد در اجرای کدهای جی کوئری]]> https://www.iranled.com/forum/thread-31056.html Sun, 25 Dec 2016 06:54:16 +0000 https://www.iranled.com/forum/thread-31056.html
بنده تو آموزش هام در جی کوئری به مبحث chaining و json رسیدم که متاسفانه استاد تو فایل آموزشی همه مواردی که توضیح میده رو اجرا میکنه ولی متاسفانه برای من کار نمیکنن و تمام مرورگرها رو امتحان کردم و همینطور از فایل جی کوئری که آدرس دهی میشه هم مطمئن هستم ولی نمیدونم چطور کار نمیکنه و یجای کار مشکلی هست.ممنون میشم دوستان یه نگاهی به فایل کنید و ببینید مشکل از کجاست
(حتی مواردی هم که الان کامنت شدن . مشکل اجرا شدن دارن)

.rar   Codes.rar (اندازه: 31.01 KB / تعداد دفعات دریافت: 76) ]]>
بنده تو آموزش هام در جی کوئری به مبحث chaining و json رسیدم که متاسفانه استاد تو فایل آموزشی همه مواردی که توضیح میده رو اجرا میکنه ولی متاسفانه برای من کار نمیکنن و تمام مرورگرها رو امتحان کردم و همینطور از فایل جی کوئری که آدرس دهی میشه هم مطمئن هستم ولی نمیدونم چطور کار نمیکنه و یجای کار مشکلی هست.ممنون میشم دوستان یه نگاهی به فایل کنید و ببینید مشکل از کجاست
(حتی مواردی هم که الان کامنت شدن . مشکل اجرا شدن دارن)

.rar   Codes.rar (اندازه: 31.01 KB / تعداد دفعات دریافت: 76) ]]> <![CDATA[کمک در یادگیری]]> https://www.iranled.com/forum/thread-31041.html Wed, 14 Dec 2016 08:17:15 +0000 https://www.iranled.com/forum/thread-31041.html باسلام خدمت دوستان
بنده در حال حاظر در css (در تمرین ها) به مشکلی برخوردم و مبحث Filedset ها رو اصلا بصورت مفهومی یاد نمیگیرم و باید عینا مثل ویدئو آموزشی خط به خط جلو برم که میشه کپی پیست.
به نظر دوستان برای یادگیری بصورت طولانی مدت و مفهومی چه روشی رو پیشنهاد میدید و قطعا در مباحث پیشرفته تر مثل jquery و جاوا اسکریپت و ... قطعا به همین مشکل مشابه برخواهم خورد
بهترین روش برای یادگیری مباحثی که تجزیه و تحلیلش برای کاربر مشکل میشه چه مسیریه ؟
خواهشا دوستان راهکارهای عملی و نه تئوری رو بیان کنن که حاصل تجربه شخصی بوده باشه
بعنوان مثال عکسی که ضمیمه شده رو من به شخصه نتونستم درست تحلیلش کنم که مفهومی بتونم اون رو یادبگیرم و خودم کدها رو بدون نیاز یه آموزش بنویسم.
باتشکر

.jpg   2016-12-14_09-16-17.jpg (اندازه: 61.25 KB / تعداد دفعات دریافت: 88) ]]> باسلام خدمت دوستان
بنده در حال حاظر در css (در تمرین ها) به مشکلی برخوردم و مبحث Filedset ها رو اصلا بصورت مفهومی یاد نمیگیرم و باید عینا مثل ویدئو آموزشی خط به خط جلو برم که میشه کپی پیست.
به نظر دوستان برای یادگیری بصورت طولانی مدت و مفهومی چه روشی رو پیشنهاد میدید و قطعا در مباحث پیشرفته تر مثل jquery و جاوا اسکریپت و ... قطعا به همین مشکل مشابه برخواهم خورد
بهترین روش برای یادگیری مباحثی که تجزیه و تحلیلش برای کاربر مشکل میشه چه مسیریه ؟
خواهشا دوستان راهکارهای عملی و نه تئوری رو بیان کنن که حاصل تجربه شخصی بوده باشه
بعنوان مثال عکسی که ضمیمه شده رو من به شخصه نتونستم درست تحلیلش کنم که مفهومی بتونم اون رو یادبگیرم و خودم کدها رو بدون نیاز یه آموزش بنویسم.
باتشکر

.jpg   2016-12-14_09-16-17.jpg (اندازه: 61.25 KB / تعداد دفعات دریافت: 88) ]]> <![CDATA[(SSE (Server-Sent Events - پیام های یک طرفه]]> https://www.iranled.com/forum/thread-30712.html Wed, 29 Jun 2016 13:39:49 +0000 https://www.iranled.com/forum/thread-30712.html SSE قابلیت جدیدی در Html5 است که به مرورگر این امکان را می دهد تا Updateهای ارسالی از طرف سرور را دریافت کند.
این قابلیت در گذشته بصورت دیگری وجود داشته است، هر زمان که Updateی ایجاد می شد صفحه وب برای دریافت Update مجبور بود آنرا درخواست نماید. اما با SSE این کار بصورت اتوماتیک و پشت پرده صورت می گیرد.
مثال هایی از SSE: تغییر عناوین خبرها، نتایج ورزشی، تغییر در شاخص ها و نمودارهای سایت های اقتصادی و ...]]> SSE قابلیت جدیدی در Html5 است که به مرورگر این امکان را می دهد تا Updateهای ارسالی از طرف سرور را دریافت کند.
این قابلیت در گذشته بصورت دیگری وجود داشته است، هر زمان که Updateی ایجاد می شد صفحه وب برای دریافت Update مجبور بود آنرا درخواست نماید. اما با SSE این کار بصورت اتوماتیک و پشت پرده صورت می گیرد.
مثال هایی از SSE: تغییر عناوین خبرها، نتایج ورزشی، تغییر در شاخص ها و نمودارهای سایت های اقتصادی و ...]]> <![CDATA[مشکل در ساب دامین]]> https://www.iranled.com/forum/thread-30543.html Wed, 06 Apr 2016 12:02:12 +0000 https://www.iranled.com/forum/thread-30543.html من یه دامین .com دارم و می خوام .ir ش رو هم داشته باشم و وقتی توی مرورگر تایپ میشه همون صفحه ایندکس .com نمایش داده بشه کسی اطلاعی در این مورد داره ؟  :whistle:  :))):]]> من یه دامین .com دارم و می خوام .ir ش رو هم داشته باشم و وقتی توی مرورگر تایپ میشه همون صفحه ایندکس .com نمایش داده بشه کسی اطلاعی در این مورد داره ؟  :whistle:  :))):]]> <![CDATA[صفحه لینک دادن به زیر دامنه های زیبا]]> https://www.iranled.com/forum/thread-28780.html Mon, 01 Sep 2014 13:50:16 +0000 https://www.iranled.com/forum/thread-28780.html نمیدونم اینجا جای مناسبیه واس مطرح کردن موضوع ولی به هر حال ببخشید اگ جاش اینجا نیست چون نمیدونستم کجا بپرسم سوالمو...
دیدن سایت هایی رو ک وقتی اسم سایت رو میزنین یک صفحه باز میشه و با ی سری ایکون های زیبا به زیر دامنه های اون سایت لینک میده من از اونا میخوام!!
من یک سایت دارم ک میخوام یک قسمت جدا برای برنامه ها و یک قسمت جدا آموزش و یک قسمت جدا انجمن گفتگو داشته باشه.
اسم اون صفحه چیه و یا کسی میدونه از کجا میتونم دانلودش کنم با تشکر]]> نمیدونم اینجا جای مناسبیه واس مطرح کردن موضوع ولی به هر حال ببخشید اگ جاش اینجا نیست چون نمیدونستم کجا بپرسم سوالمو...
دیدن سایت هایی رو ک وقتی اسم سایت رو میزنین یک صفحه باز میشه و با ی سری ایکون های زیبا به زیر دامنه های اون سایت لینک میده من از اونا میخوام!!
من یک سایت دارم ک میخوام یک قسمت جدا برای برنامه ها و یک قسمت جدا آموزش و یک قسمت جدا انجمن گفتگو داشته باشه.
اسم اون صفحه چیه و یا کسی میدونه از کجا میتونم دانلودش کنم با تشکر]]> <![CDATA[لطفا راهنمایی کنید :درست باز نشدن سایت با موبایل و تبلت]]> https://www.iranled.com/forum/thread-28374.html Tue, 10 Jun 2014 16:41:59 +0000 https://www.iranled.com/forum/thread-28374.html
کسی نمی دونه ؟؟؟؟]]>
کسی نمی دونه ؟؟؟؟]]> <![CDATA[متن متحرک]]> https://www.iranled.com/forum/thread-28156.html Sat, 26 Apr 2014 19:31:14 +0000 https://www.iranled.com/forum/thread-28156.html www.irnews110.ir
مراجعه کنین اگر توجه کنین زیر هدر تیتر خبر ها یکی یکی بصورت متحرک نمایش داده میشه
دقیقا به همین صورت کد html برای بلاگفا میخوام کسی میتونه کمکی بکنه ممنون میشم]]> www.irnews110.ir
مراجعه کنین اگر توجه کنین زیر هدر تیتر خبر ها یکی یکی بصورت متحرک نمایش داده میشه
دقیقا به همین صورت کد html برای بلاگفا میخوام کسی میتونه کمکی بکنه ممنون میشم]]> <![CDATA[تراز بندی متن و عکس]]> https://www.iranled.com/forum/thread-28147.html Fri, 25 Apr 2014 14:07:00 +0000 https://www.iranled.com/forum/thread-28147.html

این عکس ببینین

.png   Untitled.png (اندازه: 40.99 KB / تعداد دفعات دریافت: 80)

خب من میخوام بدونم وبلاگم میخوام یه متن ارسال کنم کد html چی که عکس سمت چپ متن هم روبرو عکس سمت راست باشه؟ نکته: متن روبرو عکس نه زیر عکس !


این متن و عکس به شکلی گفتم بی زحمت تبدیل کنین

کد:
&nbsp;<img src="http://img7.irna.ir/1393/13930205/81137405/81137405-5649076.jpg" alt="" height="75" width="120"> <p>مسابقات اسکی اسنوبرد کراس قهرمانی فصل 93 ( جام کوئیک سیلور ) که از رور پنجشنبه در پیست بین المللی اسکی توچال آغاز شده بود امروز با معرفی برترین های این رشته به کار خود پایان داد. به گزارش خبرنگار ایرنا ، مرحله پایانی مسابقات اسکی اسنو برد قهرمانی و در بخش آزاد حسین کلهر […]</p>
]]>

این عکس ببینین

.png   Untitled.png (اندازه: 40.99 KB / تعداد دفعات دریافت: 80)

خب من میخوام بدونم وبلاگم میخوام یه متن ارسال کنم کد html چی که عکس سمت چپ متن هم روبرو عکس سمت راست باشه؟ نکته: متن روبرو عکس نه زیر عکس !


این متن و عکس به شکلی گفتم بی زحمت تبدیل کنین

کد:
&nbsp;<img src="http://img7.irna.ir/1393/13930205/81137405/81137405-5649076.jpg" alt="" height="75" width="120"> <p>مسابقات اسکی اسنوبرد کراس قهرمانی فصل 93 ( جام کوئیک سیلور ) که از رور پنجشنبه در پیست بین المللی اسکی توچال آغاز شده بود امروز با معرفی برترین های این رشته به کار خود پایان داد. به گزارش خبرنگار ایرنا ، مرحله پایانی مسابقات اسکی اسنو برد قهرمانی و در بخش آزاد حسین کلهر […]</p>
]]> <![CDATA[کد کج شدن روشن شدن عکس]]> https://www.iranled.com/forum/thread-28058.html Thu, 10 Apr 2014 14:51:05 +0000 https://www.iranled.com/forum/thread-28058.html
به کمک این کد وقتی موس میره روی عکس، عکس کج میشه یا یا یه لایه سفید رنگ میاد روی عکس!
کد کج شدن عکس:
کد:
<style> img:hover{ opacity:0.8;fliter:alpha(opacity=80); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);  } img:out{ opacity:1;fliter:alpha(opacity=100); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  } </style>

کد روشن شدن عکس
کد:
<style> img{ opacity:0.8;fliter:alpha(opacity=80); } img:hover{ opacity:1;fliter:alpha(opacity=100);  } img:out{ opacity:0.8;fliter:alpha(opacity=80);  } </style>
]]>
به کمک این کد وقتی موس میره روی عکس، عکس کج میشه یا یا یه لایه سفید رنگ میاد روی عکس!
کد کج شدن عکس:
کد:
<style> img:hover{ opacity:0.8;fliter:alpha(opacity=80); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);  } img:out{ opacity:1;fliter:alpha(opacity=100); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  } </style>

کد روشن شدن عکس
کد:
<style> img{ opacity:0.8;fliter:alpha(opacity=80); } img:hover{ opacity:1;fliter:alpha(opacity=100);  } img:out{ opacity:0.8;fliter:alpha(opacity=80);  } </style>
]]> <![CDATA[گرادیان]]> https://www.iranled.com/forum/thread-27994.html Fri, 28 Mar 2014 10:40:19 +0000 https://www.iranled.com/forum/thread-27994.html
به کمک این کد در css میتونیم رنگ بندی را به صورت گرادیان داشته باشیم


.jpg   s13.jpg (اندازه: 54.6 KB / تعداد دفعات دریافت: 88)


کد:
<!DOCTYPE html>
<html>
<head>
<style>
#grad1
{
height:200px;
background: -webkit-linear-gradient( #f0e2bd,#FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( #f0e2bd,#FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient( #f0e2bd,#FFFFFF ); /* For Firefox 3.6 to 15 */
background: linear-gradient( #f0e2bd,#FFFFFF); /* Standard syntax (must be last) */
}
</style>
</head>
<body>



<div id="grad1"></div>



</body>
</html>
]]>
به کمک این کد در css میتونیم رنگ بندی را به صورت گرادیان داشته باشیم


.jpg   s13.jpg (اندازه: 54.6 KB / تعداد دفعات دریافت: 88)


کد:
<!DOCTYPE html>
<html>
<head>
<style>
#grad1
{
height:200px;
background: -webkit-linear-gradient( #f0e2bd,#FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( #f0e2bd,#FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient( #f0e2bd,#FFFFFF ); /* For Firefox 3.6 to 15 */
background: linear-gradient( #f0e2bd,#FFFFFF); /* Standard syntax (must be last) */
}
</style>
</head>
<body>



<div id="grad1"></div>



</body>
</html>
]]> <![CDATA[نوشتن اعداد فارسی در HTML]]> https://www.iranled.com/forum/thread-27984.html Wed, 26 Mar 2014 19:24:50 +0000 https://www.iranled.com/forum/thread-27984.html چطوری میشه اعدادی که در صفحات وب مینویسم فارسی نمایش داده بشن!مثل قسمت زمان کنونی در همین سایت!]]> چطوری میشه اعدادی که در صفحات وب مینویسم فارسی نمایش داده بشن!مثل قسمت زمان کنونی در همین سایت!]]> <![CDATA[فریم ها در HTML]]> https://www.iranled.com/forum/thread-27968.html Sun, 23 Mar 2014 09:52:43 +0000 https://www.iranled.com/forum/thread-27968.html
فریم ها در HTML
با فریم ها، صفحات وب متعددی می توانند در همان پنجره مرورگر نمایش داده شو ند.

توجه: انتظار نداشته باشید فریم ها در نسخه های آینده HTML پشتیبانی شوند.

با فریم ها، شما می توانید بیش از یک سند HTML در همان پنجره مرورگر نمایش دهید. هر پرونده HTML یک فریم نامیده می شود، و هر فریم نیز مستقل از دیگری است.

معایب استفاده از فریم ها
از فریم ها انتظار نمی رود در نسخه های آینده HTML پشتیبانی شوند.
استفاده از فریم ها مشکل است(چاپ کل صفحه کار دشواری است).
توسعه دهنده گان وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشند.
المنت های فریم در اچ تی ام ال
عنصر فریم یک یا چند عنصر فریم را نگه می دارد. هر عنصر فریم می تواند یک سند را جداگانه نگه دارد.

دراین عنصر فریم های بسیاری از ستون یا ردیف ایالت ها وجود دارد، و مقدار درصدی / و پیکسل فضایی که هر یک از آنهااشغال می کنند.

عنصر فریم در HTML
تگ <frame>تعریف یک پنجره خاص(فریم) در درون مجموعه فریم ها را تعریف می کند.

مثال پایین یک frameset با دو ستون را نشان می دهد:
کد:
<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
. ستون اول تا ۲۵ ٪ از عرض پنجره مرورگر تنظیم شده است

.ستون دوم تا ۷۵% ازعرض پنجره مرورگر تنظیم شده است

سند ”frame_a.htm” در ستون اول قرار داده شده است، و سند “frame_b.htm” در ستون دوم قرار گرفته است.

نکته: فریم ها ی اندازه ستون می تواند بر حسب پیکسل تنظیم شوند (“cols=”200,500) , و همچنین می توان یکی از ستون ها را با علامت ستاره برای استفاده از فضای باقی مانده، تنظیم کرد (“cols=”25%,*).

نکات پایه ای — اطلاعات مفید:

اگر فریم یک کادر قابل رویت داشته باشید می تواند با کشیدن کادر آن ، اندازه آن را تغییر دهید. برای جلوگیری کاربر از انجام این کار ، شما می توانید “noresize” را به تگ <frame> اضافه کنید.

نکته: افزودن تگ <noframes> برای مرورگر هایی است که فریم ها را پشتیبانی نمی کنند.

مهم: شما نمی توانید تگ <body></body> را همراه با تگ <frameset></frameset> استفاده کنید. با این حال ، اگر شما تگ <noframes> را که حاوی مقداری متن برای مرورگر هایی که فریم ها را پشتیبانی نمی کنند اضافه می کنید شما باید متن را در بین تگ <body></body> قرار دهید.

به عنوان مثال:
کد:
<html>
<"frameset cols="25%,50%,25%>
< frame src="frame_a.htm"/>
<frame src="frame_b.htm"/ >
<frame src="frame_c.htm"/ >
<noframes>
<body>Your browser does not handle frames!</body>
<noframes/>
<frameset/>
<html/>
که خروجی به صورت زیر است:

.png   frame-300x184.png (اندازه: 27.03 KB / تعداد دفعات دریافت: 84)
استفاده از فریم ها در طراحی وب

کلام آخر اینکه استفاده ی صحیح و به دور از سوء استفاده از فریم ها در طراحی سایت، از اهمیت ویژه ای برخوردار است؛ به این نکته توجه داشته باشید که از فریم ها هرگز برای فریب گوگل استفاده نکنید.]]>
فریم ها در HTML
با فریم ها، صفحات وب متعددی می توانند در همان پنجره مرورگر نمایش داده شو ند.

توجه: انتظار نداشته باشید فریم ها در نسخه های آینده HTML پشتیبانی شوند.

با فریم ها، شما می توانید بیش از یک سند HTML در همان پنجره مرورگر نمایش دهید. هر پرونده HTML یک فریم نامیده می شود، و هر فریم نیز مستقل از دیگری است.

معایب استفاده از فریم ها
از فریم ها انتظار نمی رود در نسخه های آینده HTML پشتیبانی شوند.
استفاده از فریم ها مشکل است(چاپ کل صفحه کار دشواری است).
توسعه دهنده گان وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشند.
المنت های فریم در اچ تی ام ال
عنصر فریم یک یا چند عنصر فریم را نگه می دارد. هر عنصر فریم می تواند یک سند را جداگانه نگه دارد.

دراین عنصر فریم های بسیاری از ستون یا ردیف ایالت ها وجود دارد، و مقدار درصدی / و پیکسل فضایی که هر یک از آنهااشغال می کنند.

عنصر فریم در HTML
تگ <frame>تعریف یک پنجره خاص(فریم) در درون مجموعه فریم ها را تعریف می کند.

مثال پایین یک frameset با دو ستون را نشان می دهد:
کد:
<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
. ستون اول تا ۲۵ ٪ از عرض پنجره مرورگر تنظیم شده است

.ستون دوم تا ۷۵% ازعرض پنجره مرورگر تنظیم شده است

سند ”frame_a.htm” در ستون اول قرار داده شده است، و سند “frame_b.htm” در ستون دوم قرار گرفته است.

نکته: فریم ها ی اندازه ستون می تواند بر حسب پیکسل تنظیم شوند (“cols=”200,500) , و همچنین می توان یکی از ستون ها را با علامت ستاره برای استفاده از فضای باقی مانده، تنظیم کرد (“cols=”25%,*).

نکات پایه ای — اطلاعات مفید:

اگر فریم یک کادر قابل رویت داشته باشید می تواند با کشیدن کادر آن ، اندازه آن را تغییر دهید. برای جلوگیری کاربر از انجام این کار ، شما می توانید “noresize” را به تگ <frame> اضافه کنید.

نکته: افزودن تگ <noframes> برای مرورگر هایی است که فریم ها را پشتیبانی نمی کنند.

مهم: شما نمی توانید تگ <body></body> را همراه با تگ <frameset></frameset> استفاده کنید. با این حال ، اگر شما تگ <noframes> را که حاوی مقداری متن برای مرورگر هایی که فریم ها را پشتیبانی نمی کنند اضافه می کنید شما باید متن را در بین تگ <body></body> قرار دهید.

به عنوان مثال:
کد:
<html>
<"frameset cols="25%,50%,25%>
< frame src="frame_a.htm"/>
<frame src="frame_b.htm"/ >
<frame src="frame_c.htm"/ >
<noframes>
<body>Your browser does not handle frames!</body>
<noframes/>
<frameset/>
<html/>
که خروجی به صورت زیر است:

.png   frame-300x184.png (اندازه: 27.03 KB / تعداد دفعات دریافت: 84)
استفاده از فریم ها در طراحی وب

کلام آخر اینکه استفاده ی صحیح و به دور از سوء استفاده از فریم ها در طراحی سایت، از اهمیت ویژه ای برخوردار است؛ به این نکته توجه داشته باشید که از فریم ها هرگز برای فریب گوگل استفاده نکنید.]]> <![CDATA[نحوه گذاشتن آیکون برای وبسایت (favicon)]]> https://www.iranled.com/forum/thread-27513.html Sun, 22 Dec 2013 14:16:16 +0000 https://www.iranled.com/forum/thread-27513.html
برای اینکار باید کد زیر رو به قسمت <head> اضافه کنید :



کد:
<link rel="shortcut icon" href="http://yoururl/favicon.ico" title="Favicon" />

این هم یک نمونه کامل :


کد:
<head>
    <title>your website title</title>
    <link rel="shortcut icon" href="http://example.com/favicon.ico" title="Favicon" />
    <link rel="stylesheet" href="http://example.com/style.css" type="text/css"/>
</head>
<body>
    can you see favicon ?
</body>
به نکات زیر هم توجه داشته باشید :

قبلا آیکون مورد نظرتون رو آپلود کرده باشید و مسیرش با مسیری که داخل کد نوشتید یکی باشه.
اگه از فرمت های دیگه به غیر از ico استفاده کنید امکان داره برخی مرورگرها نشون ندن.
معمولا بهتره فرمت آیکون رو ico و مسیرش رو root انتخاب کنید.
اینم یه مبدل آنلاین خوب برای تبدیل عکس به favicon که میتونید ازش استفاده کنید : dynamicdrive.com]]>
برای اینکار باید کد زیر رو به قسمت <head> اضافه کنید :



کد:
<link rel="shortcut icon" href="http://yoururl/favicon.ico" title="Favicon" />

این هم یک نمونه کامل :


کد:
<head>
    <title>your website title</title>
    <link rel="shortcut icon" href="http://example.com/favicon.ico" title="Favicon" />
    <link rel="stylesheet" href="http://example.com/style.css" type="text/css"/>
</head>
<body>
    can you see favicon ?
</body>
به نکات زیر هم توجه داشته باشید :

قبلا آیکون مورد نظرتون رو آپلود کرده باشید و مسیرش با مسیری که داخل کد نوشتید یکی باشه.
اگه از فرمت های دیگه به غیر از ico استفاده کنید امکان داره برخی مرورگرها نشون ندن.
معمولا بهتره فرمت آیکون رو ico و مسیرش رو root انتخاب کنید.
اینم یه مبدل آنلاین خوب برای تبدیل عکس به favicon که میتونید ازش استفاده کنید : dynamicdrive.com]]> <![CDATA[منو افقی فقط با استفاده از CSS]]> https://www.iranled.com/forum/thread-27480.html Wed, 18 Dec 2013 10:12:31 +0000 https://www.iranled.com/forum/thread-27480.html
برای طراحی این منو از unordered list (لیست نامرتب) استفاده کردم، Unordered list با تگ <ul> شروع می شه و هر لیست هم با تگ <li> شروع میشه.
به نمونه توجه کنید:
کد:
<ul>
    <li>یک</li>
    <li>دو</li>
    <li>سه</li>
</ul>


و به این شکل نمایش داده میشه:
  • یک
  • دو
  • سه

از اونجایی که منو ما افقی هست باید با استفاده از CSS لیست را به صورت افقی تبدیل کنیم:
کد:
li{
    display: inline;
}

برای حذف نقطه های سیاه که به اصطلاح بهشون Bullets میگن:
کد:
ul{
    list-style: none;
}
و برای حذف فاصله لیست از اطراف از خاصیت CSS زیر استفاده می کنیم که میشه گفت نوعی هک هست، راجب به هک های مرورگر هم بعداً مفصل توضیح میدم:
کد:
*{
    margin: 0px;
    padding: 0px;
}
خب ما تقریباً خاصیت هامون را بدون استفاده از CLASS یا ID برای مرورگر تعریف کردیم، طراحان وب به این ترتیب خاصیت تگ های پیش فرض HTML را به میل خودشون تغییر می دهند و به اصطلاح بهش CSS Reset میگن.
من کمی خاصیت های پیش فرضمون را تکمیل کردم برای CSS reset:
کد:
/** css-reset **/
*{
    margin: 0px; /*فاصله اطراف یک بلوک*/
    padding: 0px; /*فاصله داخلی یک بلوک*/
    outline: 0px; /*حذف حاشیه اطراف لینک ها*/
}
body{
    direction: rtl; /*تغییر جهت نوشتاری از راست به چپ*/
    background: #FFF; /*رنگ پس زمینه*/
    font-family: Arial, Helvetica, sans-serif; /*نوع فونت*/
}
a{
    text-decoration: none; /*حذف خط زیر لینک ها*/
}
ul{
    list-style: none; /*حذف bullets*/
}
li{
    display: inline-block; /*تغییر لیست به صورت خطی ولی به شکل یک بلوک*/
}
اکنون برای منو ID تعریف میکنیم تا بتونیم خاصیت های مورد نظر را روش اعمال کنیم:
کد:
<ul id="menu">
    <li><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a></li>
    <li><a href="#">تماس با ما</a></li>
</ul>
و در CSS تعریف میکنیم:
کد:
#menu{
    display: block; /*تبدیل به یک بلوک*/
    background: #A9DB80; /*رنگ پس زمینه*/
    width: 405px; /*عرض*/
    height: 30px; /*ارتفاع*/
    margin: 15% auto; /*فاصله از اطراف*/
    border: 1px solid #68AB30; /*حاشیه بلوک*/
    -webkit-border-radius: 5px; /*گرد کردن گوشه های منو برای مرورگر سفری*/
    border-radius: 5px; /*گرد کردن گوشه ها برای سایر مرورگرها*/
    -webkit-box-shadow: 0px 0px 2px 0px #80CA44; /*سایه اطراف منو برای مرورگر سفری*/
    box-shadow: 0px 0px 2px 0px #80CA44; /*سایه اطراف منو برای سایر مرورگرها*/
}
#menu a{ /*خاصیت لینک ها درون منو*/
    display: block;
    width: 70px;
    height: 26px;
    padding: 5px 5px 0 5px; /*فاصله از داخل*/
    line-height: 20px; /*ارتفاع متن ها*/
    color: #4E8325; /*رنگ لینک*/
    font-weight: bold; /*درشت کردن متن*/
    text-shadow: 0px 1px 0px #D1ECBB; /*سایه اطراف متن*/
}
#menu li{ /*خاصیت لیست های درون منو*/
    text-align: center; /*چینش متن در وسط بلوک*/
    font-size: 17px; /*اندازه متن*/
    border-right: 1px solid #68AB30; /*حاشیه از سمت راست*/
}
#menu li:hover{ /*اگر موس بر روی لیست قرار بگیرد*/
    background: #9BD56C; /*تغییر رنگ زمینه*/
    height: 30px; /*hover fix*/
}
نقل قول: از خاصیت های border-radius، box-shadow و text-shadow تمام مرورگرهای نسل جدید و فقط اینترنت اکسپلورر 9 به بالا پشتیبانی میکنند.
خب منو ما تکمیل شد اکنون اولین بلوک لیست ما دارای حاشیه از سمت راست می باشد که نیازی به بودنش نیست چون اطراف کل منو دارای حاشیه هست، پس برای اولین <li> یک CLASS تعریف میکنیم تا حاشیه مورد نظر را حذف کنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a></li>
    <li><a href="#">تماس با ما</a></li>
</ul>

و در CSS:

#menu li.none{
    border-right: none; /*حذف حاشیه سمت راست*/
}
اکنون منو کاملاً آماده است، اما شاید مایل باشید بعضی از منو ها به صورت بازشو باشند
یا به اصطلاح sub menu داشته باشند!
پس برای اضافه کردن منو بازشو در HTML با استفاده از تگ <div>، اضافه کردن لینک ها و تعریف CLASS شروع میکنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a>
    <div class="sub">
    <a href="#">راهنمای خرید</a>
    <a href="#">راهنمای نصب</a>
    <a href="#">قوانین استفاده</a>
    </div>
    </li>
    <li><a href="#">تماس با ما</a></li>
</ul>
منو بازشو باید فقط در صورت بردن موس بر روی منو نمایش داده شود به خاصیت های CSS دقت کنید:
کد:
#menu .sub{
    position: absolute;
    display: block;
    visibility: hidden; /*پنهان کردن منو بازشو*/
    background: #A9DB80;
    margin: -1px -1px 0 0;
    border: 1px solid #68AB30;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    width: 120px;
    font-size: 15px;
    text-align: right;
}
با خاصیت position:absolute به مرورگر دستور می دهید بلوک مورد نظر شما دقیقاً در جایی که شما تعیین کرده اید قرار بگیرد و عناصر دیگر صفحه تغییری در محل قرارگیری بلوک یاد شده حاصل نکنند.
کد:
#menu li:hover .sub{ /*اگر موس بر روی لیست قرار بگیرد*/
    visibility: visible; /*نمایش منو بازشو*/
}
#menu .sub a{ /*لینک های منو بازشو*/
    display: inline-block;
    width: 110px;
    border-top: 1px solid #68AB30; /*حاشیه از بالا*/
}
#menu .sub a:hover{ /*اگر موس بر روی یکی از لینک ها منو بازشو قرار بگیرد*/
    background: url(img/arrow.gif) no-repeat left center; /*نمایش تصویر به صورت پس زمینه*/
}
اولین لینک منو بازشو دارای حاشیه از بالا هست و چون اطراف کل منو بازشو حاشیه دار هست دیگر نیازی به بودنش نیست.
پس برای حذف حاشیه به اولین لینک یک CLASS اضافه میکنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a>
    <div class="sub">
    <a href="#" class="none">راهنمای خرید</a>
    <a href="#">راهنمای نصب</a>
    <a href="#">قوانین استفاده</a>
    </div>
    </li>
    <li><a href="#">تماس با ما</a></li>
</ul>
و در CSS:
کد:
#menu a.none{
    border-top: none;
}
خب طراحی منو ما به اتمام رسید، اما یه لحظه!
یک فاصله آزار دهنده بین لینک های درون لیست هست که نمایش منو را به صورت نامنظم تبدیل کرده :(
اما نگران نباشید برای حل این مشکل از حقه کامنت استفاده میکنیم به صورت زیر:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li><!--
    --><li><a href="#">محصولات</a></li><!--
    --><li><a href="#">سفارش</a></li><!--
    --><li><a href="#">راهنما</a>
        <div class="sub">
        <a class="none" href="#">راهنمای خرید</a>
        <a href="#">راهنمای نصب</a>
        <a href="#">قوانین استفاده</a>
        </div>
    </li><!--
    --><li><a href="#">تماس با ما</a></li>
</ul>

دیگه واقعاً تموم شد، نه جدی دیگه قدم دیگه ایی نمونده!
اکنون که با طراحی این نوع از منو آشنا شدی و خاصیت ها را شناختی میتونی اندازه منو را به اندازه دلخواه تغییر بدی رنگ ها رو عوض کنی خاصیت هایی رو حذف یا اضافه کنی ولی باید اینو بدونی تعیین اندازه ها چه در عرض و ارتفاع و چه در فاصله ها کاری تجربی هست که باید با کار کردن و کم و زیاد کردن مقدارها به اندازه و موقعیت مورد نظرت برسی…]]>
برای طراحی این منو از unordered list (لیست نامرتب) استفاده کردم، Unordered list با تگ <ul> شروع می شه و هر لیست هم با تگ <li> شروع میشه.
به نمونه توجه کنید:
کد:
<ul>
    <li>یک</li>
    <li>دو</li>
    <li>سه</li>
</ul>


و به این شکل نمایش داده میشه:
  • یک
  • دو
  • سه

از اونجایی که منو ما افقی هست باید با استفاده از CSS لیست را به صورت افقی تبدیل کنیم:
کد:
li{
    display: inline;
}

برای حذف نقطه های سیاه که به اصطلاح بهشون Bullets میگن:
کد:
ul{
    list-style: none;
}
و برای حذف فاصله لیست از اطراف از خاصیت CSS زیر استفاده می کنیم که میشه گفت نوعی هک هست، راجب به هک های مرورگر هم بعداً مفصل توضیح میدم:
کد:
*{
    margin: 0px;
    padding: 0px;
}
خب ما تقریباً خاصیت هامون را بدون استفاده از CLASS یا ID برای مرورگر تعریف کردیم، طراحان وب به این ترتیب خاصیت تگ های پیش فرض HTML را به میل خودشون تغییر می دهند و به اصطلاح بهش CSS Reset میگن.
من کمی خاصیت های پیش فرضمون را تکمیل کردم برای CSS reset:
کد:
/** css-reset **/
*{
    margin: 0px; /*فاصله اطراف یک بلوک*/
    padding: 0px; /*فاصله داخلی یک بلوک*/
    outline: 0px; /*حذف حاشیه اطراف لینک ها*/
}
body{
    direction: rtl; /*تغییر جهت نوشتاری از راست به چپ*/
    background: #FFF; /*رنگ پس زمینه*/
    font-family: Arial, Helvetica, sans-serif; /*نوع فونت*/
}
a{
    text-decoration: none; /*حذف خط زیر لینک ها*/
}
ul{
    list-style: none; /*حذف bullets*/
}
li{
    display: inline-block; /*تغییر لیست به صورت خطی ولی به شکل یک بلوک*/
}
اکنون برای منو ID تعریف میکنیم تا بتونیم خاصیت های مورد نظر را روش اعمال کنیم:
کد:
<ul id="menu">
    <li><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a></li>
    <li><a href="#">تماس با ما</a></li>
</ul>
و در CSS تعریف میکنیم:
کد:
#menu{
    display: block; /*تبدیل به یک بلوک*/
    background: #A9DB80; /*رنگ پس زمینه*/
    width: 405px; /*عرض*/
    height: 30px; /*ارتفاع*/
    margin: 15% auto; /*فاصله از اطراف*/
    border: 1px solid #68AB30; /*حاشیه بلوک*/
    -webkit-border-radius: 5px; /*گرد کردن گوشه های منو برای مرورگر سفری*/
    border-radius: 5px; /*گرد کردن گوشه ها برای سایر مرورگرها*/
    -webkit-box-shadow: 0px 0px 2px 0px #80CA44; /*سایه اطراف منو برای مرورگر سفری*/
    box-shadow: 0px 0px 2px 0px #80CA44; /*سایه اطراف منو برای سایر مرورگرها*/
}
#menu a{ /*خاصیت لینک ها درون منو*/
    display: block;
    width: 70px;
    height: 26px;
    padding: 5px 5px 0 5px; /*فاصله از داخل*/
    line-height: 20px; /*ارتفاع متن ها*/
    color: #4E8325; /*رنگ لینک*/
    font-weight: bold; /*درشت کردن متن*/
    text-shadow: 0px 1px 0px #D1ECBB; /*سایه اطراف متن*/
}
#menu li{ /*خاصیت لیست های درون منو*/
    text-align: center; /*چینش متن در وسط بلوک*/
    font-size: 17px; /*اندازه متن*/
    border-right: 1px solid #68AB30; /*حاشیه از سمت راست*/
}
#menu li:hover{ /*اگر موس بر روی لیست قرار بگیرد*/
    background: #9BD56C; /*تغییر رنگ زمینه*/
    height: 30px; /*hover fix*/
}
نقل قول: از خاصیت های border-radius، box-shadow و text-shadow تمام مرورگرهای نسل جدید و فقط اینترنت اکسپلورر 9 به بالا پشتیبانی میکنند.
خب منو ما تکمیل شد اکنون اولین بلوک لیست ما دارای حاشیه از سمت راست می باشد که نیازی به بودنش نیست چون اطراف کل منو دارای حاشیه هست، پس برای اولین <li> یک CLASS تعریف میکنیم تا حاشیه مورد نظر را حذف کنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a></li>
    <li><a href="#">تماس با ما</a></li>
</ul>

و در CSS:

#menu li.none{
    border-right: none; /*حذف حاشیه سمت راست*/
}
اکنون منو کاملاً آماده است، اما شاید مایل باشید بعضی از منو ها به صورت بازشو باشند
یا به اصطلاح sub menu داشته باشند!
پس برای اضافه کردن منو بازشو در HTML با استفاده از تگ <div>، اضافه کردن لینک ها و تعریف CLASS شروع میکنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a>
    <div class="sub">
    <a href="#">راهنمای خرید</a>
    <a href="#">راهنمای نصب</a>
    <a href="#">قوانین استفاده</a>
    </div>
    </li>
    <li><a href="#">تماس با ما</a></li>
</ul>
منو بازشو باید فقط در صورت بردن موس بر روی منو نمایش داده شود به خاصیت های CSS دقت کنید:
کد:
#menu .sub{
    position: absolute;
    display: block;
    visibility: hidden; /*پنهان کردن منو بازشو*/
    background: #A9DB80;
    margin: -1px -1px 0 0;
    border: 1px solid #68AB30;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    width: 120px;
    font-size: 15px;
    text-align: right;
}
با خاصیت position:absolute به مرورگر دستور می دهید بلوک مورد نظر شما دقیقاً در جایی که شما تعیین کرده اید قرار بگیرد و عناصر دیگر صفحه تغییری در محل قرارگیری بلوک یاد شده حاصل نکنند.
کد:
#menu li:hover .sub{ /*اگر موس بر روی لیست قرار بگیرد*/
    visibility: visible; /*نمایش منو بازشو*/
}
#menu .sub a{ /*لینک های منو بازشو*/
    display: inline-block;
    width: 110px;
    border-top: 1px solid #68AB30; /*حاشیه از بالا*/
}
#menu .sub a:hover{ /*اگر موس بر روی یکی از لینک ها منو بازشو قرار بگیرد*/
    background: url(img/arrow.gif) no-repeat left center; /*نمایش تصویر به صورت پس زمینه*/
}
اولین لینک منو بازشو دارای حاشیه از بالا هست و چون اطراف کل منو بازشو حاشیه دار هست دیگر نیازی به بودنش نیست.
پس برای حذف حاشیه به اولین لینک یک CLASS اضافه میکنیم:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li>
    <li><a href="#">محصولات</a></li>
    <li><a href="#">سفارش</a></li>
    <li><a href="#">راهنما</a>
    <div class="sub">
    <a href="#" class="none">راهنمای خرید</a>
    <a href="#">راهنمای نصب</a>
    <a href="#">قوانین استفاده</a>
    </div>
    </li>
    <li><a href="#">تماس با ما</a></li>
</ul>
و در CSS:
کد:
#menu a.none{
    border-top: none;
}
خب طراحی منو ما به اتمام رسید، اما یه لحظه!
یک فاصله آزار دهنده بین لینک های درون لیست هست که نمایش منو را به صورت نامنظم تبدیل کرده :(
اما نگران نباشید برای حل این مشکل از حقه کامنت استفاده میکنیم به صورت زیر:
کد:
<ul id="menu">
    <li class="none"><a href="#">خـانه</a></li><!--
    --><li><a href="#">محصولات</a></li><!--
    --><li><a href="#">سفارش</a></li><!--
    --><li><a href="#">راهنما</a>
        <div class="sub">
        <a class="none" href="#">راهنمای خرید</a>
        <a href="#">راهنمای نصب</a>
        <a href="#">قوانین استفاده</a>
        </div>
    </li><!--
    --><li><a href="#">تماس با ما</a></li>
</ul>

دیگه واقعاً تموم شد، نه جدی دیگه قدم دیگه ایی نمونده!
اکنون که با طراحی این نوع از منو آشنا شدی و خاصیت ها را شناختی میتونی اندازه منو را به اندازه دلخواه تغییر بدی رنگ ها رو عوض کنی خاصیت هایی رو حذف یا اضافه کنی ولی باید اینو بدونی تعیین اندازه ها چه در عرض و ارتفاع و چه در فاصله ها کاری تجربی هست که باید با کار کردن و کم و زیاد کردن مقدارها به اندازه و موقعیت مورد نظرت برسی…]]> <![CDATA[تفاوت میان html ، xhtml و xml]]> https://www.iranled.com/forum/thread-27164.html Wed, 23 Oct 2013 07:50:03 +0000 https://www.iranled.com/forum/thread-27164.html
xhtml از دو بخش اصلی تشکیل شده

* html 4

html 4 زبان برنامه نویسی می باشد برای نمایش متن و مطالب در پلتفرم های مختلف. در این زبان قابلیت های بسیاری برای نمایش مطالب، تصویر و فایل های مولتی مدیل وجود دارد.

* xml

یک زبان برنامه نویسی مارک آپ قابل گسترش می باشد که سادگی و و قدرت html را دارد و پیچیدگی خاصی چندانی ندارد.

XHTML انعطاف پذیری HTML و قابل گسترش دادن XML را با هم دارد. اما این به چه معناست.

برخی از تگ های html وجود دارند که در برخی از مرورگرها کار می کنند و در برخی دیگر خیر. برخی از آن ها جزو تگ های DTD هستند و برخی دیگر خیر. اما نتیجه آن این است که صفحه سایت شما در تمامی مرورگرها به یک شکل نمایش داده نمی شود. تنها راهی که به عنوان کد نویس html دارید آن است که از آن تگ ها استفاده ننمایید و یا در سایت خود عنوان نمایید که این سایت در چه مرورگرهای نمایش بهتری دارد و همچنین اینکه صفحات مختلف برای مرورگرهای مختلف ایجاد نمایید.

با استفاده از XHTML به انجام این کارها احتیاجی نیست. توسط XHTML ، در صورتی که احتیاجی برای ایجاد تگ جدید بود، می توانید آن را در ماژول XHTML ایجاد نمایید و آن را در صفحه وب سایت خود استفاده نمایید. شما همچنین می توانید توسط XHTML حالت نمایش صفحه را در مرورگری که آن را لود می نماید معین نمایید.



تفاوت میان html ، xhtml و xml]]>
xhtml از دو بخش اصلی تشکیل شده

* html 4

html 4 زبان برنامه نویسی می باشد برای نمایش متن و مطالب در پلتفرم های مختلف. در این زبان قابلیت های بسیاری برای نمایش مطالب، تصویر و فایل های مولتی مدیل وجود دارد.

* xml

یک زبان برنامه نویسی مارک آپ قابل گسترش می باشد که سادگی و و قدرت html را دارد و پیچیدگی خاصی چندانی ندارد.

XHTML انعطاف پذیری HTML و قابل گسترش دادن XML را با هم دارد. اما این به چه معناست.

برخی از تگ های html وجود دارند که در برخی از مرورگرها کار می کنند و در برخی دیگر خیر. برخی از آن ها جزو تگ های DTD هستند و برخی دیگر خیر. اما نتیجه آن این است که صفحه سایت شما در تمامی مرورگرها به یک شکل نمایش داده نمی شود. تنها راهی که به عنوان کد نویس html دارید آن است که از آن تگ ها استفاده ننمایید و یا در سایت خود عنوان نمایید که این سایت در چه مرورگرهای نمایش بهتری دارد و همچنین اینکه صفحات مختلف برای مرورگرهای مختلف ایجاد نمایید.

با استفاده از XHTML به انجام این کارها احتیاجی نیست. توسط XHTML ، در صورتی که احتیاجی برای ایجاد تگ جدید بود، می توانید آن را در ماژول XHTML ایجاد نمایید و آن را در صفحه وب سایت خود استفاده نمایید. شما همچنین می توانید توسط XHTML حالت نمایش صفحه را در مرورگری که آن را لود می نماید معین نمایید.



تفاوت میان html ، xhtml و xml]]> <![CDATA[تبدیل یه css]]> https://www.iranled.com/forum/thread-26581.html Sat, 03 Aug 2013 20:11:32 +0000 https://www.iranled.com/forum/thread-26581.html
میخام عکس های قالب وبلاگم رو تغییر بدم و توی قالب الان داره همه عکس ها با پسوند .cssهست
چجوری عکسایی که الان میخام جای گزین کنم رو به .csتغییر بدم؟
اینکار نرم افزاری انجام میشه یا دستور برنامه نویسی داره؟

ممنون میشم راهنماییم کنین]]>
میخام عکس های قالب وبلاگم رو تغییر بدم و توی قالب الان داره همه عکس ها با پسوند .cssهست
چجوری عکسایی که الان میخام جای گزین کنم رو به .csتغییر بدم؟
اینکار نرم افزاری انجام میشه یا دستور برنامه نویسی داره؟

ممنون میشم راهنماییم کنین]]>