آموزش تصویری HTML & CSS به زبان پارسی

X
اگر این مطلب را مفید میدانید، لطفا برای حمایت از ما روی این دکمه کلیک کنید.

 

زبان طراحی اچ تی ام ال و استایل شیت ها به عنوان زوج قدرتمند در طراحی صفحات وب به شمار میروند .زبان طراحی اچ تی ام ال با گذر بیشتر از یک ده از عمر آن توسط W3C یا کنسرسیوم جهانی وب ایجاد و تا به امروز گسترش داشته است.تفاوتی نمیکند شما برای طراحی وبسایت چه تکنولوژی را انتخاب میکنید در هر حال لازمه فعالیت در شاخه طراحی وبسایت به عنوان توسعه دهنده تکنولوژی وب یادگیری زبان طراحی اچ تی ام ال و سی اس اس میباشد.در این آموزش قصد داریم با ارائه مثالهای مختلف در این خصوص شما را مرحله به مرحله همراهی نمائیم . نسخه زبان طراحی اچ تی ام ال در این آموزش نسخه 4 و برای استایل شیت یا همون سی اس اس نسخه 2 میباشد.

لازم به توضیح است تمامی فایل های آموزشی مربوط به این سطح رایگان بوده و تنها جهت حمایت از سایت داکیومنت و پروژه های آموزشی این مجموعه به صورت پیوست برای اعضا ویژه کلاس C قابل دسترسی خواهد بود لذا در صورت تمایل بعد از اینکه عضویت ویژه کلاس C خود را فعال نمودید , میتوانید اقدام به دانلود این داکیومنت ها نمائید و یا از طریق صفحه محصولات سایت به این داکیومنت ها دسترسی داشته باشید.

 

 

سرفصل های آموزشی  و آنچه در این مجموعه خواهید آموخت عبارتند از :

  • معرفی زبان طراحی اچ تی ام ال
  • آشنایی با تگ ها
  • آشنایی با ارتباط متن ها و تگ ها
  • آشنایی با  قرار دادن لینک در صفحات
  • آشنایی با  قرار دادن تصاویر در صفحات
  • آشنایی با ایجاد جداول در صفحات
  • آشنایی با اسکریپت های بوت استراپ
  • آشنایی با تقسیم بندی صفحه توسط جدول
  • آشنایی با ارتباط بین جداول و متون در صفحات
  • آشنایی با لیست های مرتب شده و غیر مرتب شده
  • آشنایی با استایل دادن به صفحات و متون
  • آشنایی با روش طراحی به کمک دیو
  • آشنایی با کسکیت استایل شیت ها (CSS)
  • آشنایی با روش اعمال استایل درون خطی
  • آشنایی با روش اعمال استایل درون صفحه ای
  • آشنایی با روش اعمال استایل خارجی
  • آشنایی با تگ ها و استایل ها
  • آشنایی با آی دی ها و استایل ها
  • آشنایی با کلاس ها و استایل ها
  • آشنایی با تصاویر و استایل ها
  • آشنایی با دیو ها و استایل ها

ویدئو: 

فایل های پیوست: 

پیوستاندازه
فایل دریافت فایل پاورپوینت366.4 کیلوبایت
فایل Tolooco.ir_HTML01_01_01.rar28.87 مگابایت
فایل Tolooco.ir_HTML01_02_01.rar16.98 مگابایت
فایل Tolooco.ir_HTML01_03_01.rar18.52 مگابایت
فایل Tolooco.ir_HTML01_04_01.rar34.83 مگابایت
فایل Tolooco.ir_HTML01_05_01.rar19.99 مگابایت
فایل Tolooco.ir_HTML01_05_01.mp4_.7z19.06 مگابایت
فایل Tolooco.ir_HTML01_06_01.rar13.39 مگابایت
فایل Tolooco.ir_HTML01_07_01.rar16.44 مگابایت
فایل Tolooco.ir_HTML01_08_01.rar12.57 مگابایت
فایل Tolooco.ir_HTML01_09_01.rar10.81 مگابایت
فایل Tolooco.ir_CSS01_01_01.rar25.62 مگابایت
فایل Tolooco.ir_CSS01_02_01.rar17.3 مگابایت
فایل Tolooco.ir_CSS01_03_01.rar24.24 مگابایت
فایل Tolooco.ir_CSS01_04_01.rar25.95 مگابایت
فایل Tolooco.ir_CSS01_05_01.rar37.12 مگابایت
فایل Tolooco.ir_CSS01_05_01.mp4_.7z40.25 مگابایت
فایل Tolooco.ir_CSS01_06_01.rar23.93 مگابایت
فایل Tolooco.ir_CSS01_07_01.rar18.23 مگابایت
فایل Tolooco.ir_CSS01_08_01.rar19.62 مگابایت
فایل Tolooco.ir_CSS01_09_01.rar12.95 مگابایت
فایل Tolooco.ir_CSS01_10_01.rar18.15 مگابایت

