ویدیو آموزش html , css , bootstrap

درود خدمت دوستان گرامی مدتی بود می خواستم یک آموزش سریع به دور از ریز کار هایی که خود فرد طراح قالب دنباش باید بره برای bootstrap , css , html بسازم و همینطور نیاز به این درس کوچیک داشتم به عنوان پیش نیاز که به سمت الکسیر برم و همینطور شروع به ساخت قالب در فونیکس مثلا در پست زیر روش پیاده سازی بوتسترپ در فونیکس رو منتشر کردم

درسا بیشتر روشی هست که خودم جلو می رم

لینک آموزش در یوتیوب

لینکش در بلاگ شخصیم:

https://trangell.com/blog/131-آموزش-سریع-html-و-css-و-bootstrap

لازم به ذکر است داشتن کمی اطلاعات در مورد html آموزش رو براتون شیرین تر می کنه

11 Likes

ایول خیلی خوب بود مخصوصا که داری بر اساس پروژه توضیح میدی .

1 Likes

ممنون از لطف شما . تو آموزش الکسیر در آینده یک پروژه دیگه هم برای html , css شروع می کنم حتما !!

خروجی قالب ساده آموزش داده شده

5 Likes

سایت bootswatch.com تم های قشنگی بر پایه بوت استرپ داره.

2 Likes

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

2 Likes

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

درود منظور اینکه می خواهید مربع مربع کنار هم باشه هر سطر سه مربع ؟ منظور شما این هست ؟ یا چیز دیگه ای ؟

بله منظورم همینه

پس لطفا این ویدیو هایی که خدمتون آماده کردم رو از اول مشاهده کنید این مورد رو هم یاد می گیرید

کدام ویدیو؟

در پست اول قرار دادم ویدیو هارو!! ویدیو در یوتیوب هست نیاز هست که شما با آیپی کشور دیگه ای به اون دست پیدا کنید

ممنون

1 Likes

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

در آخر اینطوری درست میشه میدونم که اشتباهه

من متوجه نشدم. تصویرش که مناسبه. می خوای بزرگتر ببریش ؟ از نظر عرض ؟ دقیقا می خوای چیکار کنی . تا اونجا که یادم هست یک کرائ ساده هست در اون قسمت چیزی که شما انجام دادینش

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

آخرین لایه تو فوتوشاپ این psd . اگر پی اس دی دستتون هست بکگراند هست می تونید چمشو بردارید تا تصویر ترنسپرنت بشه. بازم نشد باید دکمه کنترل رو بگیرید و سمت چپ بالا هم روی layer ست شده باشه نه گروپ بعد تو اون فضای خالی تصویر کلیک کنید تا لایه بکگراند رو بیاره و چشمشو بردارید

فایل psd رو چجور میتونم تهیه کنم؟آخه من وقتی میزنم رو اون گزینه چشم همه چی ترنسپرنت میشه و یک لایه بیشتر نیست که همون بک گرانده

بخاطر اینکه شما دارید یک تصویر لایه بسته رو روش تغییرات می دید. بخاطر همین نمی تونید غیر فعال کنید

لینک دانلود

1 Likes

خیلی ممنون

1 Likes

سلام،آقا شهریار به نظر شما بعد از یادگیری آموزش html و css برم سمت یاد گرفتن الکسیر؟ یا ورد پرس و php؟