گروه آموزش طراحی سایت ۲۷ شهریور ۱۳۹۰ ۲ 3626 بازدید

در این نوشته شما خواهید آموخت تا چگونه اولین کدهای اچ تی ام ال خود را بنویسید و آن ها را استفاده کنید:

برای یادگیری html به چه چیزهایی نیاز دارید؟

برای آموزش اچ تی ام ال، تقریبا نیاز به نصب هیچ برنامه ی جدیدی ندارید؛ چرا که تنها 2 چیز نیاز هست:

1- ویرایشگر متنی؛ که ممکن است خیلی ساده مثل نوت پد ویندوز باشد و یا پیشرفته تر از آن، مانند dreamweaver و یا notepad++ باشد.

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

نکته:

اگر قصد دارید اچ تی ام ال و به طور کلی طراحی وب سایت را یاد بگیرید، حتما این مرورگرها را داشته باشید:

فایرفاکس (Firefox)، اینترنت اکسپلورر (Internet explorer)، گوگل کروم (Google Chrome)، اپرا (Opera)، سافاری (Safari)

مرورگرهایی که نام آن ها در بالا آورده شد، نسخه های متعددی دارند و در هر کجا که لازم باشد، توضیحات مرتبط خدمت شما ارائه خواهد شد. لازم به ذکر است که مرورگرهای گفته شده، Major Browsers نام دارند. یعنی مرورگرهای اصلی ای که بیشترین میزان استفاده را در میان کاربران دارند و برای طراحی وب سایت ها، تست و بررسی روی آن ها کفایت می کند.

اولین فایل html خودتان را ایجاد کنید

ابتدا ویرایشگر متنی خودتان (مثلا نوت پد ویندوز) را باز کنید و متن زیر را در آن بنویسید:

Welcome to Onliner.ir

سپس آن را با پسوند .html ذخیره کنید.

راهنمایی:

اگر از نوت پد ویندوز استفاده می کنید و میخواهید فایل خود را با پسوند .html ذخیره کنید، کافی است وقتی اقدام به ذخیره ی فایل می کنید، در قسمت پایین پنجره ای که به هنگام ذخیره ی فایل نوت پد ظاهر می شود، تنظیمات را مانند تصویر زیر انجام بدهید:

قسمت Save as type را All files انتخاب کنید تا بتوانید در قسمت File name پسوند فایل را به هر صورتی که تمایل دارید، تنظیم کنید. و قسمت Encoding را روی UTF-8 تنظیم کنید تا در نوشتن حروف فارسی نیز مشکلی نداشته باشید. و بتوانید وب سایت های با محتوای فارسی طراحی کنید.

مشاهده ی نتیجه:

فایل ذخیره شده در مرحله ی قبل را باز کنید. اگر فایل را به درستی با پسوند .html ذخیره کرده باشید، فایل شما با یکی از مرورگرهایی که روی کامپیوتر شما نصب است، باز می شود. و متنی که در آن نوشته اید، نمایش داده می شود.

نکته:

مرورگرها، فضاها (space) و خطوط جدید خالی را ترتیب اثر نمی دهند. این به آن معناست که کدهای زیر همگی به یک شکل نمایش داده می شوند:

Welcome to Onliner.ir
Welcome    to       Onliner.ir
Welcome
To
Onliner.ir

نظرات کاربران (۲)




  1. ممنون از سایت خوبتون


  2. لام خیلی ممنون از مطالب خوبتون برقرار باشید