آموزش Dreamweaver CC 2015: طراحی Responsive با بوت استرپ
Dreamweaver CC 2015: Responsive Design with Bootstrap
- تعریف شبکه طرح بندی بوت استرپ سفارشی
- درج و اصلاح نوار پیمایش
- افزودن ظرف برای یک تصویر قهرمان
- کار با ستونهای داخل ظرف Bootstrap
- ایجاد محتوای مکان یاب با Emmet
- سرعت بخشیدن به طرح با تکثیر ستون ها
- انتقال عناصر صفحه در DOM
- پیش نمایش صفحه وب تلفن همراه با پیش نمایش دستگاه
مقدمه Introduction
-
خوش آمدی Welcome
-
آنچه باید قبل از تماشای این دوره بدانید What you should know before watching this course
-
با استفاده از پرونده های تمرینی Using the exercise files
1. شروع کار 1. Getting Started
-
درک نحوه کار Bootstrap Understanding how Bootstrap works
-
فضای کاری Dreamweaver را تنظیم کنید Setting up the Dreamweaver workspace
-
تعریف شبکه طرح بوت استرپ Defining the Bootstrap layout grid
2. ایجاد پیمایش سایت 2. Creating the Site Navigation
-
درج نوار پیمایش Inserting a navigation bar
-
در حال ویرایش پیوندها Editing the links
-
ایجاد یک منوی کشویی Creating a dropdown menu
-
نوار پیمایش Styling the navigation bar
-
افزودن تصویر پس زمینه به نام تجاری Adding a background image to the brand
3. اضافه کردن تصویر Hero 3. Adding a Hero Image
-
افزودن یک ظرف برای محتوای صفحه Adding a container for the page content
-
درج تصویر قهرمان Inserting the hero image
-
صفحه را روی تصویر قرار می دهد Positioning the page heading over the image
4- کار با ستون ها 4. Working with Columns
-
تغییر اندازه ستون ها Resizing columns
-
ستون های تکراری با متن حفره یا سوراخ Duplicating columns with placeholder text
-
استفاده از چسباندن ویژه در نمای زنده Using Paste Special in Live View
-
پاک کردن ستون های با طول ناهموار Clearing columns of uneven length
-
ایجاد بخش ویژگی Creating the feature section
-
تنظیم طرح و یک ظاهر طراحی شده در قسمت ویژگی ها Adjusting the layout and styling the feature section
-
افزودن مطالب بیشتر Adding more content
-
پاورقی صفحه را اضافه کنید Adding the page footer
-
پنهان کردن عناصر Hiding elements
-
اضافه کردن صفحات اضافی Adding extra pages
5. با استفاده از پیش نمایش دستگاه 5. Using Device Preview
-
اتصال به یک دستگاه تلفن همراه Connecting to a mobile device
-
با استفاده از CSS Inspect با پیش نمایش دستگاه Using CSS Inspect with Device Preview
نتیجه Conclusion
-
بعدش چی؟ What next?
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/1926
آموزش طراحی وب سایت نمونه کارها با Muse
Designing a Portfolio Website with Muse
با استفاده از Adobe Muse وب سایتی ایجاد کنید که نمونه کارهای شما را به نمایش بگذارد. بیاموزید که چگونه اسلایدها ، دکمه ها ، پیوندها و ناوبری را اضافه کنید و سایت خود را در وب منتشر کنید.
آموزش ساخت فرم های HTML5 با Dreamweaver
Building HTML5 Forms with Dreamweaver
بیاموزید که چگونه از ابزارهای داخلی در Dreamweaver برای ایجاد فرم های HTML5 غنی و در دسترس استفاده کنید.
آموزش ساخت حس CSS Box Model (2015)
Making Sense of the CSS Box Model (2015)
مفاهیم اصلی مدل جعبه CSS را مرور می کند ، از جمله تکنیک هایی مانند متن و تصاویر یک ظاهر طراحی شده ، محتوای شناور ، استفاده از ویژگی های نمایش و عناصر موقعیت یابی.
آموزش ساخت یک سایت نمونه کارها Responsive
Building a Responsive Portfolio Site
بیاموزید که چگونه یک سایت نمونه کارهای پاسخگو ایجاد کنید تا هنر ، عکاسی ، نوشتن یا سایر مطالب خود را با HTML ، CSS ، jQuery و برخی از چهارچوب های آسان برای به نمایش درآوردن.
David Powers
دیوید پاورز از سال 1994 وب سایت ها را توسعه داده و از سال 2003 كتاب هایی درباره توسعه وب نوشت. او یک مربی Adobe Community Professional و Adobe Certified برای Dreamweaver است. اغلب اوقات در انجمن های Dreamweaver و مرکز توسعه Adobe که در بسیاری از آموزش ها و فیلم های آموزشی محبوب به او کمک و مشاوره می دهند ، می آموزید. او همچنین از مسافرت و گرفتن عکس بسیار لذت می برد. به وب سایت وی به آدرس http://foundationphp.com/ مراجعه کنید.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.