پیش گفتار :
اول از همه بهتون تبریک میگم یادگیری زبان HTML و CSS جز ساده ترین و پرکاربردترین مهارت های برنامه نویسی میباشد البته اصطلاحا به طراحی سایت با این دو شاخص برنامه نویس گفته میشه
اما حقیقتا شما طراح UI هستید نه برنامه نویس اما به هرحال از نظر دید عموم به طراح UI وبسایت برنامه نویس گفته میشود.
آیا یادگیری HTML و CSS برای برنامه نویس شدن اجباری است ؟
به طور مثال شما قصد دارید برنامه نویس PHP یا ASP و یا زبان های دیگر شوید , برایتان سوال پیش می آید آیا قبل از آن نیازی به یادگیری HTML و CSS دارم ؟
خوب برای این سوال باید بهتون بگم که یادگیری سطحی و آشنایی با ساختار و تگ های HTML و آشنایی المنت ها و سلکتور های اجباری CSS نیاز است.
و اگر قصد دارید حرفه ای یادگیری خودتون رو تکمیل کنید پیشنهاد میکنم اگر از اون دسته آدم هایی هستین که از سرچ کردن های زیاد خسته میشین و
نمیخواین وقت زیادی رو برای مباحث یادگیری تون بزارین از دوره های حضوری طراحی سایت استفاده و شرکت کنید.
HTML و CSS چیست ؟
HTML مخفف (Hyper Text Markup Language) به معنی زبان علامت گذاری فرامتن میباشد و اگر کاربرد این زبان را بخواهیم به زبان ساده بگیم اینه که
شما یک ساختمون رو در نظر بگیرید که شامل آشپزخونه – اتاق خواب ها و پذیرایی میباشد به مشخص کردن بخش های مختلف یک سایت توسط HTML انجام میشه که
به طور مثال شامل هدر ( بالای سایت ) فوتر ( پایین سایت) قسمت نمایش محصولات و مطالب ( وسط سایت ) میگویند
و رنگ آمیزی و کاغذ دیواری و زیباسازی توسط CSS انجام میشه که در سایت برای بک گراند وبسایت و رنگ آمیزی و طرح های خلاقانه سایت توسط CSS انجام میشود.
با چه نرم افزار هایی میتوان سایت طراحی کرد ؟
در واقع به ترکیب HTML و CSS طراحی سایت گفته میشه که میتونه زبان های دیگه نیز برای واکنش گرایی و حرفه ای تر شدن سایت اضافه کرد از جمله Java Script و Jquery
که میتوان با هر ادیتوری که دوست دارید بنویسید از جمله
- HTML PAD
- PHP STORM
- Dream Viewer
- Note Pad
- Notepad ++
- Subline Text
و صد ها نرم افزار دیگری که وحود دارد و پیشنهاد بنده به شما HTML Pad میباشد که سبک و ساده میباشد و از اکستنشن ها پشتیانی میکند.
دستورات اولیه برای طراحی :
<HTML>
<head>
<title>عنوان وبسایت که در مرورگر نمایش میدهد</title>
</head>
<body>
این قسمت برای نمایش نوشته و اطلاعات در مرورگر برای بازدید کننده میباشد
</body>
</HTML>
همانطور که مشاهده میکنید در HTML هر کد شروعی پایانی دارد و به محتوایی که بین شروع و پایان قرار میگیرد مربوط به تگ مربوطه میشود , ساختار فرم HTML به صورت بالاست و هر تگ تعرفیش نوشته شده .
اگر سوالی دارید بپرسید !
و اگر از سبک آموزش راضی بودید من این روند رو ادامه میدم 🙂