آموزش طراحي وب سايت – ( html and css ) – قسمت چهارم

آموزش طراحی سایت

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

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

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

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

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

1. تگ div

2. ایجاد class

3.دستور  background

4. دستور padding

5. دستور margin

6. دستور width

7. دستور height

8. معرفی ابزار Inspect element

9. دستورborder

 

تگ div : این تگ در آموزش طراحی سایت بسیار کاربردی می باشد، با استفاده از این دستور می توان قسمت های مختلف سایت را دسته بندی کرد، مانند ستون های کناری سایت، بخش محتوا و …

class : این دستور مستقیما با تگ div سرو کار دارد و بیشتر برای نام گذاری این تگ استفاده می شود تا در css بتوان با نام class به آن دسترسی داشته باشیم.

background : با استفاده از این دستور در css می توان رنگ پس زمینه را به راحتی تغییر داد.

padding : با استفاده از این دستور در css  می توان فاصله داخلی هر کدام از تگ ها یا کلاس ها را تعیین نمود.

margin : با استفاده از این دستور هم می توان در css  فاصله بیرونی هر تگ یا کلاس را تغییر داد.

width : همان طور که از نام آن پیدا می باشد با استفاده از آن می توان عرض هر قسمت از سایت را تعیین نمود، که در بیشتر مواقع بر اساس پیکسل می باشد.

height : این دستور مکمل دستور قبلی می باشد و جهت تعیین ارتفاع استفاده می شود.

Inspect element : در آموزش طراحی سایت این یک ابزار بسیار قوی به شمار می رود، بنابراین اگر می خواهید طراح وب سایت شوید، ابتدا پیشنهاد می کنم از مرورگر گوگل کروم استفاده کنید زیرا در آن ابزاری با نام Inspect element نهفته می باشد که در طراحی سایت بسیار کارآمد می باشد و از سعی و خطا شما جهت تغییر در ظاهر سایت جلوگیری خواهد کرد.

border : یک دستور بسیار ساده می باشد جهت ترسیم انواع خط

 

ابتدا ویدئو آموزش طراحی سایت این قسمت را دانلود نموده، سپس با دقت آن را تماشا نموده و تمامی مثال های آن را تمرین نماییید.

 

دانلود آموزش طراحی سایت

 

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دانلود دوره 6 جلسه ای آموزش ایمیل مارکتینگ
6 درس کاملا رایگان
ما هم مانند شما از ایمیل های مزاحم متنفریم
دانلود رایگان ویژه نامه فکر آبی
با دانلود ویژه نامه تنها 5 ثانیه فاصله دارید !
شکارچی مشتریان وب سایت خودتان شوید
شش کلید طلایی افزایش فروش
فروشنده خاموش را بیدار کنید !
70 دقیقه ویدئو آموزشی به همراه صوت
دانلود رایگان رازهای کسب و کار اینترنتی
پرده از اسرار کسب درآمدهای میلیونی از اینترنت بردارید
اگر در این دوره شرکت نکنید بیش از 2 ساعت آموزش شگفت انگیز را از دست خواهید داد.
دو ساعت آموزش رایگان به صورت ویدئویی
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
این آموزش رایگان به ایمیل شما ارسال می شود
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
می خواهم زودتر از همه فیلم این وبینار را تهیه کنم
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
فقط 5 ثانیه تا دانلود این کتاب فاصله دارید
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
فقط 5 ثانیه تا دانلود این ویدئو فاصله دارید
چه چیزی رو دوست داری رایگان یاد بگیری ؟
اینجا کلی آموزش های رایگان ویدئویی براتون آماده کردم
آموزش هایی براتون در نظر گرفتم که بیش از 1.000.000 تومان ارزش دارند
کدوم آموزش برای من مناسبه و منو به هدفم میرسونه ؟
برای شروع کسب و کار اینترنتی پولساز کلید "کسب و کار اینترنتی"
برای افزایش فروش با کمترین تلاش کلید "بازاریابی اینترنتی"
آخرین مرحله برای بهترین انتخاب شما
اگر مدرس، متخصص، مشاور، سخنران، استاد دانشگاه هستید یا چیزی برای یاد دادن به دیگران دارید "مدرسان پولساز"
در غیر اینصورت "شروع میکنم" را انتخاب کنید.
زودتر از بقیه از فرصت پولسازی سال 97 باخبر شوید
دانلود رایگان رازهای تبدیل دانش به درآمدهای میلیونی
همین حالا رازهایی را دانلود می کنید که برای همیشه آینده مالی و جایگاه اجتماعی شما را دگرگون خواهد کرد.
اگر در این دوره شرکت نکنید بیش از 1 ساعت آموزش شگفت انگیز را از دست خواهید داد.
دانلود رایگان رازهای بازاریابی اینترنتی
کمتر از 30 ثانیه تا دانلود رایگان رازهای افزایش فروش وب سایت خودتان فاصله دارید!
اگر در این دوره شرکت نکنید بیش از 5 درس آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
پنج راز بازاریابی اینترنتی که فروش سایت شما را سه برابر خواهد کرد در قالب پنج ویدئو قابل دانلود و رایگان
اگر در این دوره شرکت نکنید بیش از 5 درس آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
همین حالا کسب و کار اینترنتی را در قالب 7 درس ویدئویی قابل دانلود به صورت کاملا رایگان یاد بگیرید.
اگر در این دوره شرکت نکنید بیش از 2 ساعت آموزش شگفت انگیز را از دست خواهید داد.
یک پیشنهاد کاملا رایگان و رد نشدنی
همین حالا در دوره رازهای تبدیل دانش به درآمدهای میلیونی در قالب 5 درس ویدئویی قابل دانلود شرکت کنید.
اگر در این دوره شرکت نکنید بیش از 1 ساعت آموزش شگفت انگیز را از دست خواهید داد.
50%
تخفیف فقط همین حالا
فقط همین حالا می توانید بسته 100 ایده کسب و کار اینترنتی پولساز را با 50% تخفیف تهیه کنید، این پیشنهاد هرگز تکرار نخواهد شد.
80%
تخفیف برای تهیه جلسه اول
من میخواهم هر گونه ریسکی را برای شما از بین ببرم و به شما اطمینان خاطر بدهم آموزش های این بسته فوق العاده هستند، بنابراین می توانید جلسه اول مدرسان پولساز آنلاین را با 80% تخفیف تهیه کنید و در صورت رضایت بسته جامع را سفارش دهید.
تخفیف
فقط 9600 تومان