web design introduction
TRANSCRIPT
تصميم المواقعالوحدة األولى : تخطيط و تصميم الصفحات
E
http://heaven.internetarchaeology.org/heaven.html#bottom
http://donswansonracingschool.com/programs.htm
http://www.cloud9walkers.com/
http://www.pennyjuice.com/htmlversion/whoispj.htm
http://webpagesthatsuck.smugmug.com/Other/Bad-Web-Design/6837311_tyvTi#!i=752104126&k=zng6F&lb=1&s=O
http://anselme.homestead.com/AFPHAITI.html
لتكون مجهود تبذل مواقعسيئة
ما العوامل التي تجعل الموقع جيد ؟
رأي الخبراء
.. أن يجب الجيد الموقعالواقع .• من المستخدم لدى المكتسبة المعرفة يستخدمالموقع .• داخل المستخدم حريةالوقوع • من األخطاء رسائل) منع أو تحزيرية رسائل أرسال تجنب
.) للمستخدم خطا. أكواد على تحتوي ال و مفهومة تكون أن يجب الخطأ رسائل
•. األستخدام في الكفائة و المرونةلمستخدم ) • بسيط موقع الخبرة عديم المستخدم أن أعتبر
غبي(.المليئة • أو المعقدة للمهمات مساعدة وسائل توفير يجب
بالتفاصيل.
( ) األلوان القارئ عين لقيادة•. األلوان أستخدام من األساسية األغراض•. أهمية أقل هو ما و مهم هو ما أبراز•. للصفحة الوظيفية األماكن تحديد•. ببعضها عالقة لها التي الصفحة عناصر ربط
التباين•تباين • أفضل يعطي لبعضها المكملة األلوان استخداممستويات • أعلى لة البيضاء الخلفية على األسود النص
التباين.واألصفر • األزرق مثل مكملة kulerالوان
التماسك•. , هوية لموقعك يعطي أنة حيث مهم بل ممل ليس التكرارموقعك • داخل بارع مالح أنة المستخدم يشعر ان يجب
ثقة و بسهولة فيتنقلالبساطة . في العبقرية
Web Page Layout تخطيط الصفحات
بين • التنقل صعوبة الي يؤدي السيء التخطيطالصفحات.
•. المعلومات موقع تحديد صعوبة• . سريعا الزائر هروب
• Areas of a Web Page
Menu
Header
Content
Logo
• Other designs:• www.adobe.com
• menu on right.
• www.uintafishing.com • many rows.
Table / Navigational tools
•Elements of a web pageDocument title
Address (URL)
BannerWeb page title
Footer / Copyright
Graphic elements Hyperlinks
Content
Search tool
Navigational tools
Frames
Hyperlinks
للموقع الكلي الشكل•. الموقع هدف مع متوافق يكون أن يجب•. التكوين بساطة و موحد ألوان نظام على المحافظة•. ومتوقع منطقي بشكل المعلومات تنظيم•. القراءة سهل بأسلوب و بأيجاز النصوص أستخدام
الرسومات•. الصفحة بمحتوى صلة ذات•. معلومات / تقديم أو و غرضا تخدم•. المناسب والشكل والحجم النوعية منالتصميم • إلى قيمة إلضافة أستخدامها
العام.
تفعل ال•. بالمحتويات مكتظة صفحتك تجعل ال•. المحتوى لدعم فقط تستخد]مها بل الرسومات في تفرط ال•. المحتوى قراءة عن تعيقة و المستخدم تشتت خلفية تستخدم القابلة • قطع إلى تقسيمها يجب بل نص من طويلة فقرات تستخدم ال
للقراءة.•. محدد لمتصفح تصمم ال•. مسدودة صفحات تنشأ الال • ان يجب اخر بموقع موقعك تصل تشعبية روابط هناك كان اذا
. خارجية صفحة في تفتح بل الصفحة نفس في تكون
اTلTدTوTلTيTة TةTكTبTشTلTا TتTرTيTغ TعTقTاTوTمGoogle
Wikipedia
Amazon.com
Hotmail
YouTube
.
Simple Web Design ExamplesLess elements Mean More Focus• Apple
• Bell.ca
• Shoeguru.ca
• Tokyocube
Get inspired from other websites
Prototyping
Next Module HTML Coding