| |
وب : | |
پیام : | |
2+2=: | |
(Refresh) |
در زمـان پـیـغمبر اکرم (ص) طفلى بسیار خرما مى خورد . هر چه او را نصیحت مى کردند که زیاد خوردن خرما ضرر دارد فایده نداشت . مادرش تصمیم گرفت او را به نزد پیغمبر (ص) بیاورد تا او را نـصـیـحت کند.
وقتى او را به حضور پیغمبر آورد از پیغمبر خواست تا به طفل بفرماید که خرما نخورد
اما آن حضرت فرمود : امروز بروید و او را فردا دوباره بیاورید.
روز دیـگر زن به همراه فرزندش خدمت پیغمبر (ص) حاضر شد. حضرت به کودک فرمود که خرما نـخورد.
در این هنگام زن که نتوانست کنجکاوى و تعجب خود را مخفى کند از ایشان سؤال کرد : یا رسول اللّه چرا دیروز به او نفرمودید خرما نخورد؟
حـضـرت فـرمـود : دیـروز وقتى این کودک را حاضر کردید خودم خرما خورده بودم و اگر او را نصیحت مى کردم تاثیرى نداشت .
امـام صـادق (ع ) فـرمود : به راستى هنگامى که عالم به علم خود عمل نکرد موعظه او در دل هاى مردم اثر نمى کند همان طور که باران از روى سنگ صاف مى لغزد و در آن نفوذ نمى کند !
ویرایش تصاویر در HTML
بارگیری تصاویر هنگام نمایش صفحه وب سایت کمی زمانگیرتر از متن است و تصاویر بزرگ میتواند سرعت صفحه وب شما را کم کند پس در استفاده کردن از تصاویر محتاط باشید.
برای نمایش دادن تصاویر در صفحه وب باید آنها را با تگ <img> مشخص کنیم.
تگ <img> یک تگ تهی است، اون فقط دارای خصوصیتها است و تگ بسته ندارد.
ویژگی src آدرس یا URL تصویر را مشخص میکند.
<img src="url" alt="some_text">
ویژگی alt
نمونه های پایه HTML
اگر با تگهایی که در این مثالها استفاده کرده ایم آشنایی ندارید، اصلاً نگران نباشید در آموزشهای بعدی همه آنها را فرا خواهید گرفت.
همانطور که پیش تر هم گفته بودیم یک سند HTML با تگ <html> آغاز و با تگ <html/> به پایان میرسد و همچنین قسمتی که در سند اچ تی ام ال قابل دیدن است را بین تگ <body> و <body/> میگذاریم.
<html>
<body><h1>My First Heading</h1><p>My first paragraph.</p>
</body> </html>
سرعنوان های HTML
کلمات رزرو شده در html
کلمات رزرو شده
برای نمایش کاراکترهای رزرو شده در HTML باید موجودیت معادل آن را بنویسیم.
کاراکترهایی که بر روی کیبورد هم نیستند را میتوان با استفاده از موجودیت معادل آن در خروجی نمایش داد.
موجودیتهای HTML
برخی کاراکترها مانند علامت کوچکتر < یا علامت بزرگتر > در HTML رزرو شده اند. اگر از کاراکترهای رزرو شده، علامت کوچکتر (>) و علامت بزرگتر (<) در متن خود استفاده کنید، ممکن است مرورگر خیال کند که یک تگ هست. موجودیتهای کاراکتر برای نمایش کاراکترهای رزرو شده استفاده میشوند.
عناصر معنایی HTML5 جیست؟
عناصر دارای معنی و مفهوم، عناصر معنایی هستند.
عناصر معنایی چه چیزی هستند؟
عنصر معنایی توضیح روشنی از معنی خود به مرورگر و توسعه دهنده میدهد.
توسعه دهندگان با HTML4 از نامهای دلخواه خود برای استایل دادن به صفحه وب استفاده میکردند:
header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, … اینکار شناسایی محتوای صفحه وب را برای موتورهای جستجو غیر ممکن میکرد. به وسیله عناصر HTML5 مانند : <header> <footer> <nav> <section> و <article> شناسایی محتوای صفحه وب راحتتر شده.
عناصر غیر معنایی مانند <div> و <span> چیزی در مورد محتوای خود به ما نمیگوید، اما عناصر معنایی مانند <form>، <table> و <img> محتوایشان روشن و واضح است.
عناصر قالب بندی متن
HTML عناصر ویژه ای برای قالب بندی متن با معانی به خصوص ارائه داده.
در درس پیش آموختید که چگونه از خصوصیت style برای سبک دهی به عناصر HTML استفاده کنید.
با بهره گیری از عناصری مانند <b> و <i> برای قالب بندی نمایش میتوان متن را بصورت توپر یا کج نمایش داد.
عناصر قالب بندی برای نمایش متن به صورت توپر، مهم، کج، تاکید، هایلایت، کوچک، حذف شده، درج شده، پایین نویس، بالا نویس استفاده میشوند.
سبک دهی به HTML با CSS
CSS مخفف کلمات Cascading Style Sheets است.
CSS به سه روش میتواند به HTML افزوده شود:
پر کاربرد ترین روشی که برای افزودن سبک به فایلهای HTML مورد استفاده قرار میگیرد نگهداشتن استایلها در فایلهای CSS جداگانه است.
جاوا اسکریپت و HTML
جاوا اسکریپت باعث پویاتر و تعاملی تر شدن صفحات وب میشود.
تگ <script>
تگ <script> برای تعریف اسکریپتهای سمت سرور، مانند جاوا اسکریپت استفاده میشود. همچنین عنصر <script> شامل دستورات اسکریپت یا لینکهایی به فایلهای اسکریپت خارجی از طریق ویژگی src است.معمولا از جاوااسکریپت برای ویرایش تصاویر، اعتبارسنجی فرمها و تغییر دادن محتوا به شکل داینامیک استفاده میکنند.
در اسکریپت زیر با جاوا اسکریپت کلمه Hello را درون عنصر HTML با “id=”demo مینویسیم.
توضیحات مربوط به HTML
برای کامنت گذاشتن در HTML از تگهای <-- --!> استفاده میشود و متن توضیحات را باید در داخل این تگها نوشت.
مرورگرهای وب توضیحات را نمایش نمیدهند، اما نوشتن توضیحات در سند HTML میتونه به خوانایی کدهایی که نوشتید کمک کنه و همچنین میتونید در سند HTML اطلاعیه و یادآوری بگذارید.
تگهای توضیح گذاشتن HTML
با بهره گیری از دستوری که در ادامه خواهم گفت میتوانید در هر جایی از فایل HTML خودتان توضیحات بگذارید.
آموزش های سبک های HTML
با استفاده از ویژگی style میتوانید به عناصر HTML یک سبک به صورت پیش فرض بدهید.
در این درس استفاده کردن از ویژگی style رو یاد میگیرید و با فراگیری این مبحث میتونید رنگ پس زمینه، رنگ متن، نوع فونت، اندازه فونت و ترازبندی متن را در عناصر HTML تغییر دهید.
هر عنصری در HTML یک سبک نمایش پیشفرض دارد که مثلاً رنگ پس زمینه همه عناصر سفید است و رنگ متن همه آنها هم مشکی است.
آموزش کامل عناصر HTML
اسناد HTML به وسیله عناصر HTML ساخته میشوند.
عناصر HTML با یک تگ آغازین، یک تگ پایانی و محتوای بین آنها مانند نمونه زیر نوشته میشوند
<tagname>contenttagname>
از تگ آغازین تا تگ پایانی همه چیز به عنوان عنصر html شناخته میشود.
نکته: برخی از عناصر HTML تگ پایانی ندارند، مانند تگ <br> عناصر تو در تو
آموزش فرم ها در HTML
فرمهای HTML برای جمع آوری اطلاعات کاربران استفاده میشود.
برای تعریف فرم از عنصر <form> بهره میگیریم.
<form> . form elements . </form>
فرمهای HTML شامل عناصر فرم است.
عناصر فرم انواع گوناگونی از عناصر ورود اطلاعات مانند چک باکسها، دکمه های رادیویی، دکمه ارسال و غیره هستند.
عنصر <input>
عنصر <input> مهمترین عنصر فرم است. این عنصر دارای انواع مختلفی از ابزارهای ورود اطلاعات هست که به وسیله ویژگی type مشخص میشوند.
انواعی که در این درس فرا خواهیم گرفت:
آموزش تخصصی پیوندها در HTML
تقریباً در همه صفحات وب میشه چندین پیوند پیدا کرد. لینکها قابلیت حرکت از یک صفحه به صفحه دیگر را به ما میدهند.
لینک ها میتوانند به صورت تصویر یا متن باشند بازدیدکنندگان سایت کافی است که روی پیوندی که ایجاد شده کلیک کنند تا به صفحه مورد نظر بروند.
نحوه ایجاد لینک
در HTML، لینکها با تگ <a> تعریف میشوند:
<a href="url">link text</a>
مثال زیر را برای آشنایی بیشتر با ایجاد پیوند امتحان کنید :
آموزش طراحی وبسایت(۲)
قسمت دوم آشنایی با قسمت های مختلف یک سایت
در این قسمت شما اولین صفحه وب خود را ایجاد میکنید و با استفاده ازXHTML مرحله به مرحله کارهای خود را در مرورگر تست و مرور میکنید
به طور دقیق اگر بگم هر وبسایتی که شما میبینید از ۳ قسمت اصلی تشکیل شده است: لایه یHTML و CSS و JAVA SCRIPT
یادگیری این ۳ لایه شما را به یک طراح تبدیل میکنید.
لایه ی HTML لایه ی محتوی است و مانند شاسی ماشین شامل تگهای متفاوتی است . لایه یCss به HTML ظاهر و جلوه میدهد و لایه ی جاوا اسکریپت حرکات وبسایت و پویایی آن را در کنترل دارد.
آموزش طراحی وبسایت ۱
قبل از شروع راه اندازی وبسایت شما می بایست کامپیوتر را برای این کار آماده کنید . چیزی که نیاز دارید برنامه های کاربردی و ساده است که باید تهیه کنید به طور خلاصه عبارتند از:
1-برنامه ای برای ویرایش متن ها و کدهای شما
2-یک مرورگر برای دیدن صفحات وب در آن
3-فرستادن صفحه وب به اینترنت با استفاده از دستور ftp که در ادامه توضیح میدم
موزش گام به گام بافت یک دستکش بافتنی زیبا و بدون انگشت
آموزش بافت سارافون و لباس بافتنی دخترانه بچه گانه
آموزش بافت دستکش ساق بلند طرح پیچ