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

hossein201273

کاربر طلایی1

تاریخ عضویت : مهر 1392

تعداد پست ها : 26938

محل سکونت : سپاهان ایران

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

آموزش اچ تی ام ال برای قالب سازی وبلاگ

مقدمه،گارگاه آموزش مقدماتی زبان htmlبه پایان رسید وکارگاه آموزش پیشرفته htmlاز روز پنجشنبه به مدت 12روز شروع می شود

من قصد دارم توي چند جلسه اين كار رو آموزش بدم. البته خودم مي‌دونم كه من در اين حد و اندازه نيستم، ولي سعي مي‌كنم تا جايي كه ممكنه آموزش‌ها كامل باشه.
اگه نظري، پيشنهادي، انتقادي باشه خوشحال مي‌شم بدونم.خود بنده نیز مثل شما قالب سازی برای وبلاگ را بلد نیستم ولی از اینجا شروع می کنیم تا یاد بگیریم ،طبق درخواست زیاد دوستان که درخواست دادند قالب سازی وبلاگ راهم برای آموزش بگذارید ما استارت قدم اول را زدیم.

برای طراحی قالب یا پوسته وبلاگ ،در قدم اول نیاز هست که اچ تی ام ال را یاد گرفته ودر قدم دوم نیاز هست به سراغ سی اس اس برویم.

ما دونوع آموزش اچ تی ام ال داریم :1-مقدماتی 2-پیشرفته ،در مرحله اول ما سراغ قسمت مقدماتی این موضوع رفته ایم ،قسمت پیشرفته را نیز در تاپیکی جداگانه بررسی می کنیم.

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

چهارشنبه 7 اسفند 1392 11:07 AM

تشکرات از این پست

ravabet_rasekhoon shirani98 rasekhoon_weblog sayyed13737373 kaka yaskabod

hossein201273

کاربر طلایی1

تاریخ عضویت : مهر 1392

تعداد پست ها : 26938

محل سکونت : سپاهان ایران

ظاهر بندی HTML

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

ظاهر بندی HTML - استفاده از جداول

یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است.

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

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

برای تقسیم کردن بخشی از این صفحه به دو ستون از جداول HTML استفاده کرده ایم. حقه استفاده شده در اینجا استفاده از جدول بدون حاشیه است وشاید مقدار کمی cellpadding.

مهم نیست که چقدر متن به این صفحه اضافه می کنید، آن در ستون خودش قرار خواهد گرفت.

همان ظاهر بندی - رنگ اضافه شده

یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است.

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

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

مهم نیست که چقدر متن به این صفحه اضافه می کنید، آن در ستون خودش قرار خواهد گرفت.

مثال

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

پنج شنبه 8 اسفند 1392 11:09 AM

تشکرات از این پست

shirani98 rasekhoon_weblog sayyed13737373 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

فونت های HTML

برچسب font در HTML دیگر توصیه نمی شود و گمان می شود که از نسخه های بعدی HTML حذف شود. هرچند تعداد زیادی از مردم از آن استفاده کنند ، شما باید سعی کنید که از آن اجتناب کنید وبجای آن از style استفاده کنید.

برچسب font در HTML

با کد های HTML مثل این شما می توانیداندازه و نوع خروجی مرورگر را تعیین کنید:

<p> <font size="2" face="Verdana"> This is a paragraph. </font> </p> <p> <font size="3" face="Times"> This is another paragraph. </font> </p>

خودتان بیازمایید

موجودیت های font

هدف	مثال	موجودیت
اندازه فونت را تعیین می کند	size="2"	size="number"
اندازه فونت را افزایش می دهد	size="+1"	size="+number"
اندازه فونت را کاهش می دهد	size="-1"	size="-number"
نام فونت را معرفی می کند	face="Times"	face="face-name"
رنگ فونت را تعیین می کند	color="#eeff00"	color="color-value"
رنگ فونت را تعیین می کند	color="red"	color="color-name"

