مطالب پیشنهادی از سراسر وب

آموزش طراحی وب با Adobe Dreamweaver CC از موکاپ های Illustrator

دسته بندی ها: آموزش Adobe Dreamweaver ، آموزش های Skillshare ، آموزش طراحی وب واکنش گرا (Responsive) ، آموزش های ادوبی (Adobe) ، آموزش طراحی وب

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

در این دوره با به کارگیری split در Dreamweaver برای استفاده از ابزارهای بصری آشنا شده و مباحث زیر را فرا خواهید گرفت:

  • استفاده از قالب ها در Dreamweaver
  • طراحی با Illustrator 
  • ایجاد نسخه های تلفن همراه، تبلت و دسک تاپ از وب سایت 
  • ایجاد ناوبری واکنشگرا سفارشی با burger menu
  • آشنایی با JavaScript و jQuery
  • نحوه انتشار وب سایت خود در اینترنت
  • نمایش مستقیم طرح ها در دستگاه تلفن همراه 
  • نحوه استفاده از فونت های وب زیبا در طراحی های خود

نرم افزار مورد نیاز:  Adobe Dreamweaver CC 2017 یا نسخه بالاتر. 

لیست پخش دوره

آیا این نوشته را دوست داشتید؟
Adobe Dreamweaver CC Web Design from Adobe Illustrator Mockups Publisher:Skillshare Author:Daniel Scott Duration:36 Videos (3h 49m)

Overview
Hi there, my name is Dan and together we’re going to build a portfolio website using Adobe Dreamweaver.
We’ll use Dreamweaver's handy templating tools to make updates to our site super easy. We’ll create our very own mobile 'burger menu' from scratch learning some basic JavaScript & jQuery.
I am an Adobe Certified Instructor and better yet I work closely with Adobe themselves to develop their own online help videos. I am also a Dreamweaver speaker at the huge Adobe Max conference in Las Vegas 2017. I’m even inside your version of Dreamweaver right now... go on try it... open Dreamweaver > Go to Help > quick tutorial - I’m right there!
This course is for beginners. You do not need any previous knowledge in Dreamweaver or web design experience. We will use Dreamweaver ‘split’ view so we can use all the good visual tools as well as doing some simple amends down here in the code as well.  Now web design can sometimes be tricky so I am here to help - just message me if you get stuck. There are also exercise files so you can follow along. I even save a full copy of the website at the end of every video so that you can check yours again mine if you’re is not working quite right.
Check out this link here www.byolisawesome.com, for the site we build together. Let's get excited about finally being able to build a website like a professional web designer. See you in class.
Download the exercise files here.
Download the completed files here.
What are the requirements?
You will need a copy of Adobe Dreamweaver CC 2017 or above. A free trial can be downloaded from Adobe.
No previous web design skills are needed.
No previous Dreamweaver skills are needed.
What am I going to get from this course?
39 lectures 3+ hours of well-structured content!
You'll learn to build a responsive portfolio website from scratch.
Learn how to take a design from Illustrator & create a professional website.
How to use templates in Dreamweaver.
Create mobile, tablet & desktop versions of the website.
Build our own custom responsive navigation with burger menu.
Introduction to JavaScript & jQuery.
How to publish your website to the internet.
Ways to preview your designs straight to your mobile device.
How to get the most from your portfolio Images.
How to use beautiful web fonts in your designs.
You will get the finished files so you never fall behind.
Downloadable exercise files & cheat sheet.
Forum support from me and the rest of the BYOL crew.
All the techniques used by professional website designers.
What is the target audience?
YES: This course is for beginners. Aimed at people new to the world of web design. No previous Dreamweaver experience is necessary.
NO: This course is NOT suited to people experienced in using HTML & CSS.

پیشنهاد آموزش مرتبط در فرادرس