تبدیل psd به html
سلام به همگی شما دوستان عزیز آموزش تک
دوستان در این دوره آموزشی میخوایم بریم، قالب سایتی که در دوره آموزشی طراحی قالب سایت در فتوشاپ ، طراحی کردیم رو کاملا به کدنویسی (HTML5 و CSS3) تبدیل کنیم .
خوب ما در دوره قبلی اومدیم یک قالب سایت رو در فتوشاپ به صورت کامل طراحی کردیم اما این قالب فقط و فقط یک قالب گرافیکی بود و هیچ حالت کدنویسی نداشت .توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
احتمال داره که خیلی وقتها براتون سوال پیش اومده باشه که چجوری افکت ها و استایل هایی که ما در فتوشاپ به قالب اختصاص میدیم رو به html یا css تبدیل کنیم؟
خوب در این دوره آموزشی میریم که این سوال شما رو به صورت کامل و جامع پاسخ بدیم و شما رو با روش ها و شیوه های استایل دهی عناصر صفحه وب آشنا کنیم.
پیشنهاد میکنم که حتما این دوره آموزشی رو ببینید و از دست ندید چون کلی مطالب یادگرفتنی براتون داره 🙂
امیدوارم این دوره آموزشی مورد توجه شما عزیزان آموزش تک قرار بگیره … نظرات و پشنهاداتتون رو حتما در قسمت نظرات برای ما ارسال کنید
ویژگی های دوره
- تعداد جلسات 6
- امتحانات 0
- مدت 2 ساعت و 7 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 2331
- ارزیابی ها بله
-
aliakbar.farrokhrooz
علی
بسیار عالی بود متشکرم
-
pouyapro
pouya
عالی.دوره کوتاه و کاربردی.کاش این را به مجموعه دوره تبدیل کرده و قالب های متعددی را در فتوشاپ طراحی کرده و کدنویسی هم کنید.باتشکر
-
mohammad adineh
امتیاز
منتظر آموزش های بیشتر شما دوست عزیز هستیم.
-
hunter6464
توضیح واضح و عالی
تسلط کامل و بیانی عالی
-
mahdiha
mahdiha
سلام میشه فایل psd رو بزارید یا ایمیل بفرمایید. با تشکر از آموزش فوق العاده تون
51 دیدگاه
سلام خسته نباشید برای طراحی فایل پی اس دی یک فروشگاه اینترنتی ایا لازم هست که صفحه محصولات رو داخل فتوشاپ طراحی کنیم و بعد تبدیل به اچ تی ام ال تبدیل کنیم؟؟ یا نیازی نداره و از طریق صفحه سازها بعدا صفحه محصولات رو میسازیم؟؟
سلام
اگر با صفحه ساز کار میکنید خیر نیازی نیست
سلام آموزش طراحی قالب آموزش آنلاین و فروش دوره را هم در سایت بگذارید .
سلام و درود
چضشم حتما
سلام لطفا آموزش طراحی قالب آموزش آنلاین و فروش دوره را هم در سایت آموزش تک بزارید .
سلام خسته نباشید با این دوره قالب XD رو هم میشه تبدیل به کد کرد؟
سلام
خیر XD آموزش داده نمیشه
سلام ممنون از سایت خوبتون
میخواستم بپرسم آیا میشه به جای نرم افزار Brackets از visual studio استفاده کرد؟
سلام و دورد
بله میتونید هیچ تفاوتی در کدنویسی ایجاد نمیشه
موفق و پیروز باشید
سلام میشه همین سایتی که نوشتید رو براش دامنه تحیه و هاست تهیه کنید و اپلود کنید رو هاست و ساخت دیتا بییس اینجور چیزا و هم یاد بدین
سلام و درود
در دوره آموزش طراحی سایت بدون کدنویسی به صورت کامل از صفر تمامی مباحثی که برای راه اندازی یک سایت لازم هست مثل ثبت هاست و دامنه ، اتصال به دیتابیس و کلی موارد دیگر رو آموزش دادیم که پیشنهاد میکنم برای یادگیری این موارد حتما این دوره رو مشاهده کنید
موفق و پیروز باشید
فایل psd این اموزش رو از کجا دانلود کنیم ؟؟
سلام و دورد
متاسفانه فایل PSD قرار داده نشده
موفق و پیروز باشید
با سلام تبریک میگم سایت خیلی خوب و مفیدی دارید…لطفا اگر مقدور است آموزش تبدیل قالب html به wordpress را هم بزارید.
با تشکر
سلام و درود
با تشکر از نظر ارزشمند شما ؛ خوشحالیم که دوره های آموزشی مورد توجه شما قرار گرفتن
بله حتما؛ اتفاقا در حال طراحی این دوره هستیم
موفق و پیروز باشید
سلام ممنون بابت آموزشتون ولی ویدیو ها خراب بودن بایت حتما دانلود میشدن لطفا درستش کنین نمیشه انلاین نگاه کرد
ممنون
سلام و درود
با تشکر از نظر ارزشمند شما
دوره بررسی شده و مشکلی مشاهده نمیشه ، کدوم دروس مشکل دارن لطفا دقیق تر بفرمایید تا بتونیم راهنمایی تون کنیم
موفق و پیروز باشید
بسیار کاربردی با فن بیان عالی.
ممنونم
سپاس از نظر ارزشمند شما
با عرض سلام خسته نباشید خدمت شما.
واقعا عالی آموزش ها را عالی ساختید واقعا متشکرم.
من آموزش کامل HTML ، طراحی فایل PSD قالب و تبدیل اون به HTML و CSS رو دیدم، عالی بودن واقعا با حوصله و اشتیاق توضیح داده بودید.
برام یک سوالی پیش اومده صفحات داخلی چطور طراحی میشن و همچنین چطور به یکدیگر متصل میشن؟
ببخشید اگر سوالم پیش پا افتاده است چون تقریبا تازه کار هستم.
سلام و درود
خوشحالیم که دوره ها مورد توجه شما همراه عزیز ما واقع شده
در خصوص طراحی صفحات برای بخش های مختلف سایت به این صورت نیست که برای هر مطلب یک صفحه جداگانه ساخته شود بلکه اینکار با استفاده از یک زبان سمت سرور مثل php به صورت داینامیک انجام میشود به این معنی که مثلا برای صفحات محصولات فقط یک صفحه ساخته میشود و تمامی اطلاعات محصولات در دیتابیس ذخیره میشود و اینبار بر اساس خواسته کاربر ، اطلاعات یکی از محصولات در دیتابیس خوانده میشود و در اون صفحه ای که ساختیم نشان داده خواهد شد
امیدوارم توضیحات روشن و مفید بوده باشه
با تشکر از نظر ارزشمند شما
موفق و یپروز باشید
درود بر شما .اموزش هاتون رو خیلی ساده بیان میکنید و در عین حال بی نظیر هستش اگر کسی از اموزش های “اموزش تک” استفاده نکنه به قول معروف نصف عمرش بر فناس 🙂
سلام و درود
از اینکه دوره های آموزش تک مورد توجه شما واقع شدن بسیار خوشحالیم
با تشکر از نظر ارزشمند شما 🙂
موفق و پیروز باشید
سلام استاد بزرگوار من فیلم های آموزشی زیادی رو برای html و طراحی وب دیدم ولی آموزش شما که امروز تصادفا با سایتتون آشنا شدم عاااااااااااااالی بود…دستتون درد نکنه … علاقه و اشتیاق خاصی به یادگیری طراحی وب داشتم که با آموزش شما چندین برابر شد… بی تعراف عرض می کنم… سلامت باشید
فقط من یک سوال داشتم اگر طراح وب قرار است که همه قالب رو با html و css کد نویسی کنه پس چرا با فتوشاپ باید طراحیش کنه؟؟
سلام و درود
از اینکه دوره ها مورد توجه شما واقع شدن بسیار خوشحالیم ، با سپاس از نظر ارزشمند شما
در مورد سوالتون باید خدمتتون عرض کنم که ما به این دلیل قالب رو اول در فتوشاپ طراحی میکنیم که چارچوب کلی قالب دستمون بیاد و حین طراحی با HTML و CSS سردرگم نشیم و در کل طرح قالب فتوشاپ نقش یک راهنما برای طراحی در وب رو داره
امیدوارم پاسخ روشن و مفید بوده باشه
موفق و پیروز باشید
با سلام
متاسفانه امکان ورود و ثبت نام در دوره وجود نداره و به مشکل خوردم ممنون میشم رسیدگی کنید
سلام و درود
از طرف ما مشکلی برای ورود و ثبت نام وجود ندارد ،لطفا کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
موفق و پیروز باشید
امکان دانلود شماره 3 و 4 نیست، تمام لینک دانلود ها رو لطفا بررسی کنید.
سلام و درود
مشکل مورد نظر برطرف شده ، لطفا کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
موفق و پیروز باشید
سلام و درود به محضر استاد گرامی
ضمن عرض خسته نباشید خدمت شما ، میخواستم ببینم میشه یک وب سایت کامل تر رو آموزش بدید؟
مثلا کراشل داشته باشه یا وبلاگ داشته باشه و شبیه مثلا SAFARME.COM باشه؟
سلام و درود
بله در حال حاضر که دوره Bootstrap 4 آموزش داده میشه ، قالب خیلی حرفه ای تر و امکانات بسیار زیادی بهش اضافه خواهد شد
موفق و پیروز باشید
سلام
ممنون برای آموزش های خوب و کاربردیتون
حتی از فایل های رایگان این سایت هم میشه نکات خوب و بدرد بخوری یاد گرفت…
استا من العان برای طراحی صفحات داخلی سایتم مشکل دارم
نمیدونم دقیقا باید چیکار کنم
برای طراحی صفحات داخلی باید یک فایل اچ تی ام ال جدید بسازیم و صفحه رو کد کنیم و بعد با تک a به صفحه اصلی لینک بدیم؟ یا باید کار دیگه ای انجام بشه؟
مثلا من میخوام برای دانلود هر برنامه ای یک صفحه جدید باز بشه و کابر از اون صفحه برنامه مورد نظر رو دانلود کنه،پس باید برای هر برنامه یک صفحه ی دانلود جداگانه بسازم؟
ممنون میشم اگه راهنماییم کنید.
سلام و درود
از نظر ارزشمند شما سپاسگزاریم و خوشحالیم که دوره ها مورد توجه شما همراه عزیز ما قرار گرفته
در خصوص طراحی صفحات برای بخش های مختلف سایت خیر به این صورت نیست که برای هر مطلب یک صفحه جداگانه ساخته شود بلکه اینکار با استفاده از یک زبان سمت سرور مثل php به صورت داینامیک انجام میشود به این معنی که مثلا برای صفحات محصولات فقط یک صفحه ساخته میشود و تمامی اطلاعات محصولات در دیتابیس ذخیره میشود و اینبار بر اساس خواسته کاربر ، اطلاعات یکی از محصولات در دیتابیس خوانده میشود و در اون صفحه ای که ساختیم نشان داده خواهد شد
امیدوارم که توضیحات روشن و براتون مفید واقع شده باشه
موفق و پیروز باشید
سلام
داخل سایت هیچ جایی برای ثبت نام وجود ندارد و من میخوام دوره رو بگیرم هیچ راهی وجود نداره میشه یه راهنمایی بفرمائید.
سلام و درود
با عرض پوزش از شما ، طی بروزرسانی اخیر مشکلی به وجود اومده بود که برطرف شد میتونید ثبت نام رو انجام بدید
موفق و پیروز باشید
سللم ببخشید میشه فایل css و index پروژه رو واسم ایمیل بزنید
با تشکر
سلام و درود
فایل پروژه در صفحه درس “استایل دهی بخش هدر” قرار گرفته که میتونید دانلود کنید
موفق و پیروز باشید
خیلی خوب و مفید بود.بهترین تدریس فارسی که تاالان دیدم
کاش ریسپانسیو شدن هم در ادامه همین مجموعه میاوردین به جای مجموعه جدا.
موفق باشید
سلام و درود
از نظر بسیار ارزشمند شما سپاسگذاریم ، خوشحالیم که دوره مورد توجه شما قرار گرفته
به دلیل اینکه ریسپانسیو سازی قالب مبحث کاملا مجزا و مفصلی هست و البته ما هم نخواستیم که کاربران عزیز آموزش تک برای آموزش تبدیل PSD به HTML ،هزینه ای رو متقبل بشن به همین دلیل این دوره رو به صورت مجزا منتشر کردیم که امیدواریم مورد رضایت شما واقع شده باشه
موفق و پیروز باشید
سلام و خسته نباشید.
قسمت آموزش تبدیل استایل psd به HTMLرو چه زمانی میزارید؟(این آموزش تا قسمت سرچباکس بود و ادامه فایل PDF منظورمه)
و یک مرجع کامل اگه میشه معرفی کنید برای پیداکردن کد هایی مثل style – href و….
سلام و درود
این دوره آموزشی کامل شده و تماما به صورت ویدیویی هست ، کافیه شما به صورت رایگان داخل دوره ثبت نام کنید تا به همه ویدیوها دسترسی داشته باشید
مرجع کامل آموزش های HTML و CSS هم در زیر براتون قرار داده شده:
آموزش کامل HTML و HTML5
آموزش کامل CSS و CSS3
موفق و پیروز باشید
سلام و وقت بخیر با تشکر از آموزش فوق العاده تون
اگه امکان داره فایل psd رو بزارین تا دان کنیم یا به ایمیل ارسال بفرمایید سپاس
سلام و درود
ممنون از نظر ارزشمند شما
فایل psd در قسمت طراحی هدر قالب دوره آموزشی طراحی قالب سایت در فتوشاپ قرار داده شده
موفق و پیروز باشید
سلام و تشکر از دوره خوب شما بنده به یک مشکلی برخوردم که قسمت ریجستر دو باتن ورود و عضویت فاصله افتاده بینشونهیچ مارجینی هم ندادم مشکل از چیه؟
سلام و درود
لطفا از قبل توی body و html کلیه margin و padding هارو صفر کنید و دوباره تست کنید
موفق و پیروز باشید
سلام با تشکر از شما آقای مصطفی زاده مشکل بنده حل شد و در ضمن اگر تلگرام دارید میشه آیدی رو بدید چند سوال دارم
از قسمت تماس با ما میتونید در ارتباط باشید
سلام
ممنون که این آموزش عالی رو رایگان در اختیار ما گذاشتید.
نکات زیادی یاد گرفتم. خدا خیرتون بده.
سلام و درود
از اینکه نظر ارزشمندتون رو با ما سهیم میشید سپاسگذاریم
خوشحالیم که دوره ها مورد توجه شما قرار گرفته
موفق و پیروز باشید
سلام لطفا تصاویر را به ایمیلم ارسال کنید با تشکر
سلام و درود
اگر تصاویر استفاده شده داخل پروژه مد نظر شما هست هیچ اجباری نیست که شما هم دقیقا از همون تصاویر استفاده کنید
شما میتونید از اینترنت هر نوع تصویری که بخواهید رو پیدا کنید و در پروژه خودتون استفاده کنید و در کل مهم کدنویسی درست صفحات هستش و تصاویر میتونن تغییر کنن
موفق و پیروز باشید