سلام همشهری! اگه اهل صفادشتی و میخوای یه سایت ساده برای خودت یا کسب و کارت داشته باشی، این آموزش مخصوص توئه. لازم نیست برنامه نویسی بلد باشی، ما قدم به قدم بهت یاد میدیم چطوری با HTML یه سایت ساده بسازی.
HTML یه زبون نشانه گذاریه که برای ساختار دادن به محتوای وبسایت ها استفاده میشه. فکر کن مثل یه اسکلت فلزی برای ساختمون، که بقیه چیزها روش سوار میشن. با HTML میتونی تیترها، پاراگراف ها، عکس ها و لینک ها رو توی صفحه وبسایتت قرار بدی.
برای شروع، فقط به یه ویرایشگر متن (مثل Notepad یا Notepad++ در ویندوز، یا TextEdit در مک) و یه مرورگر وب (مثل Chrome، Firefox یا Safari) نیاز داری. همین!
یه فایل جدید توی ویرایشگر متنت باز کن و اسمشو بذار index.html. حتما پسوند .html رو آخرش بنویس. این فایل، صفحه اصلی سایتت میشه.
حالا این کدها رو توی فایلت کپی کن:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحه اصلی</title>
</head>
<body style="font-family: Arial, sans-serif;">
<h1 style="color: #333;">سلام به وبسایت من!</h1>
<p style="line-height: 1.6;">این یه پاراگراف ساده است.</p>
</body>
</html>
نگران نباش اگه الان معنی این کدها رو نمیفهمی. ما کم کم توضیح میدیم.
فایلی که ساختی رو ذخیره کن. حالا توی مرورگرت برو به مسیر فایلی که ذخیره کردی (مثلا اگه فایل رو توی دسکتاپ ذخیره کردی، آدرسش میشه file:///C:/Users/YourName/Desktop/index.html). اگه همه چی درست باشه، باید یه صفحه با عنوان "سلام به وبسایت من!" و یه پاراگراف زیرش ببینی.
<!DOCTYPE html>: این به مرورگر میگه که این فایل یه فایل HTML5 هست.<html lang="fa">: این تگ، ریشه سند HTML هست و زبونش رو فارسی مشخص میکنه.<head>: این قسمت شامل اطلاعات مربوط به صفحه میشه، مثل عنوان صفحه (که توی تب مرورگر نشون داده میشه).<meta charset="UTF-8">: این به مرورگر میگه که از چه کدگذاری برای نمایش متن استفاده کنه (UTF-8 برای فارسی مناسبه).<meta name="viewport" content="width=device-width, initial-scale=1.0">: این برای اینه که سایتت توی موبایل هم درست نشون داده بشه.<title>صفحه اصلی</title>: این عنوان صفحه است که توی تب مرورگر نشون داده میشه.<body>: این قسمت اصلی محتوای صفحه است که به کاربر نشون داده میشه.<h1>سلام به وبسایت من!</h1>: این یه تیتر سطح اوله.<p>این یه پاراگراف ساده است.</p>: این یه پاراگراف متنه.حالا میتونی محتوای بیشتری به صفحه ات اضافه کنی. مثلا میتونی تیترهای دیگه، پاراگراف های بیشتر، عکس و لینک اضافه کنی.
برای اضافه کردن عکس از تگ <img> استفاده کن:
<img src="image.jpg" alt="توضیح عکس" style="width: 200px;">
به جای image.jpg باید آدرس عکس رو بنویسی. alt هم برای اینه که اگه عکس لود نشد، یه متن به جای عکس نشون داده بشه. style="width: 200px;" هم برای تعیین عرض عکس هست.
برای اضافه کردن لینک از تگ <a> استفاده کن:
<a href="https://example.com">برو به سایت example.com</a>
به جای https://example.com باید آدرس سایتی که میخوای بهش لینک بدی رو بنویسی.
نه اصلا! HTML خیلی آسونه و با کمی تمرین میتونی به راحتی یادش بگیری.
HTML فقط ساختار سایت رو مشخص میکنه. برای اینکه سایتت حرفه ای بشه، باید از CSS برای طراحی ظاهر سایت و از JavaScript برای اضافه کردن قابلیت های تعاملی استفاده کنی.
برای بهینه سازی سایتت باید از تکنیک های SEO (بهینه سازی موتورهای جستجو) استفاده کنی. این شامل انتخاب کلمات کلیدی مناسب، نوشتن محتوای با کیفیت، و ساخت بک لینک میشه. برای اینکه خیالت راحت بشه، میتونی سئوی سایتت رو به ما بسپاری!
با ما تماس بگیر: 09190994063 - 09376846692
این فقط یه شروع بود. با تمرین و مطالعه بیشتر میتونی خیلی بیشتر از این یاد بگیری و سایت های بهتری بسازی. اگه سوالی داشتی یا نیاز به کمک داشتی، حتما با ما تماس بگیر. ما اینجا هستیم تا بهت کمک کنیم.
یادت نره، سئوی سایتت رو بسپار به ما: 09190994063 - 09376846692