برچسب font نباید استفاده شود

برچسب font در آخرین نسخه های HTML توصیه نمی شود (HTML4.0,XHTML). W3C برچسب font را از لیست توصیه هایش حذف کرده است.در نسخه های آینده HTML از CSS برای ظاهر بندی ونمایش موجودیت های اجزا HTML استفاده خواهد شد.

روش درست، استفاده از style هاست

انتخاب نوع فونت متن این مثال چگونگی انتخاب فونت متن را نشان می دهد.

تغییر اندازه نوشته ها با این مثال، روش تغییر اندازه متن را می آموزیم.

تغییر رنگ متن رنگ متن نیز همانند اندازه و نوع آن می تواند تغییر کند. به این مثال نگاه کنید.

تنظیم نوع، اندازه و رنگ متن یک مثال جامع برای نمایش چگونگی تغییر ظاهر یک متن. ببینید.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

جمعه 9 اسفند 1392 5:05 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog sayyed13737373 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

چرا از HTML4.0 استفاده می کنیم؟

HTML3.2 خیلی اشتباه بود

HTML اصلی هرگز قصد نداشت که حاوی برچسب هایی برای قالب بندی یک پرونده باشد.برچسب های HTML قصد داشتند محتویات یک پرونده را قالب بندی کنند. مثل:

<p> This is a paragraph </p>
<h1> this is a heading </h1>

هنگامی که برچسب هایی از قبیل font و موجودیت های رنگ به HTML3.2 اضافه شدند یک کابوس برای توسعه دهندگان وب آغاز شد.توسعه وب سایت های بسیار بزرگ که اطلاعات فونت و رنگ باید به هر صفحه آن اضافه شود یک روند بلند ، گران و بی جهت دردناک شد.

چه چیز در مورد HTML4.0 بسیار عالیست؟

در HTML4.0 همه قالب بندی ها می تواند از فایل HTML حذف شده و در یک CSS جداگانه قرار گیرد.
چون HTML4.0 ارائه را از ساختار پرونده جدا می کند ، ما باید چیزی را که همیشه نیاز داریم بگیریم: کنترل نهایی ظاهر بندی ارائه بدون از دست دادن محتویات پرونده.

شما در آن مورد چه باید انجام دهید؟

از موجودیت های ارائه در میان برچسب های HTML استفاده نکنید، اگر می توانید از آن اجتناب کنید.از برچسب هایی که توصیه نمی شوند استفاده نکنید.

خودتان را برای XHTML آماده کنید

XHTML همان HTML جدید است. مهمترین چیزی که شما می توانید انجام دهید این است که نوشتن صحیح XHTML4.0 را آغاز کنید. همچنین شروع به نوشتن برچسب ها با حروف کوچک کنید. همیشه عناصر برچسب را ببندید. هرگز یک پاراگراف را بدون <p/> نبندید.
نکته: HTML4.01 رسمی استفاده از برچسب ها با حروف کوچک را توصیه می کند.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

شنبه 10 اسفند 1392 7:17 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog sayyed13737373 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML styles

با HTML4.0 همه قالب بندی ها می تواند به یک CSS جداگانه به خارج از پرونده HTML برده شود.

مثالها

ُStyleها در Html
این مثال چگونگی آرایش یک html به کمک styleی که به قسمت <head> اضافه شده است را نشان می دهد.

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

استفاده از style خارجی
این مثال روش استفاده از برچسب <link> را نشان می دهد. با این روش، style موجود در یک فایل خارجی، به عنوان style صفحه در نظر گرفته می شود.

چگونه از style استفاده کنیم

هنگامی که یک مرورگر CSS را می خواند، پرونده را بر طبق آن قالب بندی خواهد کرد. 3 راه برای وارد کردن یک CSS وجود دارد.

CSS خارجی:

