یکشنبه, 24 بهمن 1395 12:46

فیلم های آموزشی پروژه عملی طراحی سایت و قالب HTML و CSS

فیلم آموزشی پروژه محور طراحی قالب HTML و CSS فیلم آموزشی پروژه محور طراحی قالب HTML و CSS

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

این فیلم های آموزشی، فیلم‌هایی هستند که در کلاس ضمن خدمت طراحی سایت که تدریسش توسط بنده انجام شده ضبط شدن و تا جاییکه ممکن بوده حجم فیلم ها رو کم کردم تا راحت‌تر بتونید مشاهده یا دانلود کنید.

این فیلم ها، توی آپارات آپلود شدن و اینجا برای مشاهده یا دانلود قرار داده میشن، بنابراین می‌تونید نسخه‌های کم‌کیفیت و کم‌حجم‌ترشون رو از کانال من در آپارات مشاهده کنید.

هر سوال یا مشکلی در زمینه فیلم‌ها یا آموزش‌ها یا مطالب درون آموزش‌ها دارید، میتونید از قسمت پایینِ همین صفحه (قسمت نظرات) از من بپرسید، تا در اسرع وقت بهتون پاسخ بدم.

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت اول

دانلود قسمت اول

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت دوم

دانلود قسمت دوم

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت سوم

دانلود قسمت سوم

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت چهارم

دانلود قسمت چهارم

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت پنجم

دانلود قسمت پنجم

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت ششم

دانلود قسمت ششم

 

فیلم آموزشی پروژه محور HTML و CSS - قسمت هفتم

دانلود قسمت هفتم

 

دیدگاه‌ها  

leila
# leila پاسخ دادن 1396-01-24 05:37
ممنون از آموزش خوبتون
امکانش هست برای javascript و php به همین صورت آموزش بزارین
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-02-21 10:10
سلام
بله، ان‌شاءالله سرم خلوت بشه حتما.
فاطمه
# فاطمه پاسخ دادن 1396-03-10 16:32
وااقعا ممنونم خیلی عالی بود
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-03-15 20:54
خواهش میکنم.
محسن
# محسن پاسخ دادن 1396-04-30 15:59
با سلام و سپاس فراوان از لطف و مرحمت حضرتعالی بخاطر در اختیار گذاشتن رایگان این هفت قسمت از آموزش طراحی سایت.
قربان آن لطف شما بشوم اگر بقیه این آموزش که قسمت سمت راست سایت را میسازد تا انتهای کامل شدن سایت را بگذارید روی سایت خودتان یا آپارات.
شما که این مرحمت را فرمودید،پس لطفا آنرا کامل کنید.
اگر یک بانک اطلاعاتی کوچولوی پنج شش قلمی هم کنارش بگذارید که دعاگویتان هستیم تا آخر عمر.
اگر هم امکانش نیست بفرمائید تا برویم سماقمان را بمکیم.
با کمال احترام.محسن
محسن
# محسن پاسخ دادن 1396-04-30 16:04
استاد محترم با سلام و تشکر.
اولا خیلی سپاسگزارم از این لطف و مرحمت حضرتعالی،ولیکن حیف که قسمتهای پایانی آموزش که مربوط به ساختن سمت راست سایت است موجود نیست.اگر لطف کنید و بقیه اش را هم بگذارید یک عمر دعا گویتان هستم.
با کمال احترام و تشکر.محسن
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-05-01 14:45
سلام به جناب محسن؛

سعی میکنم در زمان مناسبی قسمت نهایی رو هم آماده کنم.
از ابراز محبتتان هم ممنونم.
مریم
# مریم پاسخ دادن 1396-05-09 16:50
تشکر از فیلم آموزشیتون. بسیار مفید بود. لطفا باقی مانده فیلم برای پنل راست صفحه را قرار دهید.
سپاس
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-05-17 10:18
سلام

