دسته: <span>آموزش تبدیل PSD به HTML</span>

برای ورود به فاز عملیاتی واکنش گرا کردن صفحات وب، بهتر است تا ابتدا کار را با تمرین ریسپانسیو کردن یک صفحه وب ساده شروع کنیم. صفحه ای که کمترین جزئیات نامربوط را داشته باشد و تنها تمرکز ما در ریسپانسیو کردن آن، بر روی مفاهیم و نکات مهم در واکنش گرایی باشد. زمان این […]

هنگامی که قصد ریسپانسیو کردن و افزودن قابلیت واکنش گرایی به صفحات وب را داشته باشید، مهمترین مسئله در نظر داشتن نحوه ی نمایش صفحات وب شما در ابزارها (device) های مختلف کاربران است، ابزارهایی که هر کدام شان، عرض نمایش و رزولیشن متفاوتی دارند. در این جلسه آموزشی که مدت زمان آن 13 دقیقه […]

عبارت طراحی واکنش گرا (ریسپانسیو – Responsive) در مقوله ی طراحی صفحات وب، اسمی به ظاهر بزرگ دارد و باعث میشود که در نگاه اول، طراحی صفحات وب به صورت واکنش گرا، یک مقوله ی بسیار پیچیده و ضجر آور به نظر برسد! اما واقعیت این است که طراحی صفحات وب به صورت ریسپانسیو Responsive، […]

فریم ورک بوت استرپ در سی اس اس (Bootstrap CSS Framework) در حال حاضر نام آشناترین فریم ورک CSS مورد استفاده در طراحی صفحات وب می باشد. اما از آن جا که اگر بدون دانستن یکسری نکات و چارچوب های اولیه و استانداردهای مربوطه، اقدام به استفاده از فریم ورک بوت استرپ کنیم، باعث اتلاف […]

زمان این جلسه ی آموزشی 33 دقیقه و 35 ثانیه است. جهت دانلود محتوای این جلسه ی آموزشی با عنوان “آموزش ساخت صفحه بندی Pagination (کدنویسی HTML و CSS)” که شامل فیلم آموزشی مربوطه و کدهای خروجی نهایی هستند، از طریق لینک های زیر اقدام نمایید:  

زمان این جلسه ی آموزشی 27 دقیقه و 57 ثانیه است. جهت دانلود محتوای این جلسه ی آموزشی شامل فیلم آموزشی و کدهای خروجی آن، از لینک دانلود زیر استفاده نمایید:  

در این جلسه ی آموزشی از سلسله مباحث آموزش طراحی صفحات وب پیشرفته (موسوم به آموزش تبدیل PSD به HTML)، می خواهیم ببینیم که چطور می توان با استفاده ی بهینه و مناسب از ساختار کدنویسی HTML و همچنین نامگذاری کلاس ها در CSS، می توانیم به تکمیل بخش های مختلف صفحات وب خودمان، سرعت […]

در ادامه ی آموزش های دوره ی طراحی صفحات وب پیشرفته (آموزش تبدیل PSD به HTML) نوبت به بخش استفاده از فونت آیکون های Font Awesome برای پیاده سازی بخش آیکون های سه گانه در بخش مطالب مجله ای از صفحه ی اول وب سایت در دست ساخت مان می رسد. زمان فیلم آموزشی این […]

در این جلسه ی آموزشی، شما خواهید آموخت که چطور می توانید در فرآیند طراحی سایت، از تعداد زیادی آیکون فلت با راحتی و انعطاف پذیری بالا استفاده کنید، به طوری که تغییر اندازه، تغییر رنگ، یکسان سازی عرض ها و … آیکون های شما بسیار سریع و راحت قابل انجام باشد و سرعت فرآیند […]

زمان این جلسه ی آموزشی 28 دقیقه و 54 ثانیه است. در این جلسه آموزش می بینید که چگونه تنها با استفاده از HTML, CSS کپشن زیبا و مناسبی در صفحات وب خودتان بسازید که بر روی عکس های شما نمایش داده شوند و اطلاعات بیشتر و تکمیلی را در اختیار کاربران صفحه وب سایت […]

در ادامه ی مباحث آموزشی در دوره ی آموزش طراحی صفحات وب پیشرفته (آموزش تبدیل PSD به HTML) نوبت به اعمال ظرافت هایی در بخش مجله ای محتوای صفحه ی وب مان می رسد تا بتوانیم آن را با طرح گرافیکی PSD مان به صورت دقیق تری منطبق کنیم. در حقیقت در طراحی صفحات وب، […]

یکی از افکت‌ها و تکنیک‌های طراحی بسیار کاربردی در طراحی سایت، این است که مشخصه یک عنصر در صفحه وب را بتوانیم به آرامی (در طی یک مدت زمان دلخواه) تغییر بدهیم. تا پیش از ارائه ی سی اس اس 3 یا همان CSS3، برای اعمال و ساخت چنین افکت‌هایی در طراحی صفحات وب، مجبور به […]

در ادامه مباحث آموزش طراحی صفحات وب پیشرفته (آموزش تبدیل PSD به HTML)، به سراغ آموزش ساخت طیف‌های رنگی با استفاده از دستورات سی اس اس 3 – CSS3 می رویم. تا پیش از این تولید طیف‌های رنگی در صفحات وب، کار سختی بود که در طی چند مرحله انجام شد اما نسخه سه از […]

در این جلسه آموزشی و در ادامه مباحث آموزش طراحی صفحات وب پیشرفته، به سراغ آموزش یک نکته زیبا و کاربردی می‌رویم و آن ساخت مثلث در صفحه ی وب تنها با استفاده از HTML و CSS می باشد.خیلی اوقات ممکن است نیاز داشته باشیم تا یک مثلث را در صفحه وب خودمان تولید کنیم و […]

در این جلسه آموزشی و در ادامه آموزش های دوره ی آموزش طراحی صفحات وب (تبدیل PSD به HTML) به سراغ استایل دهی محتوای بخش مجله‌ای در صفحه وب خودمان می‌رویم. در جلسه آموزش قبلی، پیش‌نیازهای لازم از جمله کدنویسی های اچ تی ام ال – HTML را برای این بخش انجام داده بودیم و حالا نوبت […]

زمان این جلسه ی آموزشی 45 دقیقه و 10 ثانیه است. جهت دانلود محتوای این جلسه ی آموزشی با عنوان “Markup اولیه برای بخش محتوای مجله ای صفحه وب” می توانید از طریق لینک زیر اقدام نمایید: دسترسی سریع : آموزش قبلی: فیلم آموزش پیاده سازی تول تیپ jQuery به صورت متن و همچنین بزرگ‌نمایی […]