Web design: دورة تصميم مواقع الإنترنت

Photoshotp CS6 , Dreamweaver HTML, CSS
4.4 (169 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
4,105 students enrolled
Instructed by Ali Hamdi Design / Web Design
Free
Start Learning Now
  • Lectures 14
  • Contents Video: 5 hours
  • Skill Level All Levels
  • Languages Arabic
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2014 Arabic

Course Description

in this Web design Course will teach you practically how you can analyze the customer requirements and convert this analysis into a Photoshop file, then slicing it and go coding using Dreamweaver and writing html and css .

Software: Photoshop CS6, Dreamweaver CS6

Code: HTML, CSS

-------

بدايةً يرجع الفضل لله عز وجل في خروج هذه الدورة للطلبة بهذا الشكل وهذا المستوى ، فلله الحمد والمنة. فكرة تسجيل الدورة في الأساس كانت تقديم شيء ينفع الاسلام والمسلمين والحمد لله تم البدء في التسجيل بدون أي تحضر أو تكليف.

فقمت في الجزء الخاص بتصميم المواقع بالعمل على مجموعة من المواقع التي صممتها من قبل وهي مواقع حقيقة موجودة على الانترنت ، وهذا جعل الدورة على درجة كبيرة من الواقعية.

إعتمدت في الشرح على التطبيق العملي بشكل كبير حتى أكسر الملل الذي يصيب الدارس للتصميم والبرمجة من كثرة الأجزاء النظرية التي تتخلل الدورات .

في المستويات الست التي قمت بشرح التصميم والتكويد عليها اتعبت اسلوب ثابت وكررته في كل المستويات فبدأت بعملية تحليل لمتطلبات العميل ثم تحديد الأساسيات الضرورية للبدء في تصميم الموقع.

فمثلا تحديد الأولوان ودرجاتها والتركيز على طرق اختيار الالوان وتوزيع ووزن عناصر التصميم الاساسية من هيدر وفوتر وسايد بار ومحتوى الصفحة.

والتركيز على عملية التحليل بشكل كبير هذا بهدف السرعة في تحويله الافكار الي تصميم ومن ثم السرعة في تكويد هذا التصميم.

أثناء الشرح لايهمني أبدا الوقوف على كل أداة وشرحها بشكل نظري ، فقط كان يكفيني تنفيذ المطلوب منها بشكل متكرر مما يكسب الطالب الخبرة في استخدام الأدوات بشكل سريع.

فكنت أشرح التصميم وكأنني أنفذه للمرة الأولي فقط مع التحدث بماذا افعل وتعليل الاسباب لتوضيح ما اقوم به.

ايضا بداية الدورة كانت بشكل عملي وكان هناك حضور وكان أغلبهم للمرة الأولي يتعامل الفوتوشوب وليس لديه معرفه مسبقة بتصميم المواقع مما جعل الشرح يناسب بدرجة كبيرة من ليست لدية اي خبرة بتصميم المواقع ثم تدرجنا معا في الشرح حتي المستوى السادس وزادت درجة التعقيد في الكود والتصميم بحيث نصل لدرجة كافية من الخبرة.

من أكبر المشكلات التي تواجه اي طالب يدرس تصميم المواقع والبرمجة هي مشكلة التدريب حيث ان المتدرب يحتاج الى تدريب عملي حتى يستطيع ان ينزل الى سوق العمل ويشارك المصممين في المهنة.

فبفضل الله اذا نظرنا الى جدول الدورة نجد انها تغطي الكثير من الخبرات التي تعطي الطالب الثقة في مواجهة السوق دون أن يحتاج الى تدريب فالدورة نفسها تتضمن تدريب بشكل كبير.

نبدأ في الدروة بدراسة المستويات الست بالتوالي وكل مستوى يتطلب أسبوع واحد فقط ويتم تصميمه وتكويده مرتين متتاليتن في نفس الاسبوع. ثم نصل للنهاية يكون الطالب لدية القدرة على تنفيذ ما لديه من افكار فقد قام بالتطبيق حوالي 12 مرة.

ثم يطلب منه تنفيذ 5 مشروعات يقوم هو بتحليل وتصميم وتقطيع وتكويد الموقع.

فيكون الطالب بفضل الله ثم مجهودة الذي بذله قد قام بعميلة التصميم والتكويد اكثر من 17 مرة ، وهذا المقصود منه التدريب على العديد من المشكلات المختلفة والتعامل معها وبالتالي يجد الطالب في نفسه الثقة المطلوبة والتي تمهل لنزوله الى سوق العمل دون الحاجة الى النزول كفترة تدريب.

أيضا بمقارنة الفترة الزمنية بكمية الاعمال نجد ان هناك ضغط كبير يقع على المتدرب وهذا ايضا مقصود وهو ان تكون لدية القدرة على العمل تحت ضغط وهذه طبيعة سوق العمل.

وبفضل الله حينما اردت البدء في دورة البرمجة قمت في البداية بعمل دروة قصيرة من 13 درس لشرح اساسيات البرمجة بلغة البي اتش بي ثم انتقلت سريعا الى العلمي والتطبيقى على موقع المستوى الخامس ايه ويب ارتس حتى تكون تكلمة لمشروع بشكل كامل.

ايضا كان الشرح بشكل عملي في قواعد البيانات من البرمجة بحيث اننا ننفذ علميا ومن ثم نفهم النظرية من وراء التطبيق.

What are the requirements?

  • install Photoshop CS6
  • install Dreamweaver CS6

What am I going to get from this course?

  • How to use Photoshop to design a website layout
  • Learn HTML
  • CSS

What is the target audience?

  • students
  • web designers
  • web developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: تصميم الموقع بإستخدام الفوتوشوب - design the layout using Photoshop
مقدمة وكيفية مقابلة العميل - Introduction and Client interview
10:23
تصميم الموقع بإستخدام الفوتوشوب - تصميم الهيدر - Photoshop Header Design
17:04
تصميم الموقع بإستخدام الفوتوشوب - تصميم السايدبار - Photoshop Sidbar Design
23:31
تصميم الموقع بإستخدام الفوتوشوب الاسلايدر والمحتوى - Photoshop Slider & Content
14:55
تصميم الموقع بإستخدام الفوتوشوب - تصميم الفوتر - Photoshop Footer Design
14:39
Section 2: فنيات هامة في التصميم بالفوتوشوب - important Photoshop tricks
تصميم الموقع بإستخدام الفوتوشوب فنيات التصميم - Photoshop Design Tricks
42:51
Section 3: تقطيع التصميم بإستخدم الفوتووشوب - website layout slicing using Photoshop
تقطيع التصميم بإستخدم الفوتووشوب - website layout slicing using Photoshop
23:35
Section 4: تكويد الموقع بإستخدام الدريم ويفر - website coding using Dreamweaver - HTML, CS
تكويد الموقع بإستخدام الدريم ويفر مقدمة HTML & CSS Dreamweaver
27:07
تكويد الموقع تحضير ملفات الموقع والربط بينها - website Structuer, Files Linking
07:22
تكويد الموقع بإستخدام الدريم ويفر عناصرالموقع - Website devisions
14:40
تكويد الموقع بإستخدام الدريم ويفر تكويد الهيدر - Header HTML, CSS
20:33
تكويد الموقع بإستخدام الدريم ويفر تكويد السايدبار - Sidebar Coding HTML, CSS
31:50
تكويد الموقع بإستخدام الدريم ويفر الاسلايدر-المحتوى - Slider & Content HTML, CSS
19:01
تكويد الموقع بإستخدام الدريم ويفر - تكويد الفوتر - Footer Coding HTML, CSS
25:05

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ali Hamdi, Web designer and PHP developer

High Studies Computer Science - Egypt, Cairo University

W3 HTML Developer Certified

Web Consultant at Egyptian Arab Company for Software

I'm a web designer and developer, working with: Photoshop, HTML, CSS, JavaScript J query , PHP and MySQL.

.I'm writing a code using C++, PHP, MySQL - OOP, MVC.

I'm working as a web designer and developer and I delivered websites in Egypt, KSA, Kuwait, Canada, Lebanon, UK and USA.

I work as a web instructor since 2011, I have a web design course consists of six levels, I

taught them them many times via on line virtual rooms for Hundreds of students with many academies and in many learning centers in Cairo.

Follow me :

Course Group: https://www.facebook.com/groups/WebDesignCourse/

My Page: https://www.facebook.com/alihamdi.web

On behance: http://www.behance.net/ali7amdi

My Websites: http://alihamdi.com/ http://awebarts.com/

Ready to start learning?
Start Learning Now