انشاءالله در زمان مناسبی که وقت شد، حتما.
hamid
# hamid پاسخ دادن 1396-06-22 23:31
سلام آموزش های این بخش خیلی خوب بود من چیزاهای زیادی یاد گرفتم از شما تشکر میکنم لطفا ادامه آموزش ها رو هم قرار بدید سپاس
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-06-26 13:46
سلام، چشم سعیم رو میکنم.
Amir
# Amir پاسخ دادن 1396-06-23 13:51
سلام.خیلی خیلی خوب و مفید بود.من از 2 جای مختلف html,css رو از 0 تا صدشو کامل نشستم کلیپاشو دیدم.هر کدومو هم 3 بار از اول تا آخرش مرور و دوره کردم.ولی برام سوال بود که چرا حالا که این همه وقت گزاشتم و نشستم پاش برا یادگیری هنوز کار خواصی نمیتونم انجام بدم و خیلی وقت ها لابه لای کد های این دوتا زبون سردرگم میشم.به این نتیجه رسدم که فقط اصولشو یاد گرفتم.دنبال یه آموزش عملی و پروژه ای میگشتم.تا رسیدم به شما.خیلی خیلی ممنونم.خیلی کمکم کرد.عالی بود.بازم ممنون :-*
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-06-26 13:45
سلام، خواهش میکنم، از اینکه مفید بوده خوشحالم. قطعا این نظرات به من در ادامه کار نیروی زیادی میده.
یلدا
# یلدا پاسخ دادن 1396-07-11 06:53
سلام ، خدا قوت
واقعا متشکرم خیلی آموزشتون عالیه
بهترین ها رو براتون آرزو میکنم.
ان شاالله بتونید آموزش های جاوا اسکریپت و php هم بذارید.
یک دنیا سپاسگزار از زحمات ارزنده و مفیدتون.
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 18:53
سلام
ممنونم از این همه تشکر و انرژی.
سعیم رو میکنم بتونم آموزش های بیشتری رو بصورت عملی قرار بدم.
Mahdi
# Mahdi پاسخ دادن 1396-07-18 07:11
ممنون از آموزش های استادانه خودتون #thanks
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 18:54
سلام خدمت جناب مهدی.
ممنونم. استاد هم خوتون هستید. :-)
آرش
# آرش پاسخ دادن 1396-07-18 11:32
با سلام وعرض ادب خدمت شما استاد عزیز
غرض از مزاحمت خواستم یک تشکر اساسی کنم بابت فیلمای عملی طراحی سایت اقا واقعا دست مریزاد دم شما گرم با این مطالب مفیدتون ایشالله همیشه موفق باشید که اینطور سعی در آموزش درست و بجا دارین برای جوونای این مملکت.
و یک پیشنهاد و خواسته هم داشتم که اونم اینه که اگه بشه برای انواع مبحثا همینجوری فیلم تهیه کنین خیلی خوب میشه و همینطور آموزش PHP هم به مطالبتون اضافه بشه دیگه نور علی نوره...بازم کمال تشکر و قدردانی رو از خدمتتون دارم.
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 18:56
سلام و ادب خدمت شما آرش عزیز.
از نظر دلگرم کنندتون تشکر میکنم.
قصد دارم سرم رو کمی خلوت کنم تا بتونم چنین آموزش هایی رو در زمینه های دیگه هم قرار بدم اگر خدا بخواد. :-)
p-a
# p-a پاسخ دادن 1396-07-19 06:34
سلام، خدا قوت
آقای رادمندی عزیز میخواستم بابت ویدئوهای آموزشیتون ازتون تشکر کنم
من اتفاقی با وب سایتتون آشنا شدم ، خیلی عالیه آموزشتون
فقط یه سوال
این صدای موزیکی که توی زمینه ی وب سایت پخش میشه رو چطوری باید قطع کرد!؟
با آرزوی بهترین ها براتون
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 19:00
سلام
با تشکر از نظرتون، اما بنده رامَندی هستم اما نمیدونم چرا خیلی ها این اشتباه رو میکنن و من رو (راد + مندی) صدا میزنن. ;-)
چقدر خوب شد که اشاره کردین به اینکه چطور میشه موسیقی رو قطع کرد و من حواسم به این باگ نبوده که اگه کسی همزمان بخواد فیلم های سایت رو ببینه باید موسیقی رو قطع کنه اما امکانش نیست. :o
بزودی پلاگینی برای رفع این مشکل در جلوی چشم کاربرایی که برای استفاده از اینجا میان قرار میدم.
بازم تشکر.
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 20:26
امکان قطع موسیقی پس زمینه‌ی سایت و جلو یا عقب زدن هم افزوده شد. برای تنظیم میتونید از قسمت بالای و سمت چپ سایت روی آیکون کلیک کنید.
p-a
# p-a پاسخ دادن 1396-07-19 08:17
سلام مجدد
آقای رادمندی ببخشید من فایل ویدئویی رو دانلود کردم ولی وقتی کدهارو مینویسید توی ادیتور به خوبی واضح نیست
امکان اصلاحشون هست؟
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 19:01
سلام مجدد از من.
فیلم ها رو از آپارات دانلود فرمودین یا از سایت خودم؟
اگر از آپارات دانلود کردین باید نسخه با کیفتش رو دانلود میکردین.
گونا فرامرزی
# گونا فرامرزی پاسخ دادن 1396-07-22 04:05
سلام وقت بخیر
خیلی خیلی ازتون ممنونم .اموزشتون عالی بود من قبل از این فقط کدها رو میگفتن بخون چندباری میخوندم ولی زود یادم میرفت و اونایی م که یادم بود و نمیدونستم ازش استفاده کنم ولی بعد از آموزشات شما خیلی خوب یاد گرفتم فقط اگه میشه اموزش footer م قرار بدین
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1396-08-18 19:03
سلام
وقت شما هم بخیر.
ممنونم از نظرتون.
چشم، سعیم رو میکنم قسمت فوتر رو هم اضافه کنم.
راستی اگر بی ادبی نیست «گونا» نام آقایونه یا خانوما؟
Lawliet
# Lawliet پاسخ دادن 1396-11-24 18:03
عالی بود اموزشتون :D
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1397-05-13 17:48
ممنونم :-)
جواد
# جواد پاسخ دادن 1397-01-03 15:51
سلام ممنوووووووووووون بشدت مفید بود و جای تشکر فراوان داره اگه براتون مقدور باشه که سمت پایانیشو بزارید ممنون میشیم
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1397-05-13 18:00
سلام، خواهش میکنم.
اگر قسمت های دیگه رو توجه کرده باشین، به راحتی فوتر رو هم میتونین بسازین. یه DIV ساده داره که کل عرض صفحه رو گرفته.
zahra
# zahra پاسخ دادن 1397-04-13 10:13
سلام ببخشید من قسمت بدنه سایتم روی قسمت فودر قرار میگره چکارکنم؟ :cry: :o
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1397-05-13 17:53
سلام
چون بدنه‌ی سایت شما با دستور float شناور شده (به left یا right)، برای اینکه قسمت فوتر روی این قسمت نیفته باید از دستور clear: both برای قسمت فوتر استفاده کنید. برای فهم بهتر میتونید این مطلب رو نگاه بندازین: https://css-tricks.com/all-about-floats/#article-header-id-2
seyed
# seyed پاسخ دادن 1397-05-17 06:05
سلام آقای رامندی
خسته نباشید
لطفا ادامه آموزش هم بذارید ممنون :sad:
مصطفی رامندی
# مصطفی رامندی پاسخ دادن 1397-05-17 15:20
سلام
فقط قسمت فوتر آموزش کمه. که اون رو هم شبیه به هدر میتونین بسازین. خودتون دست بکار بشین اگر نتونستین و سوالی بود در خدمتم. :-)
amir yayji
# amir yayji پاسخ دادن 1397-06-15 09:11
با سلام خدمت شما. میخواستم درخواست کنم که لطفا فایل html رو که تو این 7 آموزش باهاش کار کردید رو بزارید.
با تشکر.

دیدگاه شما