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

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

قراره فیلم هشتم هم بذارین بعدا؟
پاسخ دادن 1398-04-17 22:22
مصطفی رامندی
# مصطفی رامندی
سلام
وقت شما هم بخیر

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

اما فکر میکنم اگر همین هفت ویدیو رو ببینین اونقدری تسلط پیدا میکنین که باقیمونده‌ی کار رو به راحتی انجام بدین. 🌷
پاسخ دادن 1398-04-18 11:16
حبیب
# حبیب
سلام و خسته نباشید
از اموزش شما خیلی استفاده کردم و خیلی خوب بود آیا شما آموزش از صفر تا صد برای html دارید بصورت کتاب یا فیلم من تهیه کننم ممنونم
پاسخ دادن 1398-05-13 12:24
مصطفی رامندی
# مصطفی رامندی
سلام. ممنونم.
در زمینه‌ی طراحی سایت، دو کتاب توسط من از انتشارات دیباگران منتشر شده.
کتاب اول که برای آموزش HTML و CSS و بصورت تصویر محور تالیف شده مناسب شما هست. عنوان رسمی کتاب اینه: طراحی صفحات وب مقدماتی اثر مهندس مصطفی یوسفی رامندی

اینهم لینک کتاب در انتشارات دیباگران: dibagranpakhsh.ir/index.php?route=product/product&product_id=792
پاسخ دادن 1398-05-13 20:34

دیدگاه شما