آموزش طراحی وب‌سایت – جلسه سوم
در جلسه گذشته با اهداف دوره و HTML تا حدی آشنا شدید. اگر جلسه اول و دوم را مطالعه نکردید می‌توانید از اول و دوم مطلب جلسه‌های پیش را بخوانید. در این آموزش می‌خواهیم در صفحه‌ی وب خود یک عکس بارگذاری کنیم. و یاد بگیریم چگونه می‌توانیم عکسی را بصورت لینک در بیاوریم. به این منظور که پس از کلیک کردن به روی عکس مورد نظر به لینک دلخواه خود برویم.
تگ <html> : محدوده اصلی یک برنامه html را تعیین می‌کند. (برای بستن این تگ باید از </html> استفاده کرد. سایر تگ‌ها نیز با یک / (slash) بسته می‌شود به جز آن‌هایی که شامل یک تگ هستند و تگ پایان ندارند. )
تگ <head> : این تگ در واقع در برگیرنده اطلاعات کلی سند است. تگ‌های (meta,style,base,link,script, title) در این بخش می‌آید که به کاربردهای آن خواهیم پرداخت.
تگ <title> : عنوانی که در بین این تگ قرار می‌گیرد در بالای مرورگر نمایش داده می‌شود.
تگ <body> : بدنه اصلی یک برنامه Html در بین این تگ قرار می‌گیرد.
تگ <br> : برای رفتن به خط بعد از این تگ استفاده می‌کنیم. این تگ، تگ پایان ندارد.
تگ <a> : برای لینک دادن از تگ a استفاده می‌شود. تگ a از دو بخش href که مخفف hypertext reference و یک بخش توضیحات (description) تشکیل شده است. لینکی را که می‌خواهیم بعد از کلیک به آن جا برویم را برابر href و عبارتی را که می‌خواهیم بصورت لینک شده در بیاید را در بخش توضیحات می‌نویسیم.
<a href=”http://www.zangedanesh.com”>My site!</a>
تگ <img> : این تگ برای نمایش تصویر در وب استفاده می‌شود. این تگ معمولا به همراه src می‌آید و آدرس تصویر مساوی src که به معنای source است قرار می‌گیرد. یک بخش دیگر که در این تگ می‌تواند مورد استفاده قرار بگیرد عبارت alt است، کاربرد alt این است که اگر به هر دلیلی عکس نمایش داده نشود عبارتی که برابر alt قرار گرفته شده است نمایش داده می‌شود. وجود alt برای سئو بسیار مهم و ضروری است.
با توضیحات مختصر بالا ویدیو جلسه سوم را باهم ببینیم.
آموزش ویدیویی جلسه سوم:
(برای دیدن ویدیو در کیفیت مطلوب کیفیت را روی 720 بگذارید.)
1 Comment
Join the discussion and tell us your opinion.
عالی هر چی پیشتر میریم بیشتر علاقمند میشم آفرین بر شما