یک CSS خارجی زمانی ایده آل است که آن style در بیشتر صفحات استفاده شود. با یک CSS خارجی شما می توانید ظاهر یک سایت را با تغییر دادن یک فایل تغییر دهید.هر صفحه باید با استفاده از برچسب <link> به CSS پیوند داده شود. برچسب link در داخل بخش head قرار می گیرد.

CSS داخلی:

یک CSS داخلی باید هنگامی استفاده شود که یک تک پرونده یک style واحد دارد. شما style داخلی را با برچسب style در قسمت head می توانید معرفی کنید.

<head>
<style type="text/css">
{body {background-color: red
{p {margin-left: 20px
</style>
</head>

style درون خطی

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

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

برچسب های style

Tag	توضیحات
<style>	یک تعریف style را تعریف می کند
<link>	منبع یک مرجع را معرفی می کند
<div>	یک بخش در یک پرونده را معرفی می کند.
<span>	یک بخش در یک پرونده معرفی می کند.
<font>	به جای آن از style استفاده کنید
<basefont>	به جای آن از style استفاده کنید
<center>	به جای آن از style استفاده کنید

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

یک شنبه 11 اسفند 1392 10:08 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog sayyed13737373 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML Head

مثالها

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

یک هدف برای تمام پیوندها
با تنظیم هدف پایه در قسمت head، هدف پیش فرض تمام پیوندهای صفحه، تعیین می شود.

عنصر head

عنصر head حاوی اطلاعات اصلی که همچنین meta-information نیز نامیده می شود در یک پرونده است.

اطلاعات داخل عنصر head

عناصر داخل عنصر head نباید توسط مرورگر نشان داده شوند. مطابق HTML استاندارد فقط برچسب های کمی بطور قانونی داخل بخش head هستند که عبارتند از , <script> <style> , <title> , <meta> , <link> , <base>
به ساختار ناصحیح زیر دقت کنید

در این حالت مرورگر دو گزینه دارد:

نمایش متن ، چون داخل عنصر پاراگراف قرار دارد
مخفی کردن متن ، چون داخل برچسب head قرار دارد

اگر شما یک عنصر HTML مثل <h1> و <p> را داخل عنصر head قرار دهید مرورگر باید آن را نمایش دهد هرچند غیر متعارف باشد.

برچسب های head

Tag	توضیحات
<head>	اطلاعاتی را در مورد پرونده معرفی می کند
<title>	تیتر پرونده را معرفی می کند
<base>	یک URL پایه برای تمام پیوندها در صفحه معرفی می کند
<link>	منبع یک مرجع را معرفی می کند
<meta>	اطلاعات meta را معرفی می کند.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

سه شنبه 13 اسفند 1392 9:31 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML META

مثالها

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

کلیدواژه های صفحه
کلیدواژه های معرف صفحه، در قسمت meta می آیند. این کلیدواژه ها، شناسه های اصلی متن صفحه می باشند. موتورهای جستجو به کمک این کلید واژه ها، صفحه مناسب را برای ما می یابند.

ارجاع کاربر
در صورتیکه محل سایت شما جا به جا شده، چگونه کاربر را مطلع می کنید؟ این مثال را ببینید.

عنصر meta

همانطور که در بخش قبل توضیح دادیم عنصر head حاوی اطلاعات کلی درباره پرونده است. html همچنین حاوی یک عنصر به نام Meta است که در داخل عنصر head قرار می گیرد.هدف عنصر Meta فراهم کردن اطلاعات کلی درباره یک پرونده است.
در بیشتر مواقع عنصر Meta برای فراهم کردن اطلاعاتی که برای مرورگرها یا موتورهای جستجو مناسب است استفاده می شود، مثل توضیح محتویات پرونده.

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

تعدادی از موتورهای جستجو در www از موجودیت های Name , Content در برچسب Meta برای اندیس کردن صفحات خود استفاده خواهند کرد. این عنصر Meta یک توضیح برای صفحه شما فراهم خواهد کرد.

این عنصر Meta کلمات کلیدی برای صفحه شما تعریف می کند.

هدف موجودیت های Name,Content توضیح محتویات صفحه است. هرچند از زمانی که تعداد زیادی از توسعه دهندگان وب از برچسب های Meta برای spamming استفاده کردند مثل تکرار کلمات کلیدی برای بالا بردن صفحات، تعدادی از موتورهای جستجو استفاده کامل از آن را متوقف کردند.

موجودیت های ناشناخته Meta

گاهی اوقات شما موجودیت هایی از Meta را می بینید که برای شما ناشناخته اند، مثل این:

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

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

سه شنبه 13 اسفند 1392 9:32 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML Uniform Resource Locators

پیوندهای HTML

هنگامی که شما در یک پرونده HTML بر روی یک پیوند کلیک می کنید برچسب <a> یک موجودیت به نام href دارد که آدرس آن صفحه در وب در آنجا قرار می گیرد ، مثل این:
<a href= "lastpage.htm"> Last Page </a>

URL

چیزی که URL نامیده می شود درwww برای آدرس دهی یک پرونده استفاده می شود.یک آدرس کامل وب مثل این

http://www.html.ir

از قواعد نحوی زیر پیروی می کند

scheme://host.domain:port/path/filename:

شما (scheme) نوع سرویس اینترنتی را تعریف می کند . بیشتر انواع متداول ، http است. domain نام دامنه اینترنتی را تعریف می کند مثل html.ir
host نیز میزبانی دامنه را تعریف می کند. اگر حذف شده باشد میزبان پیش فرض برای http , www است.
port شماره پورت در میزبان را معرفی می کند. شماره پورت بطور عادی از قلم می افتد. شماره پورت پیش فرض برای http ، 80 است.
path یک مسیر را در سرور معرفی می کند.اگر مسیر حذف شده باشد منابع باید در پوشه ریشه وب سایت باشند.
filename نام یک پرونده را معرفی می کند. نام فایل پیش فرض ممکن است default.asp , index.asp , index.html یا چیز دیگری وابسته به تنظیمات وب سرور باشد.

نوع سرویس های اینترنتی

تعدادی از مثال های متداول شماها را می توان در پایین یافت:

نوع سرویس اینترنتی	دسترسی
file	فایلی در کامپیوتر محلی
ftp	یک فایل در یک FTP server
http	یک فایل در یک WWW Server
gopher	یک فایل در یک Gopher server
news	یک استفاده اینترنتی از یک newsgroup
telnet	یک ارتباط Telnet
WAIS	یک فایل در یک WAIS server

دسترسی به گروه های خبری

کد HTML زیر یک پیوند به یک گروه خبری می سازد:
<a href="news:alt.html">HTML Newsgroup</a>

دانلود با FTP

کد html زیر یک پیوند برای دانلود فایل می سازد ، مثل این:

<a href="ftp://www.w3schools.com/ftp/winzip.exe">Download WinZip</a>

Download WinZip

پیوند به mail system

کد html زیر یک پیوند به mail system شما می سازد.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

چهارشنبه 14 اسفند 1392 10:08 PM

تشکرات از این پست

hossein201273 rasekhoon_weblog kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML Scripts

اسکریپت ها را به صفحاتتان اضافه کنید تا آنها را پویاتر و فعال تر بسازید.

مثالها

اسکریپت در صفحه
این مثال روش قرار دادن یک اسکریپت، داخل صفحه html را نشان می دهد.

کار با مرورگری که اسکریپت را پشتیبانی نمی کند
اگر مرورگر، اسکریپت را پشتیبانی نکرد، چگونه کاربر را آگاه کنیم؟

وارد کردن یک اسکریپت در یک صفحه HTML

یک اسکریپت در HTML با برچسب SCRIPT معرفی می شود. توجه کنید که برای تعیین زبان اسکریپت نویسی از TYPE استفاده خواهید کرد.

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>

اسکریپت بالا این خروجی را خواهد داشت:
Hello world!

چگونه مرورگرهای قدیمی را راه بیندازیم

یک مرورگر که نمی تواند برچسب <script> را تشخیص دهد ، آن را بعنوان متن در صفحه نمایش خواهد داد. برای جلوگیری از مرورگر از انجام این کار شما باید script را در برچسب های توضیح مخفی کنید. یک مرورگر قدیمی که نمی تواند script را تشخیص دهد توضیحات را نادیده خواهد گرفت و محتویات آن برچسب را نشان نخواهد داد.درحالیکه یک مرورگر جدید می فهمد که اسکریپت ها باید اجرا شوند حتی اگر با برچسب توضیحات محدود شده باشند.

JavaScript:
<script type="text/javascript">

</script>

VBScript:
<script type="text/vbscript">

</script>

برچسب <noscript>

در مجموع برای مخفی کردن اسکریپت درون توضیحات شما می توانید یک برچسب <noscript > اضافه کنید.این برچسب برای نشان دادن یک متن درصورتیکه اسکریپت اجرا نشود بکار می رود.این برچسب برای مرورگرهایی بکار می رود که برچسب script را تشخیص نمی دهند و اسکریپت های درون را پشتیبانی نمی کنند. بنابراین این مرورگرها بجای آن ، متن داخل برچسب <noscript > را نشان می دهد.

JavaScript:
<script type="text/javascript">

</script>
<noscript>Your browser does not support JavaScript!</noscript>

VBScript:
<script type="text/vbscript">

</script>
<noscript>Your browser does not support VBScript!</noscript>

برچسب های script

برچسب	توضیحات
<script>	یک اسکریپت تعریف می کند
<noscript>	یک متن جایگزین برای زمانی که اسکریپت کار نکند تعریف می کند
<object>	یک شی تعریف می کند
<param>	تنظیمات زمان اجرا برای اسکریپت تعریف می کند
<applet>	به جای آن از object استفاده کنید

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

پنج شنبه 15 اسفند 1392 3:58 PM

تشکرات از این پست

hossein201273 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

موجودیت های استاندارد HTML 4.0

برچسب های HTML می توانند موجودیت داشته باشند.موجودیت های خاص هر برچسب در زیر لیست شده . موجودیت های فوق هسته هستند و موجودیت زبان برای همه برچسب ها استاندارد است.

موجودیت های هسته

موجودیت	مقدار	توضیحات
class	class_rule or style_rule	کلاس یا عنصر
id	id_name	یک id یکتا برای عنصر
style	style_definition	تعریف یک style درون خطی
title	tooltip_text	یک متن برای نمایش در یک tool tip

موجودیت های زبان

موجودیت	مقدار	توضیحات
dir	ltr \| rtl	چیدمان متن را مشخص می کند
lang	language_code	کد زبان را مشخص می کند

موجودیت های کلمات کلیدی

موجودیت	مقدار	توضیحات
accesskey	character	یک میانبر صفحه کلید برای عناصر معرفی می کند.
tabindex	number	درخواست tab برای یک عنصر را تعریف می کند.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

شنبه 17 اسفند 1392 4:46 PM

تشکرات از این پست

kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

موجودیت های رویداد HTML 4.0

چیزی که در HTML4.0 جدید است توانایی انجام رویدادهای HTML در یک مرورگر است، مثل شروع یک جاوا اسکریپت وقتی که یک کاربر روی عنصر HTML کلیک می کند.در زیر یک لیست از موجودیتهاست که برای تعریف عملیات یک رویداد می توانند در یک برچسب وارد شوند.

رویدادهای پنجره

فقط در body,frameset معتبر است.

موجودیت	مقدار	توضیحات
onload	script	وقتی که پرونده بارگیری شود اسکریپت اجرا خواهد شد.
onunload	script	وقتی که پرونده بارگیری نشود اسکریپت اجرا خواهد شد

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

فقط در فرم معتبر است.

موجودیت	مقدار	توضیحات
onchange	script	هنگامی که عنصر تغییر کند اسکریپت اجرا می شود
onsubmit	script	هنگامی که فرم ارسال می شود اسکریپت اجرا می شود
onreset	script	هنگامی که فرم reset می شود اسکریپت اجرا می شود.
onselect	script	هنگامی که عنصر انتخاب می شود اسکریپت اجرا می شود.
onblur	script	هنگامی که تمرکز از عنصر برداشته می شود اسکریپت اجرا می شود.
onfocus	script	هنگامی که روی عنصر متمرکز می شویم اسکریپت اجرا می شود.

رویدادهای صفحه کلید

موجودیت	مقدار	توضیحات
onkeydown	script	هنگامیکه کلید فشرده می شود چه کاری انجام شود
onkeypress	script	هنگامی کلید زده می شود چه کاری انجام شود.
onkeyup	script	هنگامی که کلید آزاد می شود چه کاری انجام شود

رویدادهای ماوس

موجودیت	مقدار	توضیحات
onclick	script	با کلیک ماوس چه کاری انجام شوى
ondblclick	script	با دوبار کلیک کردن ماوس چه کاری انجام شود
onmousedown	script	هنگامی که دکمه ماوس فشرده می شود چه کاری انجام شود
onmousemove	script	هنگامی که اشاره گر ماوس جابجا می شود چه کاری انجام شود
onmouseout	script	هنگامی که اشاره گر ماوس از یک عنصر خارج می شود چه کاری انجام شود
onmouseover	script	هنگامی که اشاره گر ماوس روی یک عنصر قرار می گیرد چه کاری انجام شود
onmouseup	script	هنگامی که کلید ماوس رها می شود چه کاری انجام شود.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

شنبه 17 اسفند 1392 4:48 PM

تشکرات از این پست

hossein201273 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

HTML URL-Encoding References

در زیر یک منبع از کاراکترهای اسکی در فرم 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

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

یک شنبه 18 اسفند 1392 5:24 PM

تشکرات از این پست

hossein201273 kaka

shirani98

کاربر نقره ای

تاریخ عضویت : مرداد 1391

تعداد پست ها : 483

محل سکونت : اصفهان

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

قدم اول شما یک وب سرور شخصی

اگر شما می خواهید دیگران صفحات شما را ببینند باید آنها را 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 ها پیشنهاد میزبانی صفحات وب را به شما خواهند داد
اگر کارمند شما یک سرور اینترنت دارد می توانید از او بخواهید تا میزبان وب سایت شما شود.
اگر شما واقعا در این مورد جدی هستید باید سرور اینترنت خودتان را نصب کنید.

هنر وبلاگ نویس ، خلق محتواست نه تقلید آن

تماس با من : shirani98@yahoo.com

درباره من

سعی می کنم تا حد معقول از تجربیات دیگران استفاده کنم. حد معقول یعنی نکات مثبت هر تجربه؛ که باعث پیشرفت می شود. اگر با تمام وجود تلاش می کنید، هیچوقت به خود این تفکر را راه ندهید که پیشرفت نخواهید کرد.

دوشنبه 19 اسفند 1392 10:09 PM

تشکرات از این پست

hossein201273 kaka

hossein201273

کاربر طلایی1

تاریخ عضویت : مهر 1392

تعداد پست ها : 26938

محل سکونت : سپاهان ایران

پاسخ به:کارگاه آموزش پیشرفته زبان HTML برای قالب سازی وبلاگ

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

دوشنبه 19 اسفند 1392 11:21 PM

تشکرات از این پست

kaka

مقدار 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

مقدار 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

مقدار 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