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

Photoshotp CS6 , Dreamweaver HTML, CSS
Rating: 4.5 out of 5 (781 ratings)
21,585 students
Web design: دورة تصميم مواقع الإنترنت
Rating: 4.5 out of 5 (781 ratings)
21,585 students
How to use Photoshop to design a website layout
Learn HTML
CSS

Requirements

  • install Photoshop CS6
  • install Dreamweaver CS6
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 درس لشرح اساسيات البرمجة بلغة البي اتش بي ثم انتقلت سريعا الى العلمي والتطبيقى على موقع المستوى الخامس ايه ويب ارتس حتى تكون تكلمة لمشروع بشكل كامل.

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

Who this course is for:
  • students
  • web designers
  • web developers
Curriculum
4 sections • 14 lectures • 4h 52m total length
  • مقدمة وكيفية مقابلة العميل - Introduction and Client interview
  • تصميم الموقع بإستخدام الفوتوشوب - تصميم الهيدر - Photoshop Header Design
  • تصميم الموقع بإستخدام الفوتوشوب - تصميم السايدبار - Photoshop Sidbar Design
  • تصميم الموقع بإستخدام الفوتوشوب الاسلايدر والمحتوى - Photoshop Slider & Content
  • تصميم الموقع بإستخدام الفوتوشوب - تصميم الفوتر - Photoshop Footer Design
  • تصميم الموقع بإستخدام الفوتوشوب فنيات التصميم - Photoshop Design Tricks
  • تقطيع التصميم بإستخدم الفوتووشوب - website layout slicing using Photoshop
  • تكويد الموقع بإستخدام الدريم ويفر مقدمة HTML & CSS Dreamweaver
  • تكويد الموقع تحضير ملفات الموقع والربط بينها - website Structuer, Files Linking
  • تكويد الموقع بإستخدام الدريم ويفر عناصرالموقع - Website devisions
  • تكويد الموقع بإستخدام الدريم ويفر تكويد الهيدر - Header HTML, CSS
  • تكويد الموقع بإستخدام الدريم ويفر تكويد السايدبار - Sidebar Coding HTML, CSS
  • تكويد الموقع بإستخدام الدريم ويفر الاسلايدر-المحتوى - Slider & Content HTML, CSS
  • تكويد الموقع بإستخدام الدريم ويفر - تكويد الفوتر - Footer Coding HTML, CSS

Instructor
Web designer and PHP developer
Ali Hamdi
  • 4.5 Instructor Rating
  • 781 Reviews
  • 21,585 Students
  • 1 Course

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/