آموزش قرار دادن ویدیو و موزیک در مطالب با استفاده از کدهایHTML

Tue, 19 Jan 2016 16:44:51 +0000

با سلام و احترام
برای قرار دادن ویدیو ویا موزیک از برای وب سایت میتونید از این آموزش استفاده کنید
ابتدا به قسمت ماژول ها رفته و htmlسفارشی کدها رو قرار بدهید

کد:









Your browser does not support the video tag.

برای قرار دادن فایل با هر پسوندی میتونید از

کد:

بین کوتیشن scr میتونید آدرس فیلم و یا ... را قرار بدهید
که هم میتونه از هاست باشه ویا جای دیگه آپلود شده باشه
----------------------------------
دوستانی که از قالب های استفاده میکنند که فریمورک ضعیف تر دارد میتوانند از کد زیر استفاده کنند

کد: 

Video

موفق باشید

HTML URL-Encoding References

Tue, 15 Dec 2015 09:30:18 +0000

در زیر یک منبع از کاراکترهای اسکی در فرم url-encoding آمده است.مقادیر مبنای 16 می توانند برای نمایش حروف غیر استاندارد و کاراکترهای در مرورگرها و plug-in استفاده شوند.
URL-encoding from %00 to %8f
مقدار ASCII URL-encode مقدار ASCII URL-encode مقدار ASCII URL-encode
æ %00 0 %30 ` %60
%01 1 %31 a %61
%02 2 %32 b %62
%03 3 %33 c %63
%04 4 %34 d %64
%05 5 %35 e %65
%06 6 %36 f %66
%07 7 %37 g %67
backspace %08 8 %38 h %68
tab %09 9 %39 i %69
linefeed %0a : %3a j %6a
%0b ; %3b k %6b
%0c < %3c l %6c
c return %0d = %3d m %6d
%0e > %3e n %6e
%0f ? %3f o %6f
%10 @ %40 p %70
%11 A %41 q %71
%12 B %42 r %72
%13 C %43 s %73
%14 D %44 t %74
%15 E %45 u %75
%16 F %46 v %76
%17 G %47 w %77
%18 H %48 x %78
%19 I %49 y %79
%1a J %4a z %7a
%1b K %4b { %7b
%1c L %4c | %7c
%1d M %4d } %7d
%1e N %4e ~ %7e
%1f O %4f %7f
space %20 P %50 € %80
! %21 Q %51 %81
" %22 R %52 ‚ %82
# %23 S %53 ƒ %83
$ %24 T %54 „ %84
% %25 U %55 … %85
& %26 V %56 † %86
' %27 W %57 ‡ %87
( %28 X %58 ˆ %88
) %29 Y %59 ‰ %89
* %2a Z %5a Š %8a
+ %2b [ %5b ‹ %8b
, %2c \ %5c Œ %8c
- %2d ] %5d %8d
. %2e ^ %5e Ž %8e
/ %2f _ %5f %8f
URL-encoding from %90 to %ff
مقدار ASCII URL-encode مقدار ASCII URL-encode مقدار ASCII URL-encode
%90 À %c0 ð %f0
‘ %91 Á %c1 ñ %f1
’ %92 Â %c2 ò %f2
“ %93 Ã %c3 ó %f3
” %94 Ä %c4 ô %f4
• %95 Å %c5 õ %f5
– %96 Æ %c6 ö %f6
— %97 Ç %c7 ÷ %f7
˜ %98 È %c8 ø %f8
™ %99 É %c9 ù %f9
š %9a Ê %ca ú %fa
› %9b Ë %cb û %fb
œ %9c Ì %cc ü %fc
%9d Í %cd ý %fd
ž %9e Î %ce þ %fe
Ÿ %9f Ï %cf ÿ %ff
%a0 Ð %d0
¡ %a1 Ñ %d1
¢ %a2 Ò %d2
£ %a3 Ó %d3
%a4 Ô %d4
¥ %a5 Õ %d5
| %a6 Ö %d6
§ %a7 %d7
¨ %a8 Ø %d8
© %a9 Ù %d9
ª %aa Ú %da
« %ab Û %db
¬ %ac Ü %dc
¯ %ad Ý %dd
® %ae Þ %de
¯ %af ß %df
° %b0 à %e0
± %b1 á %e1
² %b2 â %e2
³ %b3 ã %e3
´ %b4 ä %e4
µ %b5 å %e5
¶ %b6 æ %e6
· %b7 ç %e7
¸ %b8 è %e8
¹ %b9 é %e9
º %ba ê %ea
» %bb ë %eb
¼ %bc ì %ec
½ %bd í %ed
¾ %be î %ee
¿ %bf ï %ef

آماده شوید که سایت خود را آپلود کنید

Tue, 15 Dec 2015 09:24:27 +0000

آماده شوید که سایت خود را آپلود کنید
قدم اول شما یک وب سرور شخصی

اگر شما می خواهید دیگران صفحات شما را ببینند باید آنها را publish کنید
برای publish کردن کارتان شما باید فایل هایتان را در یک وب سرور کپی کنید
رایانه خودتان اگر به یک شبکه متصل است می تواند بعنوان یک وب سرور عمل کند
اگر شما win98 را اجرا می کنید می توانید از PWS استفاده کنید
PWS در پوشه PWS در CD ویندوز است

وب سرور شخصی PWS
PWS هر کامپیوتر ویندوز را به یک سرور تبدیل می کند. PWS نصب آسانی دارد و برای اجرا برنامه های کاربردی وب ایده آل است. PWS برای ایستگاه های کاری بهینه می باشد اما نیازمند یک وب سرور کامل است .آن همچنین ASP را مانند برادر بزرگتر خود IIS اجرا می کند.
چگونه یک وب سرور pws نصب کنیم

نصب ویندوز را مرور کنید تا ببینید pws را نصب کرده اید یا نه
اگر نصب نکرده اید آن را از پوشه pws ویندوز نصب کنید
با توجه به دستورالعمل رفتار کنید و آن را نصب کنید

نکته: نسخه های win xp home edition گزینه pws برای نصب ندارند.
Internet Information Services(IIS)
وب سرور IIS در win2000 ساخته شد که ساختن برنامه های کاربردی بزرگ برای وب را آسان ساخت. IIS و PWS هردو شامل ASP هستند. یک اسکریپت نویسی استاندارد سمت سرور که می تواند برای ساخت صفحات پویا و برنامه های فعل و انفعالی استفاده شود. IIS اکنون برای WIN NT آماده است.
قدم بعدی یک وب سرور حرفه ای

اگر شما نمی خواهید از PWS یا IIS استفاده کنید ، شما باید پروفایلتان را در یک سرور عمومی آپلود کنید.بیشتر ISP ها پیشنهاد میزبانی صفحات وب را به شما خواهند داد
اگر کارمند شما یک سرور اینترنت دارد می توانید از او بخواهید تا میزبان وب سایت شما شود.
اگر شما واقعا در این مورد جدی هستید باید سرور اینترنت خودتان را نصب کنید.

جدول های HTML به وسیله HTML شما می توانید جدول بسازید

Thu, 26 Nov 2015 07:53:40 +0000

جدول های HTML
به وسیله HTML شما می توانید جدول بسازید
مثالها

جدولها
این مثال به ما نشان می دهد که چگونه می توانیم یک جدول بکشیم.

حاشیه جدول
این مثال حاشیه های مختلف جدول را نشان می دهد.

(مثالهای بیشتر، در انتهای این صفحه آمده است)
جدول ها
جداول بوسیله برچسبمعرفی می شوند.هر جدول به سطرها (بوسیله برچسب )و هر سطر به سلول های داده تقسیم می شود (بوسیله برچسب ، و به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند تغییر کند.
مثالهای بیشتر

جدول بدون حاشیه
در این مثال یک جدول بدون حاشیه را می بینید.

سرتیترهای جدول
چگونگی نمایش سرتیترها را در جدول می بینید.

سلول خالی
این مثال طریق استفاده از " "، برای نمایش صحیح سلولهای خالی را نشان می دهد.

عنوان جدول
این مثال چگونگی عنوان دار کردن جدول را نشان می دهد.

توسعه سلول جدول به بیش از یک سطر یا ستون
در این مثال چگونگی ساخت سلولی که بیش از یک ستون یا سطر را می پوشاند را می بینید.

جدول در جدول
برای ساخت جدولی، درون یک جدول دیگر، به این مثال توجه کنید.

حاشیه خالی سلول
در این مثال، روش قرار دادن حاشیه خالی بین محتوای سلول و حاشیه ان را می آموزیم.

فاصله سلولها
برای تعیین فاصله بین سلولها به این مثال توجه کنید.

زمینه جدول
برای زمینه جدول می توان یک رنگ و یا یک عکس را انتخاب کرد. به این مثال توجه کنید.

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

محل نمایش محتوای یک سلول
با استفاده از موجودیت "align"، می توان محل نمایش محتوای یک سلول را تعیین کرد. برای این منظور به این مثال توجه کنید.

تعین قاب دور جدول
به کمک موجودیت "frame"، میتوان نوع قاب دور جدول را تعیین کرد. نگاه کنید.
برچسب های جدول
برچسب ها توضیحات

) حروف td بیانگر داده جدولی (table data) هستند که حاوی سلول داده است.یک سلول داده می تواند حاوی متن ، عکس ، لیست ها ، پاراگراف ها ، فرم ها ، خط های افقی و جدول ها و... باشد.
row1,cel1 row1,cel2
row2,cel1 row2,cel2

row1,cel1	row1,cel2
row1,cel1	row1,cel1

جدول ها و عنصر حاشیه
اگر شما عنصر حاشیه را معین نکنید ، جدول بدون حاشیه نشان داده خواهد شد. گاهی اوقات این می تواند مفید باشد اما بیشتر مواقع شما می خواهید که حاشیه ها نشان داده شوند.برای نشان دادن جداول با حاشیه شما باید از عنصر حاشیه (border) استفاده کنید.

row1,cel1	row1,cel2
row2,cel1	row2,cel2

سر تیترها در جداول
سرتیترها در یک جدول با برچسب

مشخص می شوند.

Another Heading Heading
row1,cel2 row1,cel1

Heading	Another Heading
row1,cel1	row1,cel2

سلول های خالی در جداول
سلول های جداول با محتوای خالی در بیشتر مرورگرها خوب نشان داده نمی شوند.
row1,cel2 row1,cel1
row2,cel1

row1,cell1	row1,cell2
row2,cel1

این کدها در مرورگر بدین صورت نشان داده می شوند.توجه کنید که حاشیه های اطراف سلول خالی جدول از بین رفته است(موزیلا فایر فاکس(Fire Fox) حاشیه را نشان می دهد.).برای جلوگیری از آن یک فاصله نا مقطوع(;nbsp&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.
row1,cel2 row1,cel1
row2,cel1

row1,cell1	row1,cell2
row2,cel1

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

عناصر

یک جدول معرفی می کند
یک سطر جدول معرفی می کند
یک گروه از ستون ها معرفی می کند
یک مقدار موجودیت برای یک یا چند ستون معرفی می کند
سر یک جدول را معرفی می کند
بدنه یک جدول را معرفی می کند
پاورقی جدول را معرفی می کند

تگ عنوان Title

Mon, 23 Nov 2015 07:51:53 +0000

تگ عنوان Title

یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجوگرهای وب تگ عنوان ( تگ Title ) می باشد . متنی که داخل این تگ قرار میگیرد عنوان صفحه را مشخص میکند که در title bar مرورگر به کاربران نشان داده می شود.

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

در بخش آموزش سئو (seo) استفاده ی مناسب از این تگ و اینکه چه کلماتی استفاده شود بطور کامل توضیح داده شده است.

نحوه ی استفاده از آن بصورت زیر می باشد :

متن عنوان صفحه

.

.

.

.

.

CSS داخلی

Tue, 08 Sep 2015 06:21:04 +0000

CSS داخلی

یکی از روشهای تعریف css استفاده از روش Internal Style Sheet میباشد. برای استفاده از این روش بایستی کد های CSS را در فایل HTML ، درون تگ قرار دهید.

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

مزایای استفاده از این سبک :

تنها بر روی صفحاتی که از این سبک استفاده کرده اند تاثیر میگذارد.
بر خلاف سبک درون خطی ، این روش میتواند از خاصیت ارث بری کلاس ها استفاده کند.برای مثال میتوانید از یک Style در چندین جای همان صفحه اسفاده کنید.
این سبک ممکن است اولویت بالاتری از CSS خارجی ها داشته باشند.

معایب استفاده از این سبک :

تنها در صفحاتی که در آن هستند تاثیر میگذارند.
افزایش زمان بارگزاری صفحه

کد:

تگ لینک ( Link ) :

Tue, 21 Jul 2015 05:23:18 +0000

این تگ حاوی خصیصه های مختلفی برای ارتباط با فایل های خارجی می باشد. توصیه می شود که تگ لینک ( تگ Link ) در بخش head سایت استفاده گردد.

مهمترین استفاده های آن :

1 - تعریف استایل ( Style ) خارجی :

مهمترین کاربرد این تگ تعریف استایل (Style) خارجی حاوی کدهای Css می باشد. یکی از روش های دیگر تعریف Css برای ظاهر و Style صفحه Html استفاده از فایل خارجی حاوی کد Css و تعریف آن در تگ Link در بخش Head صفحه می باشد.

برای نحوه ی استفاده از کدهای Css به بخش آموزش Css و دانستن مزایا و معایب این روش نسبت به روش های دیگر تعریف Css به بخش روش ها مراجعه نمایید.

برای تعریف Style خارجی فایل حاوی Css از کد زیر استفاده نمایید :

2 - تعریف آیکن صفحه :

- برای تعریف آیکن صفحه در بخش آدرس بار مرورگر وب نیز ، از تگ لینک استفاده میشود :

تگ

عنوان جدول معرفی می کند
سرتیتر جدول معرفی می کند
یک سلول جدول معرفی می کند

Tue, 21 Jul 2015 05:18:43 +0000

تگ

تگ table برای تقسیم بندی متن به چند بخش و جدول بندی سایت استفاده میشود.

این تگ مانند تگ div برای قالب سایت ، استفاده میشود ، ولی به دلیل حجیم بودن تگ های مورد استفاده در تگ table و تگ td و تگ tr، و نیز انعطاف پذیری کم آن ، پیشنهاد میشود که از تگ div استفاده کنید.

Month	Savings
January	$100

تگ table همچنین ویژگی های عمومی در HTML را پشتیبانی میکند. این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.

قواعد دستوری جیکوئری ( Jquery )

Sun, 28 Jun 2015 10:31:50 +0000

با قواعد دستوری جیکوئری شما میتوانید عناصر HTML را انتخاب کنید و عملیات مورد نظر خود را بر روی آنها انجام دهید.

ساختار اصلی یک دستور جیکوئری :

$(selector).action()

$ : برای دسترسی به جیکوئری به کار میرود.

selector : برای جستجوی عناصر HTML به کار میرود.

action() : عملی را که که بر روی عنصر بایستی انجام شود مشخص میکند.

این مثال المنت جاری را مخفی میکند:

$(this).hide()

برای یک کلاس خاص :

$(".classname").hide()

برای یک ID خاص :

$("#IDname").hide()

[/align]
برای یک تگ خاص :

$(div).hide()[align=left]

در ادامه ی آموزش jquery ، این موارد به طور کامل توضیح داده خواهد شد.

رويدادهای عناصر فرم در HTML

Sun, 28 Jun 2015 10:14:30 +0000

رويدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دارند .

رويدادهای عناصر فرم در HTML شامل رویدادهای زیر میشود:
رویداد شرح
onblur در هنگام از دست دادن فوکوس کنترل تحريک می شود .
onchange در هنگام تغيير وضعيت يک کنترل تحريک می شود . برای مثال در کنترل textbox در هنگام تغيير متن درون آن تحريک می شود .
oncontextmenu رويدادی است که منوی صفحه راه اندازی میشود اجرا می شود .
onfocus در هنگامي که کنترل فوکوس را به دست می آورد ، تحريک می شود .
onformchange رويدادی است که هنگام تغییر کردن صفحه اجرا می شود .
onforminput رويدادی است که در هنگام وارد کردن اطلاعات در فرم توسط کاربر اجرا می شود .
oninput رويدادی است که در هنگام وارد کردن اطلاعات در عنصر توسط کاربر اجرا می شود
oninvalid رويدادی است که در هنگام نامعتبر بودن عنصر اجرا می شود.
onselect در هنگام انتخاب کردن عنصر مورد نظر در فرم تحريک می شود .
onsubmit در هنگام فشردن دکمه submit فرم و ارسال اطلاعات کنترل های فرم تحريک می شود .

جی کوئری چیست ؟

Sat, 27 Jun 2015 11:56:23 +0000

جی کوئری چیست ؟

jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد اچ تی ام ال ، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.

جی کوئری چیست ؟ یک چارچوب جاوا اسکریپت است که هدف آن آسان ساختن استفاده از جاوا اسکریپت در صفحات طراحی وب سایت شماست.

شما می توانید جی کوئری را به صورت یک لایه انتزاعی توصیف کنید زیرا قابلیت های بسیاری را که می باید در خطوط بیشماری از کد جاوا اسکریپت می نوشتید گرفته و آنها را در توابعی (functions) که می توانید تنها در یک خط کد فراخوانی کنید پنهان می کنند.

جی کوئری جایگزینی برای جاوا اسکریپت نیست و با این که برخی میانبرهای نحوی نوشتاری را در اختیارتان می گذارد اما کدی که هنگام استفاده از جی کوئری خواهید نوشت هنوز هم جاوا اسکریپت می باشد.

آموزش جیکوئری تلاش می کند تا بسیاری از دستورات پیچیده جاوا اسکریپت نظیر فراخوانی های ای جکس (AJAX) و عملیاتهای DOM را ساده تر کند تا بتوانید این اعمال را بدون این که دانش زیادی درباره جاوا اسکریپت داشته باشید به اجرا بگذارید. شما می توانید تقریباً برای انجام هر کاری یک پلاگین جی کوئری را پیدا نمائید.
چرا JQuery استفاده کنیم ؟

شما با آموزش jquery به راحتی با کمترین دانش برنامه نویسی میتوانید نحوه کد نویسی jquery رو درک کنید.

یکی دیگر از مزایای کاربردهای جیکوئری وجود پلاگین های متعددی ایست که بسیار کار امد هستند ، و روزانه در حال افزایش هست. به طوری که شاید نیازی به کد نوشتن پیدا نکنیم و همین پلاگین ها کار مورد نظر ما را به خوبی انجام دهند.

کاربرد های jquery

یکی از کاربرد های مهم jquery داشتن دستورات بسیار ساده و قابل درک در زمینه بکار گیری تکنولوژِی ای جکس می باشد. به طوری که می توانید یک طراحی سایت را با کمک jquery به صورت فول ای جکس طراحی کنید.

ویژگی‌های کلیدی jQuery

ایجاد امکان دسترسی به بخشهایی از یک صفحه بدون نیاز به ابزارهای جاوا اسکریپت و عدم نیاز به کد نویسی های زیاد.
جی کوئری مکانیسم سریع و موثری برای جستجو ، یافتن و انتخاب بخشهای مورد نظر از یک صفحه را بدون نیاز به ابزار جاوا اسکریپت، در اختیار ما قرار میدهد.
امکان تغییر ظاهر یک صفحه؛ البته آموزش CSS ابزار قدرتمندی در تغییر صفحات بما میدهد اما قادر به انجام اینکار در مرورگرهای مختلف که استانداردهای متفاوتی دارند، نیست. اما جی کوئری براحتی میتواند هر نوع مرورگری را ساپورت کند و حتی قادر است که مختصات ویژه صفحات وب را، حتی بعد از دستکاری و تغییر ساختاری و ظاهر، دوباره تغییر دهد.
جی کوئری نه تنها تغییرات ظاهری و ناچیز را، بلکه صرفا با چند کلیک ساده، می‌تواند محتوای صفحات مورد نظر کاربر را هم تغییر کلی بدهد و مثلا متن یا عکسی را تغییر داده و یا تصویر یا لیستی را درون متنهای آن صفحه اضافه و یا از آن حذف کند. حتی میتواند تمام ساختار HTML صفحات را کاملا تغییر دهد.
یکی از امکانات کتابخانه جی کوئری کنترل و جلوگیری از اتفاقات غیرمنتظره ایست که بهنگام کلیک کردن یک کاربر بر یک لینک رخ میدهند و مثلا باعث کند شدن یا درهمریختگی مرورگرها میشوند. ابزار event-handler در جی کوئری این وظیفه را بسادگی و بدون نیاز به استفاده از جاوا اسکریپت انجام میدهد.
افزودن انیمیشن (Fade) به یک صفحه؛ کسب فیدبک از (یا به) کاربران، امری بسیار مهم است و جی کوئری این ویژگی را بسادگی با استفاده از امکاناتی همچون Fade و غیره بما میدهد.
کسب اطلاعات از یک سرور بدون نیاز به ریفرش کردن آن صفحه (که اصطلاحا به آن AJAX می‌گویند) جی کوئری اینکار را بدون نیاز به دانستن مختصات ویژه هر سرور و صرفا با مراجعه مستقیم به نتایج آن صفحه (محتویات سرور) انجام میدهد.
ساده سازی عملکردهای مشترک / تکراری جاوا اسکریپت : جی کوئری علاوه بر انجام بسیار ساده تغییرات کلی در متن و ظاهر صفحات وب، حتی قادر به ساده تر کردن عملیات ساختار سازی همچون Iteration And Array Manipulation هم هست.

چرا jQuery بهتر از سایر ابزارها است؟

در سالهای اخیر افزایش گرایش به آموزش HTML باعث افزایش کارایی پکیج های Framework های جاوا اسکریپتی شده، بعضی پکیج ها عملیات خاص و محدود و بعضی دیگر کارهای انیمیشن و غیره را تسهیل می کنند. اما جی کوئری سعی می کند تا تمام این حوزه ها را پوشش دهد.

ارایه و شناسایی و تغییر مختصات صفحات وب، متضمن آشنایی طراحان وب با کدها و خطاهای مربوط به CSS و … است ، ولی جی کوئری این کار را برای طراحان آسانتر نموده است.
ساپورت های Extension در جی کوئری طوری تنظیم شده اند که پلاگینها را میتوان بسادگی اضافه یا حذف نمود و ساختار درونی Basic jQuery طوری نوشته شده که بهنگام دانلود براحتی برای سایر آیتم های صفحه وب قابل شناسایی اند و براحتی با ایجاد ماژول‌های ساده میتوان تغییرشان داد.
یکی از مشکلات طراحی سایت و طراحان وب همانا متفاوت بودن پیش شرط ها و مختصات مرورگرها و عدم هماهنگی آنها با یکدیگر و یا با نرم افزار های جدید است. جی کوئری قادر است که با هر مرورگری کار کرده و با کاهش کدها و ساده سازی کار را آسانتر کند.
با استفاده از تکنیک Implicit Iteration قادر خواهید بود که بسیاری از لوپ ها را بصورت دسته جمعی (و نه تک به تک) بررسی و در وقت صرفه جویی کرده و بدین ترتیب نیاز به کدنویسی طولانی نداشته باشید.

یک فایل HTML چیست؟

Sun, 31 May 2015 10:33:49 +0000

HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
یک فایل HTML باید دارای پسوند html. یا html. باشد
یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود

آیا می خواهید یکبار امتحان کنید؟
اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.

title of page

This is my first home page. This text is bold

فایل را تحت عنوان "mypage.htm"ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
مثال تشریح شده
اولین برچسب در فایل HTML شما ، است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب ، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.<br /> متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.<br /> متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.<br /> پسوند htm. یا html. ?<br /> هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.<br /> به ویرایشگر های HTML توجه کنید:<br /> شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY("what you see is what you get") فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.<br /> اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.<br /> پرسش و پاسخ:<br /> س: پس از اینکه فایل HTML را ویرایش می کنم نمی توانم نتیجه را در مرورگر مشاهده کنم. چرا؟<br /> ج:اطمینان حاصل کنید که فایل را با یک نام و پسوند صحیح ذخیره کرده اید مثل"C:\mypage.htm". همچنین اطمینان حاصل کنید که از همان نام هنگام باز کردن فایل در مرورگر استفاده کرده اید.<br /> س:من سعی کردم فایل HTMLام را ویرایش کنم. اما تغییرات در مرورگرم نشان داده نشد. چرا؟<br /> ج:مرورگر صفحه را کاشه(cach) کرده بنا بر این یک صفحه را دو بار نمی خواند. هنگامی که شما یک صفحه را تغییر می دهید مرورگر آن را نمی داند. از کلید REFRESH/RELOAD مرورگر استفاده کنید تا آن را مجبور کنید صفحه را دوباره بخواند.<br /> س:از چه مرورگری باید استفاده کنیم؟<br /> ج:شما می توانید تمام این آموخته ها را با مرورگرهای متعارف انجام دهید مثل Internet Explorer, Netscape,Mozilla و Opera. هر چند که تعدادی از مثال های مادر کلاس های پیشرفته به آخرین نسخه مرورگرها نیاز دارند. </article> <article> <h1>اجرا کردن ویدئو توسط html5 در صفحات وب سایت</h1> <p>Sat, 07 Mar 2015 09:11:36 +0000</p> اجرا کردن ویدئو توسط html5 در وب سایت<br /> قرار دادن ویدئو در صفحه توسط html5 بسیار آسان است و از قرار دادن تصویر در صفحه سخت تر نیست. در این مقاله مزایای استفاده از ابزار اجرا کننده داخلی ویدئو مرورگر بحث خواهد شد. به راحتی می توانیم با استفاده از تگ و بدون استفاده از هیچ پلاگین خارجی ویدئو را اجرا نماییم.<br /> <br /> پیش نیازها<br /> <br /> می بایست از Chrome, Safari یا Internet Explorer 9+ استفاده نمایید. در مرورگرهای Firefox و Opera این کد به دلیل تداخل با ابزارهای داخلی مرورگر کار نمی کند. برای انجام این کار می بایست فرمت ویدئو شما .mp4 باشد.<br /> <br /> ایجاد فریم ورک اصلی<br /> <br /> کد زیر برای ایجاد فریم ورک ویدئو پلیر می باشد. این کد یک لایه بندی ساده برای ویدئو می سازد. کد html چیزی است شبیه به این:<br /> <br /> <div class="codeblock"> <div class="title">کد: <br /> </div><div class="body" dir="ltr"><code><!DOCTYPE html>  <br /> <html>  <br /> <head>  <br />     <meta charset="utf-8">     <br /> <title>HTML5 Video Player

HTML5 Video Player

هم اکنون کادر ویدئو ایجاد گردید می بایست ویدئو به صفحه اضافه شود.

استفاده از تگ video برای اضافه نمودن ویدئو به صفحه

کد اضافه نمودن ویدئو به صفحه وب سایت کمی پیچیده تر از اضافه کردن تصویر به وب سایت می باشد برای اضافه کردن ویدئو به صفحه سایت می بایست از تگ استفاده نمایید.

Your browser does not support the video element, please #D try downloading the video instead

در بخش src می بایست آدرس فایل ویدئو داده شود. بخش controls اعلام می نماید که شما می خواهید ویدئو ابزارهای استاندارد کنترل ویدئو را داشته باشد. width و height نیز طول و عرض ویدئو در صفحه می باشند و در صورتی که مرورگر از المان پشتیبانی ننماید متن داخل المان نمایش داده می شود.

نتیجه

به طوری که می بیند وب در حال تغییر است و به طوری که می بینید قبلا برای نمایش ویدئو در سایت مجبور بودید از پلاگین های مختلف برای انجام این کار استفاده نمایید. ولی هم اکنون این کار توسط خود مرورگر انجام می شود. html5 به شما این قابلیت را می دهد که به آسانی ویدئو خود را در صفحه و توسط خود مرورگر نمایش دهید. البته در طراحی سایت خود در نظر داشته باشد که این کد فقط برای مرورگرهای مدرن سازگاری کامل دارد. برای آنکه ویدئو شما در تمامی مرورگرها اجرا شود می بایست از پلاگین ها به مانند فلش ویدئو پلیر استفاده نمایید.
منبع و سورس:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

چرا صفحه وب سایت می بایست استاندارد w3c باشد در html

Mon, 09 Feb 2015 08:34:41 +0000

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

مرورگرهای وب
مرورگرهای وب طوری طراحی می گردند که برای استاندارهای w3c سازگاری کامل داشته باشند. حتی در صورتی که از آخرین نسخه html پشتیبانی ننماید، مرورگر وب سایت را با استاندارهای قدیمی تر بررسی می نماید. مشکلات بسیار در مورد عدم استاندارد سازی کد نویسی صفحه برای طراحان وب به وجود آمد و باعث شد نمایش سایت در سایر مرورگرها و همچنین مرورگرهای جدید درست نباشد.
دسترسی کاربران شما
شما نمی دانید کاربر شما به چه مرورگری سایت شما را بررسی می نماید و در صورتی که سایت خود را با توجه به امکانات مرورگر خاصی طراحی نمایید باعث رنجش کاربران شما خواهد گردید زیرا در مرورگرهای دیگر نمی توانند سایت شما را به درستی مشاهده نمایند.
اعتبار سنج های html کد html سایت شما را بررسی می نمایند و مواردی که در تمامی مرورگرها مشترک نیستند را به شما هشدار می دهد. استاندارد بودن یک مورد به آن معنا نیست که کلیه مرورگرها از آن پشتیبانی می نمایند و یا اینکه در صورتی که موردی را تمامی مرورگرها پشتیبانی می نمایند به این معنا نیست که آن مورد استاندارد است. به عنوان مثال html5 توسط مرورگرهای Safari, Opera, Chrome, و Firefox پشتیبانی می شود ولی هنوز استاندارد نیست.
کم کردن خطاها
استاندارد سازی وب سایت به وجود آمدن خطاهای مختلف را در سایت کاهش می دهد. شما با استاندارد سازی صفحه قادر خواهید بود عملکرد سایت خود را در تمامی شرایط و در آینده تضمین نمایید.
جستجوی بهتر در گوگل
در صورتی که سایت شما استاندارد w3c داشته باشد مطمئن خواهید شد که موتور جستجوی گوگل سایت شما را به درستی جستجو می نمایند. ممکن است سایت شما استاندارد w3c نباشد و گوگل سایت شما را به درستی ایندکس نمایید ولی استاندارد سازی صفحه از بابت اطمینان از جستجوی درست توسط گوگل است.

بهترین ابزار بررسی و استاندارد سازی صفحه دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
می باشد که با ورود به این سایت و درج آدرس صفحه مورد نظر می توانید خطاهای صفحه مورد نظر را مشاهده نمایید.
سورس:دارکوب sitedesign.joomir.com
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

برنامه Marquee و w3c در html

Thu, 05 Feb 2015 07:24:18 +0000

وب سایت :http://www.w3.org/wiki/HTML/Elements/marquee
w3c استفاده marquee را در html5 ممنوع نموده است. به جای استفاده از marquee از موارد زیر استفاده نمایید: -------------------- استفاده از javascript به جای marquee استفاده از انیمیشن css که در تمامی مروزگرها قابل اجرا نیست از marquee استفاده نمایید و خطای w3c را در نظر نگیرید از marquee استفاده ننمایید --------------------
سورس:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

6 کتاب رایگان HTML5 برای طراحان وب سایت

Wed, 26 Nov 2014 07:12:34 +0000

HTML زبان برنامه نویسی پایه می باشد و HTML5 آخرین نسخه HTML می باشد. که ابزارها و امکانات بسیاری برای ایجاد وب سایت پویا دارد. HTML5 استاندارهای مدرن وب را برای همگان به ارمغان آورده است.HTML5 قابلیت های فراوانی را به وب اضافه نموده است, که مطالب قابل خواندن توسط انسان را با مطالب قابل خواندن توسط ماشین را با یکدیگر در ارتباط قرار می دهد.

در روزهای پیش, تکنولوژی های جدید نظیر HTML5, CSS3, jQuery و سایر امکانات معرفی شدند. این تکنولوژی های جدید به طراحان امکان ایجاد وب سایت های پویاتر و به روز تر را می دهند. امروزه برخی از طراحان ترجیح می دهند مطالب آموزشی را به صورت آنلاین و از طریق کتاب های الکترونیکی مطالعه نمایند.

امیدوارم طراحان وب بتوانند از این مجموعه رایگان استفاده نمایند. لطفا نظرات خود را در بخش پایین صفحه بگذارید.

مجموعه 6 کتاب رایگان html5 برای طراحان وب

1. Dive Into HTML5
Dive Into HTML5 قابلیت های جدید html5 را به کاربر نمایش می دهد. نسخه آخر آن توسط O’Reilly, تحت لیسانس Google چاپ گردید.

دانلود: Dive Into HTML5

2. Up to Speed on HTML 5 and CSS 3
یک معرفی اولیه در مورد استانداردهای html5 و css3, که از موارد اولیه تا موارد کاربردی تر را آموزش می دهد.

دانلود : Up to Speed on HTML 5 and CSS 3

3. Scribd in HTML5
یک کتاب آموزشی html5 که آموزش خود را از طریق تشریح مثال های موارد انجام شده انجام می دهد.

دانلود Scribd in HTML5

4. HTML5 WTF?
در این کتاب به تغییرات html5 نسبت به نسخه های قبلی بیشتر اشاره شده

دانلود : HTML5 WTF?

5. 20 Things I learned about Browsers and the Web
شما دوست دارید مواردی را از وب بدانید ولی از پرسیدن آن می ترسید. دانستن عملکرد مرورگرهای وب در این تجربه ها از زبان Google.

دانلود: 20 Things I learned about Browsers and the Web

6. HTML5 Quick Learning Guide
این کتای آموزشی المان های اولیه html5 را به شما آموزش می دهد و آن ها را از نظر کاربردی بررسی می کند. این کتاب آموزشی برای آنهایی که می خواهند با امکانات جدید html5 آشنا شوند مناسب است.

دانلود: HTML5 Quick Learning Guide.
منبع:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

طراحی و ساخت پرزنتیشن توسط ابزار HTML5

Sat, 25 Oct 2014 07:28:58 +0000

Presentate قصد دارد ساخت معرفی نامه و یا پرزنتیشین را در وب آسان سازد که این فایل قابلیت به اشتراک گذاری نیز دارد.

ساخت معرفی نام توسط Presente بسیار آسان می باشد
Presentate کاربران را قادر می سازد پرزنتیشن های خود را در مرورگر و با قابلیت به اشتراک گذاری در هر وسیله ای بسازد. این برنامه توسط Faruk Ate و Justin Hileman ساخته شده. آنها قصد داشتند سیستم پرزنتیشنی را طراحی نمایند که بهترین در سطح وب باشد, و HTML5 به آنها این اجازه را داد تا این سیستم را راه اندازی نمایند.

File API و History API دو تا از امکانات HTML5 دیده شده در نرم افزار هستند, فول صفحه و امکان انواع مختلف فایل. آنها اعلام می نمایند که مشکلی که آنها با آن در حال حاضر روبرو هستند "پشتیبانی از مرورگرهای مختلف برای نوع داده های مختلف و مقداردهی ها".

نمایش به صورت تمام صفحه همچنین مشکلاتی دارد: آنها همچنین این مورد را اعلام نموده اند. آنها همینطور اعلام نموده اند آنها با استفاده از قابلیت های html5 سعی در کامل تر کردن این نرم افزار ساخت پرزنتیشن دارند.
سورس:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

پارس جوم :: انجمن های تخصصی جوملا - آموزش اچ تی ام ال

آموزش وارد نمودن شماره تلفن به صورت لینک در سایت

تگ optgroup

آموزش HTML5 (اچ تی ام ال 5) - معرفی