آموزش تصویری طراحی سایت – (html and css) – قسمت اول

آموزش طراحي وب سايت

در این سری از آموزش تصویری طراحی سایت ، ابتدا html و css را آموزش خواهم داد و در آخر از علم به دست آمده به شما خواهم گفت که چگونه وب سایت طراحی کنیم.

html یک زبان نشانه گذاری صفحات وب و css یک زبان مکمل html و استایل دهی صفحات وب می باشد.

در مرحله اول آموزش html و در مرحله دوم آموزش css و در مرحله آخر آموزش تصویری طراحی سایت با یک مثال عملی پیش خواهیم رفت، تا تمام مطالب در قالب این پروژه کاملا واضح و شفاف شوند.

همچنین اگر تمایل دارید به یک طراح وب سایت واقعی تبدیل شوید، یادگیری این دو زبان از واجبات می باشد، می توان گفت همان طور که ورزش دو میدانی مادر ورزش ها هست، html و css مادر طراحی صفحات وب هستند.

 

آنچه در آموزش طراحی وبسایت این قسمت خواهید آموخت :

1. ساختار html

2. نمای کلی پروژه نهایی

3. تگ a

4. تگ img

5. تگ p

6. ترکیب تگ ها

 

 نمای  کلی پروژه نهایی : وب سایتی را که قرار است با هم در این آموزش انجام دهید را می توانید در این ویدئوی آموزشی مشاهده نمایید.

تگ a : با استفاده از این تگ می توانید لینک های قابل کلیک شدن ایجاد نمایید.

تگ img : با استفاده از تگ میتوانید تصاویر را به صفحات وب وارد کرده و نمایش دهید.

تگ p : با استفاده از این تگ هم می توانید یک پاراگراف متن را نمایش دهید.

ترکیب تگ ها : تمام این تگ هایی که به شما گفته می شود قابلیت ترکیب شدن با یکدیگر را دارند، مثلا شما می توانید یک تصویر را  به یک لینک قابل کلیک شدن تبدیل نمایید.

 

در آموزش طراحي وب سايت از جزئیات کناره خواهیم گرفت و آنچه که در یک کار عملی مورد نیاز شما می باشد، خواهیم گفت، مثلا در html ممکن است دستورات زیادی وجود داشته باشد که  منسوخ شده باشند.

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