- آموزش HTML

عنوان: - آموزش HTML الإثنين أكتوبر 24, 2011 9:27 am

این جلسه لینک کردن را خواهیم آموخت. برای گذاشتن لینک در صفحه از تگ بلوکی <a></a> استفاده میکنیم. Attributeهای جدید (به attributeهایی که در تگ‌های قبلی توصیح داده شد نمیپردازیم. تکرار مکررات خواهد بود) این تگ عبارتند از:

- href: با این خصوصیت آدرس صفحه یا فایل مورد نظر رو مشخص میکنیم.
- Target: مقادیر این خصوصیت _blank و _self هستند. با این مقادیر به لینک دستور میدهیم که در صفحه‌ی جدید باز شود یا در همان صفحه.

نکته مهم در بحث آدرس‌دهی این است که این کار به دو روش انجام میشود:
- آدرس‌دهی مطلق یا absolute که خود به دو صورت است: local و URL (Uniform Resource Locator).
- آدرس‌دهی نسبی یا relative.

آدرس‌دهی local وقتی است که آدرس فایل مورد نظر را به شکل D:\images\1.jpg بدهیم. این نوع آدرس‌دهی به هیچ‌وجه در صفحات وب استفاده‌ای ندارند. چون وقتی صفحه‌ی وب شما در اینترنت قرار بگیرد و هر کاربر آن را روی سیستم خودش load کند مسلما" به فولدرهای موجود روی سیستم شما دسترسی نخواهد داشت.
آدرس‌دهی URL هم نوعی از آدرس‌دهی است که برای لینک دادن به صفحات دیگر یا سایت‌های دیگر استفاده میشود.
آدرس دهی نسبی هم فقط برای آدرس‌دهی در محدوده‌ی سایت خودمان استفاده میشود. یعنی یک فولدر میسازید، صفحات وب‌سایتتان را، تصاویر وب‌سایتتان را و همه‌ی فایل‌های مورد نیازتان را در همان فولدر قرار میدهید و سازماندهی میکنید. در این صورت است که میتواند برای آدرس دادن از این سبک آدرس‌‎دهی استفاده کنید. این آدرس‌دهی برای ما که فعلا" در مرحله‌ی تولید تکْ‌صفحه هستیم کاربردی ندارد. برای ما فعلا" آدرس‌دهی مطلق URL کاربرد بیشتری دارد. در این نوع ادرس‌دهی باید به نام سرویس‌ها توجه داشت و نام هر سوریس (http:// یا https:// یا file:// یا mailto: یا...) را اول آدرس وارد کنیم.

حالا امتحان کنید:

<html>
<head>
<title>Hello</title>
</head>

<body>
Welcome to <a href=”http://forum.farsweb.ir” target=”_blank”>Fars Web</a>
</body>
</html>

یک نکته! باری ایجاد لینکی که به ایمیل وصل شود باید به شکل مثل زیر عمل کرد:

<a href=”mailto:someone@someting.com”>
اینجا متن لینک مورد نظر را وارد میکنیم.
</a>

یک نکته‌ی دیگر! وقتی به فایلی لینک بدهیم که در browser ما بتواند باز شود، لینک باز میشود و ما محتویات آنرا میبینیم. ولی وقتی فایل مورد نظر (مثل فایل‌هایی با پسوند .zip یا .exe یا...) نتواند در browser باز شود پنجره‌ی جدیدی باز مشود و پیشنهاد دانلود آن فایل را به ما میدهد.

عنوان: رد: - آموزش HTML الإثنين أكتوبر 24, 2011 9:27 am

بعد از مراسم معارفه ای که با HTML برگذار کردیم و یه صفحه‌ی وب ساده ساختیم، حالا میخواهیم ضمن بازی با شکل و شمایل نوشته‌مان، با تگ بلوکی هم آشنا شویم. وجود این تگ به تنهایی کاری انجام نمیدهد و باید حتما" برای آن attributeهایی [خصوصیاتی] تعریف کنیم. attributeها دو دسته‌اند: دسته‌ی اول مقدار میگیرند و دسته‌ی دوم آن‌هایی هستند که مقدار نمیگیرند و صرفِ وجود آن‌ها کافی است تا تاثیر لازم را بگذارند.
و یک نکته‌ی کوچک دیگر اینکه یادمان باشد مقادیر attributeها همیشه در quotation mark قرار میگیرند.

بعضی از attributeهای تگ فونت:
- color: رنگ نوشته رو تعیین میکند. برای وارد کردن مقدار رنگ سه روش وجود دارد:
یک. وارد کردن اسم رنگ، مثل black... white... navy... pink...
دو. وارد کردن عدد رنگ، مثل RGB(255,0,0) برای رنگ قرمز...
سه. وارد کردن کد رنگ، مثل #ffffff برای سفید...
- size: اندازه‌ی فونت را تعیین میکند.
- face: نوع فونت را تعیین میکند.
یک نکته! میتوانیم به عنوان مقدار این attribute اسم چند فونت را بنویسیم، فونت اول در اولویت اول قرار خواهد گرفت و اگر این فونت روی سیستم بیننده وجود نداشته باشد فونت دوم اِعمال خواهد شد، و به همین ترتیب الی آخر.
- dir: این خصوصیت راست به چپ یا چپ به راست بودن نوشته را تعیین میکند. بیشتر در ساخت صفحات وب فارسی کاربرد دارد، در صفحات انگلیسی نیازی به نوشتنش نیست.

دو تگ ساده‌ی دیگر هم وجود دارند که برای تغییر در ظاهر نوشته بسیار کاربرد دارند. تگ که نوشته رو bold و تگ که نوشته رو italic میکنند.

خب! حالا امتحان کنید:

This is My First Webpage!

عنوان: رد: - آموزش HTML الإثنين أكتوبر 24, 2011 9:28 am

به نظر میرسه برای شروع به کار این انجمن یه مقاله‌ی ساده و کوچولو برای معرفی html خیلی هم بد نباشه!

HTML
در کنار زبان‌هایی مثل Programming Languageها [مثل ویژوآل بیسیک] یا Scripting Languageها [مثل جاوا اسکریپت] دسته‌ی دیگری از زبان‌ها وجود دارند که Markup Languageها نامیده میشوند و html یکی از زبان‌های زیر‌مجموعه‌ی این دسته است. Html مخفف عبارت Hyper Text Markup Language است که به "زبان نشانه‌گذاری فوقِ متن" ترجمه میشود.
یک فایل html یک فایل از نوع متنی است که شامل تگ‌های کوچک نشانه‌گذاری است و بایستی دارای پسوند .html و یا .htm باشد. تگ‌های نشانه گذاری به مرورگر دستور میدهند که صفحه را چگونه و با چه شمایلی نمایش دهد.
تگ‌ها به دو دسته‌ی عمده تقسیم میشوند:
تگ‌های بلوکی [Block Level] که تگ آغازین و پایانی دارند و بایستی حتما" به صورت جفت استفاده شوند؛ مثل تگ که برای Bold کردن استفاده میشود. دسته‌ی دوم، تگ‌های یک‌خطی [Single Line] هستند که تگ پایانی ندارند.

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

HELLO

THIS IS MY FIRST WEB PAGE!

با تگ بلوکی یک صفحه‌ی وب تعریف کردید، با تگ بلوکی که داخل تگ بلوکی گذاشتید سربرگ صفحه را ایجاد کردید، و با تگ بلوکی محتویات صفحه را وارد کردید. این فایل notepad را با یکی از پسوندهای مخصوص html ذخیره کنید. خواهید دید که این فایل به صورت یک webpage ذخیره شده است. این اولین و ساده‌ترین صفحه‌ی وبی است که شما ساخته‌اید.
تنها نکته‌ای که باید یادآوری کنم این است که برای کدنویسی زبان html میتوانید از نرم‌افزارهای مختلف مثل Frontpage [که مشهورترین و قابل دسترس‌ترین آنها است] و یا Dreamweaver یا... استفاده کنید.