فایل های خصوصی: 

دیدگاه‌ها

سلام

تصویر امیر چابک

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

با سلام

تصویر hosseinf2012

با سلام
من فایل CSS01_05_01 جندین بار دانلود کردم مشکل داره بعد از دانلود باز نمیکنه. لطفا بررسی کنید

سلام

تصویر امیر چابک

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

سلام

تصویر امیر چابک

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

سلام

تصویر امیر چابک

با سلام این فایل مجددا با پسوند سون زیپ در این صفحه قرار گرفت.

با سلام

تصویر JELLYFISH

با سلام
شماره Tolooco.ir_CSS01_05_01 اشکال داشت .
نه Tolooco.ir_HTML01_05_01.
متشکرم .

سلام

تصویر امیر چابک

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

عدم رفع مشکل

تصویر Ali-Farzin

فایل Tolooco.ir_HTML01_05_01 که مشکل نداشت.
مشکل در فایل Tolooco.ir_CSS01_05_01 بود و همچنان هم پابرجاست.

سلام

تصویر امیر چابک

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

تشکر

تصویر arianfar

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

نبود splite,design,source

تصویر arianfar

سلام خسته نباشید، ی سوال بی ربط دارم ==> چاره ای نداشتم !!!!
من ویژوال 2013 رو نصب کردم،اما متاسفانه در html گزینه های splite,source,designer رو ندارم.
باید از کجا بیارمش؟ لطفاً زود کمکم کنید!!! heeeeelp me plz
با سپاس فراوان

سلام

تصویر امیر چابک

سلام . در ویيوال استدیو 2013 این گزینه برای صفحات اچ تی ام ال وجود ندارد اگر به این صفحه نیاز دارید به جای صفحه اچ تی ام ال یک وب فرم ایجاد کنید و کد های اچ تی ام ال رو داخل اون بنویسید.در غیر این صورت میتونید روی هر صفحه اچ تی ام ال رایت کلیک نموده و گزینه " ویو این نام مرورگر انتخابی " را کلیک کنید.

مشاوره

تصویر s_bnc

سلام
با عرض ادب و احترام
آموزش ریسپانسیو کردن هم تو این فایلهای css موجود هست ؟

سلام

تصویر امیر چابک

سلام دوست عزیز خیر آموزش مربوط به نسخه 2 استایل شیت و نسخه 4 اچ تی ام ال هست .در ارتباط با ریسپانسیو بودن پیشنهادمون این هست که آموزش بوت استراپ رو ملاحظه کنید البته قبلش اگر با استایل شیت ها آشنا نیستید حتما همین آموزش رو ملاحظه نمائید.

درخواست آموزش

تصویر usderik2014

با سلام و عرض خسته نباشيد.
يك در خواست داشتم، مي‌شه يك مقاله آموزشي در ارتباط با طراحي قالب چند ستونه با مستر پيج و كار با كنترل‌هاي بخش Login، مثل ريكاوري نام كاربري و پسورد در سايت‌ها ارائه بديد.

در ضمن ممنون مي‌شم اگز ايميل آقاي امير چابك بذاريد باهاش تماس بگيريم. يكسري سوالات تخصصي و راهنمايي ازشون ميخوام بگيرم.

پايدار باشيد.

سلام

تصویر امیر چابک

سلام دوست عزیز . مطالب مربوط به مباحث یاد شده در آموزش های تصویری وب فرم وجود دارد. مقاله آموزشی هم بزودی در سایت قرار میگیرد. برای ارتباط از ایمیل INFO@TOLOOCO.COM استفاده نمائید.

سلام

تصویر DasHamiD

سلام
با تشکر از سایت عالیتون
لینک Tolooco.ir_CSS01_05_01 خراب هستش من هم با Firefox و IE (با downloader های خود مرورگر و یک بار هم با IDM) دانلود کرد ولی فیلم آموزشی از داخل فایل Zip یاز نمیشه و ارور میده

سلام

تصویر امیر چابک

دوست عزیز شما همین فایل رو با پسوند سون زیپ که در صفحه است دانلود نمائید.

سلام

تصویر امیر چابک

دوست عزیز شما همین فایل رو با پسوند سون زیپ که در صفحه است دانلود نمائید.

سوال

