السلام عليكم و رحمة الله و بركاته
شاكريم لكم مقدما
واله بحاجة للتعلم على دري ويفر
جاري تسجيل اسمي
السلام عليكم و رحمة الله و بركاته
شاكريم لكم مقدما
واله بحاجة للتعلم على دري ويفر
جاري تسجيل اسمي
سبحان الله كنت أفكر اليوم أتعلم تصميم المواقع بس المشكلة ما عندي وقت مع المدرسة
مشتركة صامة xd
و بالتوفيق !!
ماذا عن اعتماد دروس الفيديو بحجم مضغوط ؟
مثلاً حجم الفيديو الاصلي 100 ميجا ، استطيع تحويله إلى 2 ميجا
و هذا سيساعد اصحاب الاتصالات الضعيفة
مارأيكم ؟
وأنا فى أنتظارك
http://i872.photobucket.com/albums/a...y/BANNER-1.png
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته.
من واجبنا إكرام الضيف، أليس كذلك ؟
لدينا اليوم ضيفٌ جديد، يجب علينا إكرامه.
ولكن هذه المرة إكرامٌ من نوعٍ آخر، سنتعرف عليه سويةً ونستكشف مايخفيه عنا :D.
هل عرفتموه ؟ إنها HTML!
نبذة عن HTML
لن أذكر هنا متى نشأت، ومن اخترعها؛ فكلها لا تسمن ولا تغني من جوع.
HTML هي لغة موجهة للويب، وليست لغة برمجة ولا لغة تصميم كما يظنها الكثير، بل هي لغة هيكلة (أي تشرح كيف يظهر الموقع وترتيبه وأين يقع هذا وذاك..إلخ).
html لغة سهلة، ليست بذلك التعقيد -كما يظنها البعض-.
أتعرف كيف تكتب كود HTML؟
انظر لهذا:
سهلة، أليس كذلك ؟كود:<tag>النص هنا </tag>
هذا لايكفي بتاتاً، دعونا نتوسع أكثر في الفقرة القادمة.
كتابة وسوم HTML
1- الوسم يبدأ بـ(<tag>) وينتهي بـ(</tag>).
2 - اسم الوصم غير حساس لحالة الأحرف.
3 - بعض الوسوم تكون مغلقة مثل وسم: <img />، وهذه الوسوم يكون وسم فتحها هو وسم إغلاقها في الوقت نفسه.
إنشاء ملف html
لإنشاء ملف html، قم بفتح محرر النصوص المفضل لديك، وليكن مثالاً Notepad++.
كم بعمل Save as أو حفظ باسم، وسمه كما يظهر في الصورة.
http://i872.photobucket.com/albums/a...8at65728PM.png
ماذا نكتب في ملف html؟
احم احم، نسيت ايش نكتب :D
@تنبيه: سنتعامل مع ملفات html5 لأنها الأحدث بينهم، لا اختلاف إلا في وسم التصريح.
اكتب في بداية الملف كود التصريح كما يلي:
يقول هذا الكود للمتصفح: صديقي الصدوق، تعرف علي كملف html من الإصدار الخامس.كود:<!doctype html>
أرأيت البساطة ؟ بكود واحد عرّفت الكثير من الأشياء.
وماذا بعده ؟
أتذكرون قاعدة فتح وإغلاق الوسوم ؟ سنبدأ في كتابة الوسوم الآن ! هييي ::سعادة::!
قم بكتابة هذا الكود بعد التصريح.
هذا الكود هو قلب html، بدونه لن يتعرف المتصفح على أن مابين هذين الوسمين هو كود html !كود:<html>
</html>
والآن، بين الوسم السابق، اكتب مايلي:
رائع :بكاء:، أخيراً كتبنا شيئاً بين الوسم <html>كود:<head>
<title> Mexat Lessons </title>
</head>
نعم، وسم <head> هو كما أسميه، اللب الداخلي لـhtml؛ لأنه يتحكم بالأشياء التي لاتظهر للزائر.
مثل: العنوان (بظهر في رأس المتصفح)، ملفات css، استدعاءات javascript، الكلمات الدلالية، وغيرها.
ولاحظ أننا كتبنا وسما في جوف وسم <head> !
نعم، جميل يا صديقي، أنت مجتهد :D، إنه وسم العنوان ، عنوان الصفحة !!!
وقد كتبنا بينه نصاً، وهو Mexat Lessons.
والآن يفترض أن يكون الكود لدينا كالتالي:
وإذا قمت بفتح هذه الصفحة في المتصفح، سترى العنوان قد تغير إلى Mexat Lessons أو ماكتبته أنت.كود:<!doctype html>
<html>
<head>
<title> Mexat Lessons</title>
</head>
</html>
والآن، لنتعرف على وسم <body>.
وسم <body> يحتوي على جسم الصفحة، أي مايظهر في وسط صفحة html.
اكتب التالي بعد وسم اغلاق <head>
والآن، قم بفتح صفحتك في المتصفح، ماذا تلاحظ ؟كود:<body>
Hey, I'm here ! I'm your first html file !
</body>
اهاا ! كما يظهر في الصورة :D، جميل، إذا لا، راجع الشرح أو اسأل.
http://i872.photobucket.com/albums/a...8at74823PM.png
والآن هذا هو كودنا النهائي.
خاتمةكود:<!doctype html>
<html>
<head>
<title> Mexat Lessons</title>
</head>
<body>
Hey, I'm here ! I'm your first html file!
</body>
</html>
أرجو أن يكون الشرح جيداً، وأنكم قد فهمتم الدرس، فالباقي يتعمد على هذا !
الرسالة الأصلية كتبت بواسطة Z-ONE
وبصفتي طالب اسمحو لي ان اجيب الاسـئله ..
1- لا يوجد ما يسمي بالنوع الافضـل .. طريقتين مختلفتين .. وانا من جهتي لا اجد فـرق الا في الشـكل فقط .. ويبقي الشئ الوحيد الذي يحدد ايهم افضل هو زوق المصمم .. وانا افضـل التصميم الثابت اكثر من المتمدد ..
2- شعار الموقع يمثل الجزء الذي يمثل الموقع في اذهان الزائرين .. فيجب ان يوضح الشـعار اهداف الموقع بشكل مبسط ومميز .. يترك انطباع اولي جيد ليلتصق في زهن الزائر .. شعار الموقع ليس مجرد شـكل فقط .. فهو كالعلامه التجاريه اينما وجدت تدل علي الشـبكه التابعه لها ويجب مراعاه الاتساق مع ما يقدمة الموقع من خدمات .. حتي لا تحدث خلل او اختلاط في المعلومات .. ويفقد الشعار بريقه ويصبح لا يمثل الشـبكه التابع لها ..
3- بالتأكيد .. ضغط الصـور باقصي شكل ممكن .. والابتعاد عن الصـور في اماكن الـ solid color او الالوان المصمطه .. والاكثار من نقاط التمدد ..
4- التصميم الاحترافي يجب ان يكون مطابقا للمعاير القياسيه ولمعاير الويب 2 .. وقد يتطلب ذلك استخدام الفوتوشوب نظرا لانك لن تحصل علي تصميم مجسـم دون الفوتوشوب .. قد يحدث هذا ولكن سيكون مضيعه للوقت .. الفوتوشوب يغنيك عن ذلك ..
5- عن طريق دراسه اهداف الموقع الاساسيه ومحاوله توضيف التصميم اولا فيما يفيد ويخدم تلك الاهداف والخدمات .. البحث عن فكره جديده مستوحاه من موضوع الموقع .. بمعني اذا كنت اصمم موقع اذاعه .. ابحث عن فكره تصميم تبرز الهدف والخدمه التي يقدمها الموقع .. مثلا ان يكون التصميم علي شـكل جهاز راديوو .. او شـكل ستوديو .. او اكثـر من الادوات التي تستخدم في تأديه الخدمات .. مثل الميكروفونات .. والسماعات .. وهكذا ..
6- الهدف من اي برنامج محرر هو تسهيل كتابه الكود .. تلك البرامج تساعدك علي كتابه الكود بشـكل اسرع من الطريقة اليدويه وتحمي من الاخطاء ايضا .. ولكن يجب ان لا تعتمد علي تلك المحررات فلا يقف عليها الامر .. ويكفي برنامج محرر بسيط مثل النوت باد لكتابه الكود .. ولذلك الاعتماد علي البرنامج امر جيد بالطبع حيث يضمن السهوله والسرعه والدقه ولكن يجب ان لا يكون الاعتماد كلي .. حتي لا يقيدك برنامج معين .. فانت تستطيع التكويد في اي مكان وفي اي وقت ..
اشـكركم مره اخري وانتظر الدروس القادمة ^_^
إقتباس:
الرسالة الأصلية كتبت بواسطة Z-ONE
ما شاء الله تبارك الله درس مفيد وبسيط جدا .. اشكرك بشـده ..
ولكن اعزرني هناك خطأ في الكود النهائي .. اعتقد انك نسيت ان تغلق وسم <body>
اشـكرك مره اخري علي الدرس وانتظر القادم بشوق .. دمت بخير ^_^
ياخي وش أقول !إقتباس:
اشـكركم علي الدوره الرائعه ويسعدني ان تقبلوني طالبا معكم ^_^ .. كنت اتمني اكون مدرس ولكن للاسف دخولي متقطع لذلك سأكتفي بأن اكون طالب ^_^
وبصفتي طالب اسمحو لي ان اجيب الاسـئله ..
1- لا يوجد ما يسمي بالنوع الافضـل .. طريقتين مختلفتين .. وانا من جهتي لا اجد فـرق الا في الشـكل فقط .. ويبقي الشئ الوحيد الذي يحدد ايهم افضل هو زوق المصمم .. وانا افضـل التصميم الثابت اكثر من المتمدد ..
2- شعار الموقع يمثل الجزء الذي يمثل الموقع في اذهان الزائرين .. فيجب ان يوضح الشـعار اهداف الموقع بشكل مبسط ومميز .. يترك انطباع اولي جيد ليلتصق في زهن الزائر .. شعار الموقع ليس مجرد شـكل فقط .. فهو كالعلامه التجاريه اينما وجدت تدل علي الشـبكه التابعه لها ويجب مراعاه الاتساق مع ما يقدمة الموقع من خدمات .. حتي لا تحدث خلل او اختلاط في المعلومات .. ويفقد الشعار بريقه ويصبح لا يمثل الشـبكه التابع لها ..
3- بالتأكيد .. ضغط الصـور باقصي شكل ممكن .. والابتعاد عن الصـور في اماكن الـ solid color او الالوان المصمطه .. والاكثار من نقاط التمدد ..
4- التصميم الاحترافي يجب ان يكون مطابقا للمعاير القياسيه ولمعاير الويب 2 .. وقد يتطلب ذلك استخدام الفوتوشوب نظرا لانك لن تحصل علي تصميم مجسـم دون الفوتوشوب .. قد يحدث هذا ولكن سيكون مضيعه للوقت .. الفوتوشوب يغنيك عن ذلك ..
5- عن طريق دراسه اهداف الموقع الاساسيه ومحاوله توضيف التصميم اولا فيما يفيد ويخدم تلك الاهداف والخدمات .. البحث عن فكره جديده مستوحاه من موضوع الموقع .. بمعني اذا كنت اصمم موقع اذاعه .. ابحث عن فكره تصميم تبرز الهدف والخدمه التي يقدمها الموقع .. مثلا ان يكون التصميم علي شـكل جهاز راديوو .. او شـكل ستوديو .. او اكثـر من الادوات التي تستخدم في تأديه الخدمات .. مثل الميكروفونات .. والسماعات .. وهكذا ..
6- الهدف من اي برنامج محرر هو تسهيل كتابه الكود .. تلك البرامج تساعدك علي كتابه الكود بشـكل اسرع من الطريقة اليدويه وتحمي من الاخطاء ايضا .. ولكن يجب ان لا تعتمد علي تلك المحررات فلا يقف عليها الامر .. ويكفي برنامج محرر بسيط مثل النوت باد لكتابه الكود .. ولذلك الاعتماد علي البرنامج امر جيد بالطبع حيث يضمن السهوله والسرعه والدقه ولكن يجب ان لا يكون الاعتماد كلي .. حتي لا يقيدك برنامج معين .. فانت تستطيع التكويد في اي مكان وفي اي وقت ..
اشـكركم مره اخري وانتظر الدروس القادمة ^_^
صكيت على اللي بعدك ماشاء الله تبارك الله ^_^.
إجاباتك مثالية، ولا أنكر أنك الوحيد الذي أجاب على السؤال الأول بمثل الذي في ذهني :d.
بالنسبة للخطأ، مع العجلة والتعب ><
شكراً على التنبيه + تم التعديل.
هل لغة الهوتميل لا تقبل الكتابة بالعربية ؟
بلى، ولكن عليك تصريح الترميز كـutf-8 أولاً، يمكنك فعلها بالنوت باد.إقتباس:
الرسالة الأصلية كتبت بواسطة المجهووول؟؟؟
سؤال
ما هو وسم التصريح ؟
اراك تكرره كثيرا و لم استطع ربط افرع الدرس اعلاه :غياب:
تصريح ان اللغة المستخدمة في المستند هي htmlإقتباس:
سؤال
ما هو وسم التصريح ؟
اراك تكرره كثيرا و لم استطع ربط افرع الدرس اعلاه :غياب:
اذا مافيه مانع احب اشارك
الرسالة الأصلية كتبت بواسطة المجهووول؟؟؟
Html تدعم اللغه العربية والعديد من لغات العالم .. فكـل لغه لديها ترميز معين .. وهناك ترميزين يدعمون اللغه العربية وهم ..
~ windows-1256 : هو ترميز يدعم اللغه العربية والفارسية في صفحات الـ Html .. ولكن كما تري هو مرتبط بنظام التشغيل ويندوز .. فهو لا يظهر بشكل سليم علي باقي الانظمة .. وايضا سئ جدا في التعامل مع قواعد البيانات باللغة العربية .. وتظهر العديد من المشاكل بسببه .. ورغم الاخطاء الرهيبة لهذا الترميز كثير من المواقع العربية تستخدم هذا النوع من الترميز .. وانا في رأيي اذا كنت تريد استخدام هذا النوع من الترميز عليك اولا ان تتأكد ان كل زوار صفحتك من مستخدمي نظام تشغيل ويندوز .. وايضا ان لا يكون هناك قواعد بيانات مدعومة بالعربية ..
~ utf-8 : هو الترميز العصري والمتطور الداعم للغة العربية .. فهو قياسي وغير مرتبط بنظام التشغيل .. كما انه مدعوم ايضا من قواعد البيانات !! .. هذا النوع من الترميز هو مستقبل المواقع العربية .. فهو ينتشر بصورة كبيرة .. وقريبا جدا سيختفي ترميز الويندوز .. فهذا الترميز لم يترك له شئ ..
ويتم تعين الترميز الذي يناسبك عن طريق وسـم الـ Meta والذي سيتم شـرحة باستفاضة في دروس قادمة بأذن الله .. ويكون الكود كالتالي :
+ windows-1256
+ utf-8كود:<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
كود:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- وتكمن المشـكلة الوحيده .. رغم ان الترميزين يدعمون العربية الا انهم يتعارضون بشـكل غير طبيعي .. في حاله عرض اي جزء خارجي مثل اخبارالخلاصه rss مثلا وتكون بترميز utf-8 في حاله عرضها داخل صفحة بترميز الويندوز .. ستظهر الكتابه غير مقروءة .. والعكس صحيح .. لذلك ادعو الجميع لاستخدام ترميز utf-8 لانه المستقبل فهو الافضـل حاليا بدون منازع .. كما اخبركم اخي الكريم Z-ONE ^_^
إقتباس:
الرسالة الأصلية كتبت بواسطة L E A Đ E R
وسـم التصـريح هـو اول وسـم يتم وضعه في صفحات الويب ويجب ان لا يسبقة شئ مهما كان والهدف منه هو ان يتعرف المتصفح بسهوله اذا كانت لغه كتابه الكود هي HTML ام XHTML .. وبأي معاير تم التكويد ويوجد حتي الان ثلاث معاير متفق عليها وهي Strict , Transitional , Frameset وسيتم بأذن الله توضيح الفرق بين الطريقتين والمعاير الثلاثه في دروس قادمة .. وللعلم هذا الوسم الوحيد الذي لا يتم اغلاقة في صفحة الويب .. وايضا يجب ان تكتب حروفة كابيتال كما هي <!DOCTYPE> ..
السـلام عليكم ..
بسـم الله الرحمن الرحيم ..
كيف حالكم جميعا ؟؟ .. دمتم بخير دائما .
ارجو ان لا تعتبرو تلك المشـاركة درس جديد .. هي فقط كتمهيد او مدخل الي عالم بناء صفحات الويب ..
فقد وجدت انه ليس من العدل تعلم كيف يتم بناء صفحات الويب دون التطرق الي بنيه الموقع الاساسية .. وسأسردها عليكم بطريقة مبسطه تفيدكم بأذن الله ^_^
سأوضح لكم كيف يتم بناء موقع متكامل وماذا يحدث وراء الكواليس وذلك في بعض الاسئلة والاجوبه البدائية والبسيطه :
- نعـرف ان هناك العديد والعديد من لغات الويب .. مثل HTML - XML - CSS - JAVA - ASP - PHP ... وهكذا ، ما الفـرق بين تلك اللغات ؟؟اللغات المستخدمة في بناء المواقع كثيرة ومتطورة دائما .. وللاسف لا يمكن حصرها في كلمات بسيطة وتوضيح هدف كل منها بشكل مستقل .. ولكن يمكن تصنيفها علي اسـاسين وهم :
لغات الـ Server side ( جانب الخادم ) : وهي لغات البرمجه التي تستخدم في بناء برامج الويب مثـل ( ASP - PHP ) وتكون مرتبطة بالسيرفر بشكل كـلي .. بمعني ان السيرفر وحده هو الذي يفهمها ولا يقوي علي فهمها المتصفح وتنفيذ الكود يجب ان يكون علي الخادم ..
لغات الـ Client side ( جانب العميل او المستخدم ) : هي لغات التكويد وليست البرمجة وتستخدم في بناء شـكل وبنية صفحة الويب مثل ( HTML - CSS ) وتكون مرتبطة بالمتصفح بشـكل كلي .. بمعني ان اي متصفح يفهم الكود ويستطيع تنفيذة بسهولة دون الحاجة الي الخادم ..
هذا كلام فارغ .. :d - ولم افهم الفرق حتي الان .. ماذا تقصد يا رجل ؟؟ :confused:المقصود ان هناك نوعين من لغات بناء المواقع .. النوع الاول يتعلق ببرامج الويب ويفهمة ويطبقة السيرفر فقط .. والنوع الثاني يتعلق ببناء صفحات الويب ويفهمه ويطبقة اي متصفح باختلاف نوعه ..
تمام بدأت افهم .. ولكن هل لكي اصبح مصمم مواقع محترف يجب ان اتقن النوعين من اللغات ؟؟ :mad:بالطبع لا .. وكما ان لغات بناء المواقع نوعين .. من يعملون علي بناء المواقع نوعين ايضا وهم :
web designer : وهو مصمم الويب .. يجب ان يتقن لغات التكويد اتقان تام ويكون مسؤلا عن شـكل صفحات الويب بشكل مكتمل .. وهو لا يحتاج الي اي شئ حتي يبدأ بالعمل فهو يستطيع ان يبدا في بناء تصميم صفحة الويب من علي جهازة الشخصي وان يستعرض صفحتة بسهولة في اي متصفح للويب دون الحاجة الي خادم او سيرفر .. فكل ما يكتبة يستطيع المتصفح فهمة وتطبيقة بسهولة ..
web developer : هو مطور الويب .. ويجب ان يتقن لغات برمجة المواقع اتقان تام ويكون مسؤلا عن النتيجة البرمجية بشكل مكتمل .. وهو يحتاج للعمل تحت بيئه الخادم او السيرفر نظرا لان المتصفح العادي لا يستطيع فهم وتطبيق كود البرمجه .. ومن هنا ظهر الخادم المحلي ( لوكل هوست ) فهو الطريق الذي سهل علي مطوري الويب استعراض تطبيقاتهم بسهولة ..
تمام تمام .. انا فاهم تحسبني غبي !؟ :rolleyes: .. اذن مصمم الويب لا يعلم شئ عن البرمجة والمطور لا يعلم شئ عن التكويد وكلا منهم يعمل في جانبه .. صحيح ؟؟خطأ - لقد اخبرتك ان مصمم الويب يجب ان يتقن لغات التكويد ولم انفي توجب معرفته بلغات البرمجة والعكس صحيح بالنسبة للمطور .. كما رأيت معي مطوري الويب ومصممي الويب وجهان لعمله واحده .. فهم يكملون بعضهم البعض ليخرج الينا الموقع بشـكله المتكامل .. فيجب ان يكون كلا منهم علي درايه ولو بسيطة بعمل الاخر .. فمطور الويب يحتاج الي بعض اكواد الـ HTML حتي تظهر نتائجه نظرا لان المتصفح لا يستعرض الا لغات التكويد فقط .. ومصمم الويب ايضا يحتاج ان يكون علي درايه ولو بسيطة بلغات البرمجة فهو من سيصنع القالب المسؤل عن الشكل ليتم تركيبة علي البرنامج .. وكيف سيفعل ذلك من دون ان يكون علي درايه سابقة باكواد البرمجة الاساسية ..
احس حالي غبي :o - اذن ماذا تقصد بأن المتصفح لا يعرض الا لغه التكويد فقط !؟كما اخبرتك لغه البرمجة لا يفهمها الا السيرفر وحده لذلك يقوم السيرفر بتنفيذ كود البرمجه وارساله الي المتصفح في شكل لغه التكويد .. وهذا يعني ان لغه التكويد هي مصدر مفتوح للجميع ولكن لغه البرمجة مصدر مغلق .. فانت تستطيع الوصول الي كود التكويد بسهولة وبكبسة واحده .. اما كود البرمجه فيجب ان تتصل بالسيرفر الذي عليه البرنامج لتحصل علي الكود الاصلي ..
وربي انك غبي ولا تفهم شئ :p - كيف تقول ان لغه البرمجة مغلقه المصدر وانا اعرف ان لغه الـ PHP مفتوحه المصدر للجميع ؟؟نعم صحيح تلك اللغه علي سبيل المثال مفتوحة المصدر ويستطيع اي شخص يتقنها ان يصنع برنامجة الخاص ولكن انا لم اقصد انك لا تستطيع البرمجة بتلك اللغه .. فليس معني ان مصدر اللغه نفسها مفتوح ان مصدر التطبيق نفسة مفتوح ايضا .. وسأضرب لكم مثال بسيط وهو نظام التشغيل ويندوز .. الجميع يعلم انه مقفول المصدر .. وانه تمت برمجته بعده لغات ومنها لغه الـ C و ++C وهذا يوضح الفكره .. فانت تستطيع ان تتعلم تلك اللغه وان تتقنها ايضا ويحق لك ان رؤية جميع اكواد تلك اللغه بحريه ولكن لا يحق لك رؤية اكواد نظام التشغيل فهو مغلق المصدر .. فكون اللغه نفسها مفتوحة المصدر هذا لا يكفل ان تصبح التطبيقات مفتوحه المصدر ايضا . وكما هو الحال في المواقع كود التصميم مفتوح للجميع اما كود البرمجة لن يحصل عليه الا من له صلاحيات المرور الي السيرفر ..
لثاني مره احس حالي غبي :mad: - اذن انت تقول ان الكود الذي يعمل عليه المطور محمي من السيرفر بعكس المصمم ؟؟نعم اجابتك صحيحة الي حد ما وهذا يوضح ان المصممين معرضين للسرقة بشكل اكبر من المطورين ..
اخيرا استنتاج صحيح :cool: - اذن لا يستطيع ان يعمل المصمم او المطور بشكل مستقل .. صحيح ؟؟لا استطيع الاجابه بنعم لان الاموضوع نسبي .. كما اخبرتك ان المصمم والمطور وجهان لعمله واحده .. ويكملون بعضهم البعض .. قد يستطيع كلا منهم ان يصنع موقع بأمكانيته فقط سواء كان مصمم او كان مطور ولكن هذا سيخرج بنتيجة مخيبة للامل .. في حاله اذا كان سيعمل المطور وحيدا سيخرج موقع يقدم خدمات جباره وبتصميم ضعيف جدا مقارنه بما يقدمة الموقع من خدمات والعكس صحيح بالنسبة للمصمم سيخرج بتصميم رائع ولكن سيكون اقوي من محتوي الموقع الهش .. وفي الحالتين يفقد الموقع جاذبيته .. لذلك يجب التنسيق بين كلا الطرفين للخروج بموقع كامل - والكمال لله وحده - ومتكامل يجمع بين الخدمات الجباره والتصميم القوي ..
والله انك حيرتني .. الان اتمني ان اصبح مطور لا مصمم .. ساخرج من هنا فورا وابحث عن ورشة لتطوير الويب :d .. ولكن قبل ان اتهور .. ايهم افضل المصمم ام المطور ؟؟لا يوجد من هو الافضل .. الموضوع نسبي وكلا له وظيفه يؤديها .. المصمم مسؤل عن اشباع عيون الزوار وحفظ حاله الملل في تصفح الموقع لديهم .. والمطور مسؤل عن اشباع رغبات الزوار في التفاعل مع الموقع والتأثير فيه والتأثر به .. ولتكون النظره اكثر وضوحا افترض معي احتمالين انه لا يوجد ما يسمي بالمصممين والعكس صحيح ..
الاحتمال الاول : ستصبح المواقع تقدم خدمات جليله ورائعه ولكن ستبعث علي الملل فهي عباره عن كلمات فقط لا الوان ولا تنسيق ولا شكل فما فائده الخدمات والزوار يطفشون من الموقع من شده الملل ..
الاحتمال الثاني : ستصبح المواقع جميله ورائعه بالوان خلابة ومتناسقة وجميلة ولكن محتواها هش فهي لا تقدم اي تفاعل مع الزائرين .. بمعني ادق ستصبح شبكة الويب كالمعرض الكبير .. يعرض فيه مجموعه من الصور المتراصه والمتناسقة ويكون عليك كمتصفح المشاهده في صمت .. ولا تكتب تعليق بسيط علي تصميم كأبسط مثال ..
لذلك لا يجب تفضيل المصمم علي المطور والعكس صحيح .. فكل منهم له دوره ووظيفتة الحيويه في بناء مواقع الويب ..
اشـكرك علي المعلومات القيمة .. رغم انك خربت لي مخي :p
لا شـكر علي واجب ^_^
انتهي المدخل وارجو ان يكون بسيط وسـهل ولم يبعث علي الملل ..
والي اللقاء في درس قادم ان شاء الله ..
ارجو عدم النقل خارج مكسات .. فانا اقدم الشـرح فقط من اجل الاعضاء والزوار .. ولا اسمح بالنقل الا بذكر المصدر ( منتديات مكسات ) كحد ادني ..
حمستني الفكرة روووعة يعطيكم العافية وان شاء الله
اكون من المجتهدين في هذه الدورة ولكن كيف يتم عملية التسجيل بارك الله فيكم؟؟؟
1 - أي نوع من الستايلات / القوالب هو الأفضل، المتمدد (Liquid)، أم الثابت (Fixed) ؟.
اتوقع المتمدد افضل
2 - على أي أساس يتم تصميم شعار الموقع ؟
على حسب محتوى الموقع ... الا ان كان منوع كمنتدانا الغالي يكون التصميم على حسب تفكير المصمم
3- إذا كثرت الصور في الصفحة، هل يؤثر ذلك على خفة التصميم ؟ وكيف نتفاداها ؟
تاثر على سرعة التصفح تصيير الصفحة ثقيله ,,,, بالتحديد ما ادري بس قريت انه في طريقة تظهر الصور بكسولات الين ماتتشكل بالكامل
4 - حتى يكون التصميم احترافياً، أيجب علينا استخدام Photoshop ؟
يفضل استخدام الفوتو في تصميم الاستايلات
5 - كيف تجعل تصميمك يدل على محتوى موقعك ؟
اضع امور تعبر عن المحتوى يعني ان كان منتداي يهتم بالتصميم بحط ايقونات برامج التصميم بشكل حلو و موزع
ان كان التصوير بحط كميرا و الاضائت و زي كذا
٦ - هل من الجيد الاعتماد بشكل كلي على يرنامج مثل DreamWeaver, Microsoft Expression Web ؟
للتسهيل على النفس قد نعتكد على البرامج المختصة ولكن يجب علينا تعلم الكودات
جاري الاطلاع على درس الhtml
يعطيك العافية على الدرس
و هي اللغات التي تقرأ من خلال المشغلات الحيوية الموجودة في السيرفر مثل ، php service , و IIS لقرائه ASPXإقتباس:
لغات الـ Server side ( جانب الخادم ) : وهي لغات البرمجه التي تستخدم في بناء برامج الويب مثـل ( ASP - PHP ) وتكون مرتبطة بالسيرفر بشكل كـلي .. بمعني ان السيرفر وحده هو الذي يفهمها ولا يقوي علي فهمها المتصفح وتنفيذ الكود يجب ان يكون علي الخادم ..
شكرا على الدرس الممتع
وخصوصاً طريقة الدرس الممتعة
إقتباس:
يقول هذا الكود للمتصفح: صديقي الصدوق، تعرف علي كملف html من الإصدار الخامس.