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

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

 

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

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

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

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

 

در این قسمت ازآموزش تصویری طراحی سایت ، به ادامه آموزش html خواهیم پرداخت و در همین ویدئو سعی خواهیم کرد در ویدئو بعدی به سراغ آموزش css برویم.

 

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

 

1. تگ ul : این تگ جهت ساخت لیست های نامرتب به کار میرود، در آموزش طراحی سایت از این تگ برای طراحی منو ها استفاده خواهیم کرد.

2. تگ های h1 تا h6 : این تگ ها برای نشان دادن درجه اهمیت یک متن یا موضوع استفاده می شود. در آموزش طراحی سایت از این تگ برای نشان دادن متن خبر ها استفاده خواهد شد و در تکنیک های بهینه سازی سایت بسیار پر کاربرد می باشد.

3. تگ form : همان   طور که از نام این تگ پیداست، با استفاده از آن فرم های یک وب سایت را ایجاد خواهیم کرد، مانند فرم تماس با ما، یا فرم های ثبت نام

4. تگ text :   با استفاده از این تگ می توانیم از کاربر یک مقدار را به صورت تایپی دریافت کنیم.

5. تگ email : این تگ دقیقا مانند تگ text عمل می کند اما با این تفاوت که قابلیت تشخیص قالب ایمیل را دارد و اگر کاربر یک قالب اشتباه ایمیل وارد کند، به او خطا می دهد.

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

7. تگ textarea : این تگ برای گرفتن ورودی متنی از کاربر می باشد، با این تفاوت که قادر به دریافت متن های چند خطی می باشد، در آموزش طراحی سایت از آن برای گرفتن توضیحات در صفحه تماس با ما استفاده خواهیم نمود.

8. تگ submit :  با استفاده از این تگ یک کلید ایجاد خواهیم کرد.

8. ساخت فرم تماس با ما :  در آموزش طراحی وب سایت یک صفحه تماس با ما به شکل ساده طراحی خواهیم نمود.

 

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

 

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

 

12 پاسخ

  1. با سلام من دوره آموزشی طراحی سایت به زبان css3 رو تموم کردم می خواستم بدونم که واس اینکه یه طراحی سایت حرفه ای بشی فقط این دو زبان کافیه یا باید PHP JavaScript وبقیه رو هم باید یاد بگیرم

    1. درود فراوان
      دوست گرامی من به شما پیشنهاد می کنم طراحی سایت رو با وردپرس یاد بگیرید.

      امیدوارم شاد، موفق و پیروز باشید.

  2. با سلام
    فایلها دریافت شد،ممنون و تشکر فراوان بابت اموزشهای خوب و برای توجه و رسیدگی مسئولانه شما

  3. سلام
    فایلها را دریافت کردم،ولی حتی با نرم افزار فلش بک پلیر هم اجرا نمیشوند.ممنون میشوم رسیدگی کنید

    1. دورد بر شما
      فایل ها با پسوند اجرایی به صورت نرم افزار هستند و نیاز به هیچ گونه نرم افزار جانبی ندارند، اما جهت راحتی کاربران محترم در حال تبدیل فایل ها به فرمت ویدئویی استاندارد ویندوز هستیم و تا ساعات آینده بارگزاری خواهند شد.
      با تشکر
      مدیر وب سایت فکر آبی

  4. سلام.راهتون هموار وهمیشه پیروز.ساده ترین روش برنامه نویسی برای اندرویدچیه؟مثلا قدیما برای وب باید htmlمینوشتی اما الان با phpیا نظیر اینها که محیط اماده دارن راحت وب سایت میسازی همچین برنامه هایی برای اندروید هست؟

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

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

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

دانلود دوره 6 جلسه ای آموزش ایمیل مارکتینگ
6 درس کاملا رایگان
ما هم مانند شما از ایمیل های مزاحم متنفریم
دانلود رایگان ویژه نامه فکر آبی
با دانلود ویژه نامه تنها 5 ثانیه فاصله دارید !
شکارچی مشتریان وب سایت خودتان شوید
شش کلید طلایی افزایش فروش
فروشنده خاموش را بیدار کنید !
70 دقیقه ویدئو آموزشی به همراه صوت
دانلود رایگان رازهای کسب و کار اینترنتی
پرده از اسرار کسب درآمدهای میلیونی از اینترنت بردارید
اگر در این دوره شرکت نکنید بیش از 180 ساعت آموزش رایگان کسب درآمد از اینترنت را از دست خواهید داد...
4 درس ویدئویی 180 دقیقه آموزش رایگان
فقط 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 تومان
برای تبدیل گوشیت به ماشین پولسازی، پاتو بزار روی گاز
برای شرکت در دوره رایگان کسب و کار موبایلی ایمیل صحیح خودتان را وارد کنید، چون درس ها به ایمیل شما ارسال میشوند...
برای دسترسی کامل به دوره رایگان
لطفا ایمیل و شماره تماس خودتان را وارد کنید سپس کلید دریافت دوره را بزنید
دسترسی کامل به مینی دوره رایگان
کسب درآمد از اینستاگرام
برای دسترسی کامل به دوره رایگان
لطفا ایمیل خودتان را وارد کنید سپس کلید دریافت دوره را بزنید