تصویر amirmoghaddam

سلام دوست عزیز طلوع ولی خییییلی از فیلمتان یاد گرفتم ولی مثلا می خوام در آن نوشته باشد رنگ باشد نتونستم می شه یه فیلمی چیزی بگذازید خواهشن بهترین سایت آموزشی برنامه نویسی که تا به حال دیدم

رنگ سبز نوشته ها بعد از دانلود

تصویر 920168441

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

قراردادن کدهای Html در سایت

تصویر Fatemeh.Hamzeh

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

فایل خراب

تصویر stutolooco

Tolooco.ir_HTML01_05_01
سلام خسته نباشید
فایل فیلم خراب اکسترکت میشه و فیلم ناقص است

تشکر

تصویر arezou911

من همیشه از یادگیری مباحث طراحی واهمه داشتم چون همه فیلم ها به زبان انگلیسی بودن و کاملا متوجه نمیشدم. اولین بار که با سایت شما اشنا شدم با خودم گفتم حتما یا هزینه ای داره یا اینکه کیفیتش پایینه ولی هیچ کدوم نبود.
خیلی خیلی ممنون از اموزش های حرفه ای تون من که انگار سر کلاس هستم.
من تا به حال فیلم های جاوااسکریپت و جی کوئری و قسمت کمی از اچ تی ام ال رو دیدم همگی به بهترین نحو اموزش داده شده بودن
برای همه اعضای گروه طلوع ارزوی موفقیت میکنم.

سلام

تصویر امیر چابک

سلام لینک ها بررسی شدند مشکلی ندارند مجددا اقدام به دانلود نمائید.

خرابی فایل

تصویر Alireza

سلام
فایل Tolooco.ir_CSS01_05_01 خراب هست
نسخه 7zip آن کار میکند اما شامل سورس پروژه نیست و فقط فیلم آن فقط موجود است
لطفا فایل را اصلاح کنید

باعرض سلام وخسته نباشید خدمت

تصویر مهدی1994

باعرض سلام وخسته نباشید خدمت مهندس چابک عزیز.اقای مهندس من وقتی یک با کدهای اچ تی ام ال رو اجرا میکنم فقط یک بار اجرا شده وبار دوم دیگه نمیتونم تااینکه پروژه رو ببندم ودوباره بازش کنم تا اجرا بشه.لطفا اگر میشه راه کارشو بهم بگید.خیل ممنون

سلام

تصویر امیر چابک

سلام وقت بخیر.در خود آموزش ها در مورد اجرا نمودن پروژه توضیح داده شده .شما یا باید روی صفحه مورد نظر رایت کلیک نموده و گزینه ویو بروزر را انتخاب کنید و یا برنامه را ران کنید اگر میخواهید برنامه در بک گراند باز باشد و مرورگر شما اینترنت اکسپلورر هست توجه داشته باشید که مرور گر بسته نشود.

مشکل دانلود

تصویر Mahdi.IT

سلام خسته نباشید.
من در دانلود هر2پیوست اموزش HTMLوCSSدچار مشکل شدم.اصلا لینکی وجود نداره در صفحه ای که با کلیک کردن روی پیوست html باز میشه. خواهشا رسیدگی کنید.

سلام خیر به مواردی که در نسخه

تصویر امیر چابک

سلام خیر به مواردی که در نسخه 5 اچ تی ام ال و نیز نسخه 3 سی اس اس به نگارش های پیشین اضافه شده اند در آموزش های بوت استراب و ام وی سی توضیحاتی داده شده است.

با عرض سلام و خسته نباشید

تصویر saeed_zarif

با عرض سلام و خسته نباشید خدمت تمامی دست اندر کاران عزیر سایت طلوع
می خواستم از آموزش روان و ساده شما در زمینه html و css کمال تشکر و قدردانی را داشته باشم
انشالا در تمامی زندگی موفق و موید باشید

سلام . این آموزش مربوط به

تصویر امیر چابک

سلام . این آموزش مربوط به نسخه های 4 اچ تی ام ال و نسخه 2 سی اس اس هست.برخی ویژگیها و تگ ها در نسخه های 5 اچ تی ام ال و 3 سی اس اس اضافه میشوند که اون موارد در این آموزش نیست .

اموزش html5 & css3 کی اماده

تصویر mohammadraufzahed

اموزش html5 & css3 کی اماده میشود ویه چیز دیگه من اوبونتو دارم بعضی فیلم ها فایل اچ تی ام الشون ارور نمیده و با فایل تصویری کیفیت متن ها نوشته ها خیلی میاد پایین تو فیلم چی کار کنم؟