Web design is a process of conceptualization, planning, modeling, and execution of electronic media content delivery via Internet in the form of technologies (such as markup languages) suitable for interpretation and display by a web browser or other web-based graphical user interfaces (GUIs). تم تصميم الموقع هو عملية من المفاهيم ، والتخطيط ، والنمذجه ، وتنفيذ ايصال محتوى الوسائط الالكترونيه عبر شبكة الانترنت في شكل من اشكال التكنولوجيات (مثل لغات الترميز) مناسبة للتفسير وعرض من جانب متصفح ويب او غيرها على شبكة الانترنت المستخدم الرسوميه الوصلات) Guis).
The intent of web design is to create a web site (a collection of electronic files residing on one or more web servers) that presents content (including interactive features or interfaces) to the end user in the form of web pages once requested. القصد من تصميم الموقع هو انشاء موقع على الشبكه العالمية (مجموعة من ملفات الكترونيه المقيمين على واحد او اكثر خدمة ويب) ان يعرض محتوى (بما فيها الوصلات أو جوانب التفاعل) الى المستخدم النهائي في شكل صفحات الويب وطلبت مرة واحدة. Such elements as text, forms, and bit-mapped images (GIFs, JPEGs, PNGs) can be placed on the page using HTML, XHTML, or XML tags. عناصر مثل النص ، اشكال ، وخرائط الصور - بت (gifs ، jpegs ، pngs) يمكن وضعها على الصفحه باستخدام لغة تأشير النص الفائق ، ولغة النصوص التشعبيه القابلة للتمديد ، او لغة الترميز القابلة للامتداد علامات. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web pages by using HTML or XHTML tags. عرض اكثر تعقيدا وسائل الاعلام (ناقلات الامراض والرسوم البيانيه والرسوم المتحركه واشرطه الفيديو والاصوات) يتطلب البرامج المساعدة مثل فلاش ، QuickTime ، وقت التشغيل جافا البيئة ، الخ المكونات الاضافيه التي تكمن ايضا في صفحات الويب باستخدام لغة تأشير النص الفائق او علامات لغة النصوص التشعبيه القابلة للتمديد.
WEB DESIGN TIPS. تم تصميم الموقع نصائح.
Selecting a Web Design Language for Your Internet Project: اختيار تصميم مواقع الانترنت الخاص بك للغة المشروع :
If you are planning to design and publish your own web site online, your first step should be to decide what type of Internet presence you are envisioning and then choose the web design language you want to use. اذا كنت تخطط لتصميم ونشر موقع ويب الخاصة بك على الشبكه ، والخطوة الأولى هي ان تقرر ما هو نوع من شبكة الانترنت وجود تصور وأنت ثم اختر اللغة تصميم الموقع الذي تريد استخدامه.
WEB SITE DESIGN: تصميم مواقع الانترنت :
A Web site is a collection of information about a particular topic or subject. موقع على شبكة الانترنت هي جمع المعلومات عن موضوع معين او موضوع. Designing a web site is defined as the arrangement and creation of web pages that in turn make up a web site. تصميم موقع على شبكة الانترنت يعرف هذا الترتيب وانشاء صفحات الويب التي تشكل بدورها في موقع على شبكة الانترنت. A web page consists of information for which the web site is developed. صفحة على الشبكه العالمية للمعلومات وتتكون من الموقع الذي هو المتقدمه. A web site might be compared to a book, where each page of the book is a web page. موقع على شبكة الانترنت قد يكون كتاب مقارنة ، حيث في كل صفحة من صفحات الكتاب عبارة عن صفحة على الشبكه العالمية.
There are many aspects (design concerns) in this process, and due to the rapid development of the Internet, new aspects may emerge. وهناك العديد من الجوانب (تصميم الاهتمامات) في هذه العملية ، ونظرا الى التطور السريع للانترنت ، قد تظهر جوانب جديدة. For non-commercial web sites, the goals may vary depending on the desired exposure and response. لاغراض غير تجارية المواقع على شبكة الانترنت ، قد تختلف تبعا للأهداف المرجوة على التعرض والتصدي لها. For typical commercial web sites, the basic aspects of design are: لالنموذجيه التجارية المواقع على شبكة الانترنت ، والجوانب الأساسية للتصميم هي :
The content : the substance, and information on the site should be relevant to the site and should target the area of the public that the website is concerned with. المحتوى : ان مضمون ، ومعلومات عن الموقع الذي يجب ان تكون ذات صلة الى الموقع وينبغي ان تستهدف المنطقة من الجمهور ان الموقع المعنية.
The usability : the site should be user-friendly, with the interface and navigation simple and reliable. امكانيه استعمال : ينبغي ان يكون الموقع سهل الاستعمال ، مع والملاحة واجهة بسيطة وموثوق بها.
The appearance : the graphics and text should include a single style that flows throughout, to show consistency. المظهر : النص والرسومات وينبغي ان تشمل اسلوب واحد في جميع انحاء ان التدفقات ، لاظهار الاتساق. The style should be professional, appealing and relevant. الاسلوب الذي ينبغي ان يكون المهنيه وجذابة وذات الصلة.
The visibility : the site must also be easy to find via most, if not all, major search engines and advertisement media. الرءيه : الموقع الذي يجب ان يكون ايضا من السهل العثور على طريق معظم ، ان لم يكن جميع ، كبرى محركات البحث والإعلان وسائل الاعلام.
A web site typically consists of text and images. موقع على شبكة الانترنت وعادة ما تتألف من النص والصور. The first page of a web site is known as the Home page or Index. الصفحه الاولى من موقع على شبكة الانترنت كما هو معروف في الصفحه الرئيسية او الفهرس. Some web sites use what is commonly called a Splash Page. بعض المواقع على شبكة الانترنت باستخدام ما يسمى أ البقعه الصفحه. Splash pages might include a welcome message, language or region selection, or disclaimer. ويمكن ان تشمل صفحات البقعه رسالة ترحيب او اللغة او المنطقة اختيار ، او التنصل. Each web page within a web site is an HTML file which has its own URL. كل صفحة على الشبكه العالمية داخل موقع على الشبكه العالمية لغة تأشير النص الفائق هو الملف الذي لها عنوان. After each web page is created, they are typically linked together using a navigation menu composed of hyperlinks. بعد كل صفحة على الشبكه العالمية هو خلق ، وهي عادة ما ترتبط معا باستخدام الملاحة القائمة المكونة من الوصلات. Faster browsing speeds have led to shorter attention spans and more demanding online visitors and this has resulted in less use of Splash Pages, particularly where commercial web sites are concerned. التصفح بسرعة أسرع أدت الى الاهتمام ويمتد أقصر وأكثر تطلبا من الزوار على الانترنت وهذا أدى الى تقليل استخدام صفحة البقعه ، ولا سيما عندما التجارية مواقع الانترنت المعنية.
Once a web site is completed, it must be published or uploaded in order to be viewable to the public over the internet. موقع على شبكة الانترنت بمجرد الانتهاء من ذلك ، يجب أن تنشر أو التي تم تحميلها من اجل ان يكون للعرض على الجمهور عبر شبكة الانترنت. This may be done using an FTP client. ويمكن ان يتم ذلك باستخدام بروتوكول نقل الملفات العملاء. Once published, the web master may use a variety of techniques to increase the traffic, or hits, that the web site receives. نشرت مرة واحدة ، مدير الموقع يمكن استخدام مجموعة متنوعة من التقنيات لزيادة حركة المرور ، أو الزيارات ، ان الموقع على الانترنت التي يتلقاها. This may include submitting the web site to a search engine such as Google or Yahoo, exchanging links with other web sites, creating affiliations with similar web sites, etc. ويمكن ان يشمل ذلك تقديم الموقع الى محرك بحث مثل ياهو او صور ، وتبادل وصلات مع مواقع اخرى على الانترنت ، وخلق الانتماءات مماثلة مع المواقع على شبكة الانترنت ، الخ.
Multidisciplinary requirements. متطلبات متعددة التخصصات.
Web site design crosses multiple disciplines of information systems, information technology and communication design. تصميم مواقع الانترنت متعددة التخصصات من الصلبان ونظم المعلومات ، وتكنولوجيا المعلومات والاتصالات والتصميم. The web site is an information system whose components are sometimes classified as front-end and back-end. الموقع على الشبكه هو نظام للمعلومات في بعض الأحيان هي التي تكون عناصرها كما صنفت الاماميه والخلفية نهاية. The observable content (eg page layout, user interface, graphics, text, audio) is known as the front-end. الملحوظ المحتوى (على سبيل المثال تصميم الصفحات ، واجهة المستخدم ، والرسومات ، والنص والصوت) وكما هو معروف فان الواجهة الاماميه. The back-end comprises the organization and efficiency of the source code, invisible scripted functions, and the server-side components that process the output from the front-end. العودة نهاية تضم المنظمه وكفاءه الشفره المصدريه ، كتب وظائف غير مرئية ، والخادم جانب عناصر تلك العملية ناتج من الواجهة الاماميه. Depending on the size of a Web development project, it may be carried out by a multi-skilled individual (sometimes called a web master), or a project manager may oversee collaborative design between group members with specialized skills. وتبعا لحجم المشاريع الانماءيه على الشبكه العالمية ، قد يكون من يقوم بها وتعدد المهارات الفرديه (التي تسمى أحيانا ويب ماستر) ، أو مدير للمشروع قد التعاونيه للاشراف على تصميم بين اعضاء المجموعة مع المهارات المتخصصه.
Accessible Web design. تم تصميم الموقع من الوصول اليها.
Main article: Web accessibility. المادة الرئيسية : تيسير استخدام الوسائل الالكترونيه.
To be accessible, web pages and sites must conform to certain accessibility principles. يمكن ان يطلع عليها ، وصفحات الويب والمواقع يجب ان تتفق مع امكانيه الحصول على بعض المبادئ. These can be grouped into the following main areas: هذه يمكن تصنيفها في المجالات الرئيسية التالية :
1)use semantic markup that provides a meaningful structure to the document (ie web page) . 1) استخدام الترميز الدلالي ان يوفر هيكل ذات مغزى الى وثيقة من وثائق (اي صفحة ويب).
Semantic markup also refers to semantically organizing the web page structure and publishing web services description accordingly so that they can be recognized by other web services on different web pages. ترميز الدلاليه يشير ايضا الى تنظيم دلاليا صفحة الويب هيكل والنشر وتبعا لوصف خدمات الشبكه العالمية بحيث يمكن الاخرى المعترف بها في خدمات الشبكه العالمية على مختلف صفحات الموقع. Standards for semantic web are set by IEEE . الدلاليه على الشبكه العالمية للمعايير وضعتها IEEE.
2)use a valid markup language that conforms to a published DTD or Schema 2) استخدام لغة الترميز صحيحة تتفق ونشر DTD او مخطط
3)provide text equivalents for any non-text components (eg images, multimedia) . 3) تقديم النص المعادل لأية جهة غير مكونات النص (مثل الصور والوسائط المتعددة).
4)use hyperlinks that make sense when read out of context. 4) استخدام الوصلات التي تجعل الشعور عندما يقرأ خارج السياق. (eg avoid "Click Here.") (على سبيل المثال تجنب "اضغط هنا".)
5)don't use frames . 5) لا تستخدم اطارات.
6)use CSS rather than HTML Tables for layout. 6) استخدام CSS بدلا من التخطيط لللغة تأشير النص الفائق الجداول.
7)author the page so that when the source code is read line-by-line by user agents (such as a screen readers) it remains intelligible. 7) المؤلف الصفحه حتى حين يكون مصدر القانون هو قراءة كل خط من قبل المستخدم وكلاء (مثل قارئ الشاشه) ويبقى واضح. (Using tables for design will often result in information that is not.) (باستخدام الجداول لتصميم كثيرا ما يؤدي إلى أن المعلومات ليست كذلك.)
However, W3C permits an exception where tables for layout either make sense when linearized or an alternate version (perhaps linearized) is made available. ومع ذلك ، W3C تصاريح استثناء من حيث الجداول المعده للتخطيط أما عندما أصبح خطي من المعقول أو من ينوب نسخة (ربما أصبح خطى) ان تتاح له.
Website accessibility is also changing as it is impacted by Content Management Systems that allow changes to be made to webpages without the need of obtaining programming language knowledge. امكانيه الوصول الى الموقع يتغير ايضا لانه يتأثر محتوى نظم الادارة التي تسمح التغييرات التي ينبغي ادخالها على صفحات الويب دون الحاجة الى لغة برمجة للحصول على المعرفه.
Website Planning. موقع التخطيط.
Before creating and uploading a website, it is important to take the time to plan exactly what is needed in the website. قبل انشاء موقع على شبكة الانترنت وارسال ، ومن المهم ان تأخذ الوقت الى خطة بالضبط ما هو مطلوب في الموقع. Thoroughly considering the audience or target market, as well as defining the purpose and deciding what content will be developed are extremely important. دقيق النظر في الجمهور او السوق المستهدفة ، فضلا عن تحديد غرض ومضمون تقرير ما سيتم وضع في غاية الاهميه.
Purpose. غرض.
It is essential to define the purpose of the website as one of the first steps in the planning process. ومن الضروري تحديد الغرض من شبكة الانترنت واحدة من الخطوات الأولى في عملية التخطيط. A purpose statement should show focus based on what the website will accomplish and what the users will get from it. بيان الغرض ينبغي ان تبين ما تركز على أساس الموقع وسوف يحقق ما سيحصل عليه من المستخدمين. A clearly defined purpose will help the rest of the planning process as the audience is identified and the content of the site is developed. الغرض واضح المعالم ، وسيساعد تبقى من عملية التخطيط الجمهور والتعرف على محتوى الموقع. Setting short and long term goals for the website will help make the purpose clear and plan for the future when expansion, modification, and improvement will take place. تحديد المدى القصير والمدى الطويل لاهداف الموقع سيساعد على جعل الغرض واضح وخطة للمستقبل عندما التوسع ، تعديل ، وتحسين ستجرى. Also, goal-setting practices and measurable objectives should be identified to track the progress of the site and determine success. كما ان تحديد الاهداف وقياس الممارسات ينبغي ان تكون الاهداف المحددة لمتابعة التقدم المحرز في تحديد الموقع والنجاح.
Audience. جمهور.
Defining the audience is a key step in the website planning process. تعريف الجمهور هو خطوة اساسية في الموقع ، في عملية التخطيط. The audience is the group of people who are expected to visit your website – the market being targeted. الجمهور هو مجموعة من الناس هم من المتوقع ان يزور موقع الويب الخاص بك -- يجري في السوق المستهدفة. These people will be viewing the website for a specific reason and it is important to know exactly what they are looking for when they visit the site. وسيكون هؤلاء الناس مشاهدة الموقع لسبب محدد والمهم ان نعرف بالضبط ما يبحثون عنه عند زيارة الموقع. A clearly defined purpose or goal of the site as well as an understanding of what visitors want to do or feel when they come to your site will help to identify the target audience. واضح المعالم ، أو الغرض والهدف من هذا الموقع فضلا عن فهم ما يريد الزوار على القيام بعمل ما او تشعر عندما تأتي الى موقعك وسوف تساعد على تحديد الجمهور المستهدف. Upon considering who is most likely to need or use the content, a list of characteristics common to the users such as: عند النظر في من هو على الارجح الى الحاجة الى استخدام او مضمون ، قائمة من الخصائص المشتركة لمستخدمي مثل :
Audience Characteristics. خصائص الجمهور.
Information Preferences. معلومات الأفضليات.
Computer Specifications. مواصفات الحاسوب.
Web Experience. شبكة التجربه.
Taking into account the characteristics of the audience will allow an effective website to be created that will deliver the desired content to the target audience. أخذا في الاعتبار الخصائص المميزه للجمهور فعال يتيح الموقع لانشاء هذا سيلقى المرجوة المحتوى إلى الجمهور المستهدف.
Content. محتوى.
Content evaluation and organization requires that the purpose of the website be clearly defined. تقييم وتنظيم المحتوى يتطلب ان الغرض من هذا الموقع تحديدا واضحا. Collecting a list of the necessary content then organizing it according to the audience's needs is a key step in website planning. جمع قائمة اللازمة المحتوى ثم تنظيمها وفقا لاحتياجات الجمهور هو خطوة اساسية في موقع التخطيط. In the process of gathering the content being offered, any items that do not support the defined purpose or accomplish target audience objectives should be removed. في عملية جمع مضمون المعروضة ، اي من البنود التي لا تدعم غرض محدد او انجاز الاهداف والجمهور المستهدف ينبغي ازالتها. It is a good idea to test the content and purpose on a focus group and compare the offerings to the audience needs. انها فكرة جيدة لاختبار محتوى وهدف التركيز على مجموعة والمقارنة بين عروض لاحتياجات الجمهور. The next step is to organize the basic information structure by categorizing the content and organizing it according to user needs. والخطوة التالية هي لتنظيم المعلومات الاساسية هيكل بتصنيف المحتوى وتنظيمها وفقا لاحتياجات المستخدمين. Each category should be named with a concise and descriptive title that will become a link on the website. ينبغي ان يكون لكل فئة من فئات اسمه موجزة مع عنوان وصفي والتي ستصبح وصلة على شبكة الانترنت. Planning for the site's content ensures that the wants or needs of the target audience and the purpose of the site will be fulfilled. التخطيط لمحتوى الموقع يضمن ان يريد او احتياجات الجمهور المستهدف والغرض من الموقع سيتم الوفاء بها.
Planning documentation. وثائق التخطيط.
Documentation is used to visually plan the site while taking into account the purpose, audience and content, to design the site structure, content and interactions that are most suitable for the website. الوثائق تستخدم لبصريا خطة الموقع مع الاخذ في الاعتبار الغرض ، والى جمهور المحتوى ، لتصميم موقع الهيكل والمحتوى والتفاعلات التي هي اكثر ملاءمة لشبكة الانترنت. Documentation may be considered a prototype for the website – a model which allows the website layout to be reviewed, resulting in suggested changes, improvements and/or enhancements. وثائق يمكن ان تعتبر نموذجا اوليا للموقع -- نموذجا الموقع الالكتروني الذي يتيح إعادة النظر في نسق ل، مما أدى الى التغييرات المقترحة ، وادخال تحسينات و / أو تحسينات. This review process increases the likelihood of success of the website. عملية الاستعراض هذه يزيد من احتمال نجاح الموقع.
First, the content is categorized and the information structure is formulated. اولا ، هو مضمون المعلومات وتصنيفها هي تلك التي تصاغ من الهيكل. The information structure is used to develop a document or visual diagram called a site map. المعلومات التى تستخدم هيكل لوضع وثيقة من وثائق او البصريه الرسم البياني يسمى خريطه الموقع. This creates a visual of how the web pages will be interconnected, which helps in deciding what content will be placed on what pages. وهذا يخلق المرءيه من صفحات الويب وكيف ستكون مترابطه ، مما يساعد في تحديد مضمون ما سيجري على ما صفحة. There are three main ways of diagramming the website structure: هناك ثلاثة طرق رئيسية للموقع هيكل الرسم :
Linear Website Diagrams will allow the users to move in a predetermined sequence; رسوم بيانية خطية موقع يتيح للمستخدمين للتحرك في تسلسل محدد مسبقا ؛
Hierarchical structures (of Tree Design Website Diagrams) provide more than one path for users to take to their destination; الهياكل الهرميه (شجرة من تصميم الموقع والرسوم البيانيه) توفر اكثر من مسار واحد للمستخدمين لاتخاذ الى وجهتها ؛
Branch Design Website Diagrams allow for many interconnections between web pages such as hyperlinks within sentences. فرع الرسوم البيانيه وتصميم موقع يسمح لكثير من الترابط بين صفحات الموقع وصلات داخل مثل الاحكام.
In addition to planning the structure, the layout and interface of individual pages may be planned using a storyboard. وبالاضافة الى التخطيط للهيكل ، وتصميم واجهة للصفحات فردية قد يكون المخطط باستخدام القصة المصوره. In the process of storyboarding, a record is made of the description, purpose and title of each page in the site, and they are linked together according to the most effective and logical diagram type. في عملية storyboarding ، رقما قياسيا من اعتماد الوصف ، والمقاصد ، وعنوان كل صفحة في الموقع ، وهما مرتبطتان معا وفقا لأكثر الطرق فعالية ومنطقيه نوع الرسم البياني. Depending on the number of pages required for the website, documentation methods may include using pieces of paper and drawing lines to connect them, or creating the storyboard using computer software. واعتمادا على عدد الصفحات المطلوبة للموقع ، ويمكن ان تشمل الوثائق باستخدام اساليب قطع من الورق ورسم خطوط لربط لها ، أو تهيئة القصة المصوره باستخدام برامج الحاسوب.
Some or all of the individual pages may be designed in greater detail as a website wireframe, a mock up model or comprehensive layout of what the page will actually look like. بعض او كل الصفحات الفرديه التي قد يكون بمزيد من التفصيل في تصميم موقع على شبكة الانترنت بوصفها الاطار السلكي ، نموذجا لنموذج أو مخطط شامل لهذه الصفحه ما تبدو فعلا. This is often done in a graphic program, or layout design program. ويتم ذلك غالبا في برنامج الرسوم البيانيه ، او بتصاميم البرنامج. The wireframe has no working functionality, only planning. فان الاطار السلكي اي عمل وظيفيه ، الا التخطيط.
USUAL PROBLEMS ARISING IN THE FIELD: المعتاده للمشاكل التي تنشأ في الميدان :
How it Looks vs. How it Works. كيف يبدو مقابل كيف يعمل.
Some web developers have a graphic arts background and may pay more attention to how a page looks than considering other issues such as how visitors are going to find the page via a search engine. بعض مطوري الويب لديها معلومات اساسية الفنون التخطيطيه وايار / مايو تولي اهتماما اكبر لكيف تبدو الصفحه من النظر في قضايا اخرى مثل كيف يمكن للزوار الذهاب الى العثور على الصفحه عن طريق محرك البحث. Some might rely more on advertising than search engines to attract visitors to the site. البعض قد يعتمدون بشكل متزايد على الاعلان من محركات البحث على اجتذاب الزوار الى الموقع. On the other side of the issue, search engine optimization consultants (SEOs) are concerned with how well a web site works technically and textually: how much traffic it generates via search engines, and how many sales it makes, assuming looks don't contribute to the sales. وعلى الجانب الآخر من المساله ، محرك البحث الامثل الخبراء الاستشاريين (محسنات محركات البحث) تهتم جيدا كيف يعمل هذا الموقع على شبكة الانترنت من الناحية الفنية ونصوصها : كم وهو يولد حركة المرور عبر محركات البحث ، وكيف أنه يجعل الكثير من المبيعات ، على افتراض يبدو لا تساهم الى المبيعات. As a result, the designers and SEOs often end up in disputes where the designer wants more 'pretty' graphics, and the SEO wants lots of 'ugly' keyword-rich text, bullet lists, and text links. ونتيجة لذلك ، والمصممين ومحسنات محركات البحث وغالبا ما ينتهي بهم الامر في النزاعات فيها المصمم تريد المزيد 'جميلة' الرسومات ، وسيو يريد الكثير من 'القبيحه' الكلمات الرئيسية النص الغنيه ، رصاصة قوائم ، وصلات النص. One could argue that this is a false dichotomy due to the possibility that a web design may integrate the two disciplines for a collaborative and synergistic solution. يمكن القول بأن هذه هي تفرقة كاذبة ونظرا لاحتمال ان تصميم الموقع من ايار / مايو دمج اثنين من التخصصات وتعاونيه لاجل حل تعاوني. Because some graphics serve communication purposes in addition to aesthetics, how well a site works may depend on the graphic designer's visual communication ideas as well as the SEO considerations. لأن بعض الرسوم البيانيه في خدمة اغراض الاتصالات ، بالاضافة الى النواحي الجمالية ، بالاضافة الى موقع كيف يعمل قد يتوقف على مصمم الرسوم البيانيه للافكار وسائل الاتصال البصري ، فضلا عن الاعتبارات سيو.
Another problem when using lots of graphics on a page is that download times can be greatly lengthened, often irritating the user. وهناك مشكلة اخرى عند استخدام الكثير من الرسومات على الصفحه هو ان مرات التحميل يمكن ان تطول كثيرا ، وكثيرا ما المهيجه للمستخدم. This has become less of a problem as the internet has evolved with high-speed internet and the use of vector graphics. وقد اصبح هذا اقل خطورة وكما تطورت شبكة الانترنت عالية السرعه مع شبكة الانترنت واستخدام مكافحة ناقلات الرسومات. This is an engineering challenge to increase bandwidth in addition to an artistic challenge to minimize graphics and graphic file sizes. وهذا هو التحدي هندسيه لزيادة عرض النطاق الترددى اضافة الى التقليل الى أدنى حد من التحدي الفني والرسومات وملف رسم الاحجام. This is an on-going challenge as increased bandwidth invites increased amounts of content. هذا هو التحدي مستمر على زيادة عرض النطاق الترددى كما تدعو الى زيادة كميات من المحتوى.
As in collaborative designs, there are conflicts between differing goals and methods of web site designs. كما هو الحال في تصاميم التعاونيه ، وهناك صراعات بين اختلاف الأهداف والأساليب والنماذج المواقع الالكترونيه على الشبكه العالمية. These are a few of the ongoing ones. هذه بعض من القائم منها.
Lack of collaboration in design. الافتقار الى التعاون في مجال التصميم.
In the early stages of the web, there wasn't as much collaboration between web designs and larger advertising campaigns, customer transactions, social networking, intranets and extranets as there is now. في المراحل الاولى من الشبكه العالمية ، كما لم يكن هناك الكثير من التعاون بين الشبكه العالمية التصاميم والحملات الاعلانيه الكبيرة ، ومعاملات العملاء ، والاجتماعية ، الشبكات الداخلية والخارجية حيث ان هناك الآن. Web pages were mainly static online brochures disconnected from the larger projects. صفحات الموقع بالدرجه الاولى على الانترنت ونشرات ساكنة منفصلة عن المشاريع الاكبر حجما.
Many web pages are still disconnected from larger projects. صفحات ويب كثيرة لا تزال منقطعة عن المشاريع الاكبر حجما. Special design considerations are necessary for use within these larger projects. تصميم الاعتبارات الخاصة اللازمة لاستخدامها ضمن هذه المشاريع الاكبر حجما. These design considerations are often overlooked, especially in cases where there is a lack of leadership, lack of understanding of why and technical knowledge of how to integrate, or lack of concern for the larger project in order to facilitate collaboration. تصميم هذه الاعتبارات كثيرا ما يغفل عنها ، ولا سيما في الحالات التي يوجد فيها نقص في القيادة ، وعدم فهم لماذا والمعرفه التقنيه من كيفية ادماج ، او عدم الاهتمام لمشروع اكبر من اجل تسهيل التعاون. This often results in unhealthy competition or compromise between departments, and less than optimal use of web pages. وهذا كثيرا ما يؤدي الى منافسة غير صحيه أو وسطا بين الادارات ، وأقل من الاستخدام الامثل للصفحات الموقع.
Liquid versus fixed layouts. السائل ثابتة مقابل التنسيقات.
On the web the designer has no control over several factors, including the size of the browser window, the web browser used, the input devices used (mouse, touch screen, voice command, text, cell phone number pad, etc.) and the size and characteristics of available fonts. على شبكة الانترنت المصمم لا تتحكم عدة عوامل ، بما في ذلك حجم نافذة المتصفح ، وتستخدم متصفح ويب ، وتستخدم وسائل الإدخال (الماوس ، وعلى اتصال الشاشه ، صوت القيادة ، نص ، رقم الهاتف الجوال وسادة ، وما الى ذلك) و حجم وخصائص الخطوط المتاحة.
Some designers choose to control the appearance of the elements on the screen by using specific width designations. بعض المصممين اختيار للتحكم في مظهر من العناصر التي تظهر على الشاشه عن طريق استخدام تسميات محددة العرض. This control may be achieved through the use of a HTML table-based design or a more semantic div-based design through the use of CSS. هذه السيطرة يمكن تحقيق ذلك من خلال استخدام لغة تأشير النص الفائق من الجدول على اساس تصميم او اكثر div الدلاليه على اساس التصميم من خلال استخدام CSS. Whenever the text, images, and layout of a design do not change as the browser changes, this is referred to as a fixed width design. كلما نص وصور والتخطيط للتصميم لا تغير في المتصفح كما التغييرات ، وهذا هو المشار اليها بوصفها عرض ثابت التصميم. Proponents of fixed width design prefer precise control over the layout of a site and the precision placement of objects on the page. انصار للعرض ثابت تصميم تفضل دقيقة السيطرة على تصميم موقع والدقه والتنسيب للاجسام على الصفحه. Other designers choose a liquid design. اختيار غيرها من المصممين تصميم الساءله. A liquid design is one, like Wikipedia, where the design moves to flow content into the whole screen, or a portion of the screen, no matter what the size of the browser window. السائل هو تصميم واحد ، مثل ويكيبيديا التصميم فيها التحرك لتدفق المحتوى في كامل الشاشه ، او جزء من الشاشه ، مهما كان حجم من نافذة المتصفح. Proponents of liquid design prefer greater compatibility and using the screen space available. انصار الساءله تصميم مزيد من التواؤم ويفضل استخدام شاشة الفضاءيه المتاحة. Liquid design can be achieved through the use of CSS, by avoiding styling the page altogether, or by using HTML tables (or more semantic divs) set to a percentage of the page. تصميم السائل لا يمكن ان يتحقق عن طريق استخدام CSS ، عن طريق تجنب الصفحه التصميم واجمالا ، أو عن طريق استخدام لغة تأشير النص الفائق الجداول (divs الدلاليه أو أكثر) لتحديد نسبة مءويه من الصفحه. Both liquid and fixed design developers must make decisions about how the design should degrade on higher and lower screen resolutions. والساءله والثابتة على حد سواء تصميم المطورين يجب ان اتخاذ القرارات بشأن كيفية تصميم وينبغي ان يحط من قدر على أعلى وأدنى الشاشه القرارات. Sometimes the pragmatic choice is made to flow the design between a minimum and a maximum width. في بعض الاحيان اعتماد خيار عملي لتصميم تدفق بين حد ادنى واقصى عرض لها. This allows the designer to avoid coding for the browser choices making up The Long Tail, while still using all available screen space. وهذا يتيح للمصمم لتفادي الترميز للمتصفح الخيارات التي يتألف منها الذيل الطويل ، في حين لا تزال تستخدم كل ما هو متاح من الشاشه الفضاءيه. Depending on the purpose of the content, a web designer may decide to use either fixed or liquid layouts on a case-by-case basis. تبعا للغرض من المحتوى ، مصمم على شبكة الانترنت قد تقرر استخدام السائل اما ثابتة أو التخطيطات على كل حالة على حدة.
Similar to liquid layout is the optional fit to window feature with Adobe Flash content. السائل مماثلة للتخطيط هو اختياري لصالح نافذة ميزة أدوبي مع محتوى فلاش. This is a fixed layout that optimally scales the content of the page without changing the arrangement or text wrapping when the browser is resized. وهذا هو ثابت ان التخطيط الامثل جداول محتويات الصفحه دون تغيير او ترتيب او التفاف النص عندما متصفح بحجم ثانية.
Flash. فلاش.
Adobe Flash (formerly Macromedia Flash) is a proprietary, robust graphics animation or application development program used to create and deliver dynamic content, media (such as sound and video), and interactive applications over the web via the browser. أدوبي فلاش (سابقا ماكروميديا فلاش) هي الملكيه ، رسومات قوية للرسوم المتحركه أو تطبيق برنامج تنمية تستخدم لخلق ديناميه وايصال المضمون ، وسائل الاعلام (مثل الصوت والفيديو) ، وتطبيقات تفاعليه على الشبكه العالمية عن طريق المتصفح.
Flash is not a standard produced by a vendor-neutral standards organization like most of the core protocols and formats on the Internet. فلاش ليست موحدة تنتج من قبل البائع محايدة مثل منظمة المعايير الاساسية لمعظم الاشكال والبروتوكولات على شبكة الانترنت. Flash is much more restrictive than the open HTML format, though, requiring a proprietary plugin to be seen, and it does not integrate with most web browser UI features like the "Back" button. فلاش اكثر تقييدا من لغة تأشير النص الفائق الشكل المفتوح ، ومع ذلك ، الملكيه تتطلب ان ينظر الى البرنامج المساعد ، وانها لا تتكامل مع متصفح ويب معظم ميزات واجهة المستخدم مثل "العودة" الزر.
According to a study,[2] 98% of US Web users have the Flash Player installed.[3] Numbers vary depending on the detection scheme and research demographics.[4] ووفقا لدراسة ، [2] من دولارات الولايات المتحدة 98 في المائة من مستخدمي الويب قد العاجل لاعب تركيبها. [3] أرقام تختلف باختلاف الكشف عن مخطط والبحوث السكانيه. [4]
Many graphic artists use Flash because it gives them exact control over every part of the design, and anything can be animated and generally "jazzed up". كثير من الفنانين واستخدام الرسوم البيانيه فلاش لانها تتيح لهم السيطرة الدقيقة على كل جزء من التصميم ، أي شيء ويمكن ان تكون متحركه وعموما "حتى jazzed". Some application designers enjoy Flash because it lets them create applications that do not have to be refreshed or go to a new web page every time an action occurs. بعض مصممي التطبيق العاجل لانه يتمتع يتيح لهم انشاء التطبيقات التى لا يجب ان تكون منتعشه او اذهب الى صفحة ويب جديدة في كل مرة يحدث عمل. Flash can use embedded fonts instead of the standard fonts installed on most computers. فلاش جزءا لا يتجزأ من الخطوط يمكن استخدامها بدلا من مستوى معظم الخطوط المثبتة على أجهزة الكمبيوتر. There are many sites which forgo HTML entirely for Flash. وهناك العديد من المواقع التي تتخلى تماما عن لغة تأشير النص الفائق فلاش. Other sites may use Flash content combined with HTML as conservatively as gifs or jpegs would be used, but with smaller vector file sizes and the option of faster loading animations. مواقع اخرى يمكن استخدام محتوى فلاش بالاضافة الى لغة تأشير النص الفائق كما متحفظ كما gifs او jpegs سوف تستخدم ، ولكن مع ملف مكافحة ناقلات ذات احجام اصغر حجما وأسرع خيار التحميل رسوم متحركه. Flash may also be used to protect content from unauthorized duplication or searching. فلاش ويمكن ايضا ان تستخدم لحمايه المحتوى غير المأذون به من الازدواجيه او البحث. Alternatively, small, dynamic Flash objects may be used to replace standard HTML elements (such as headers or menu links) with advanced typography not possible via regular HTML or CSS (see Scalable Inman Flash Replacement). وبدلا من ذلك ، الصغيرة ، ديناميه الوميض الاشياء يمكن ان تستخدم لتحل محل لغة تأشير النص الفائق مستوى العناصر (مثل رؤوس القائمة او وصلات) متقدمة لا يمكن عن طريق الطباعه العاديه او لغة تأشير النص الفائق CSS (انظر انمان فلاش قابلة للاستبدال).
Flash detractors claim that Flash websites tend to be poorly designed, and often use confusing and non-standard user-interfaces. فلاش الادعاء بأن المنتقدين فلاش المواقع تميل الى ان تكون سيئة التصميم ، وغالبا ما تستخدم مربكه وغير القياسيه للمستخدم الوصلات. Up until recently, search engines have been unable to index Flash objects, which has prevented sites from having their contents easily found. حتى في الآونة الاخيرة ، ومحركات البحث لم تتمكن من الاجسام فلاش الرقم القياسي ، الذي حال دون مواقع من محتوياتها بسهولة بعد ان وجدت. This is because many search engine crawlers rely on text to index websites. وذلك لان الكثير من محرك بحث الزواحف الاعتماد على النص مؤشر الى المواقع على شبكة الانترنت. It is possible to specify alternate content to be displayed for browsers that do not support Flash. ومن الممكن ان تحدد مضمون المناوب ليتم عرضها في برامج التصفح التي لا تدعم فلاش. Using alternate content also helps search engines to understand the page, and can result in much better visibility for the page. مناوب المحتوى باستخدام محركات البحث كما تساعد على فهم الصفحه ، ويمكن ان يؤدي الى ابراز افضل بكثير للصفحة. However, the vast majority of Flash websites are not disability accessible (for screen readers, for example) or Section 508 compliant. ومع ذلك ، فان الغالبيه العظمى من المواقع فلاش الاعاقه ليست في متناول (للقارئ الشاشه ، على سبيل المثال) او القسم 508 المتوافقه. An additional issue is that sites which commonly use alternate content for search engines to their human visitors are usually judged to be spamming search engines and are automatically banned. مسألة اضافية هي ان المواقع التي تستخدم عموما المناوب محتوى لمحركات البحث على ما لهم من حقوق وعادة ما تكون الزوار الحكم عليه بأنه سبام محركات البحث تلقائيا والمحظوره.
The most recent incarnation of Flash's scripting language (called "ActionScript", which is an ECMA language similar to JavaScript) incorporates long-awaited usability features, such as respecting the browser's font size and allowing blind users to use screen readers. أحدث تجسيد للفلاش للكتابة اللغة (يسمى "actionscript" ، وهو ecma مماثلة للغة جافا سكريبت) الذي طال انتظاره ويتضمن ميزات استخدامها ، مثل احترام المتصفح حجم الخط ويسمح للكفيف على استخدام قارئ الشاشه. Actionscript 2.0 is an Object-Oriented language, allowing the use of CSS, XML, and the design of class-based web applications. Actionscript 2،0 هو جسم المنحى او اللغة ، او السماح باستخدام CSS ، لغة الترميز القابلة للامتداد ، وتصميم الطبقي التطبيقات الشبكيه.
Compatibility and restrictions. التوافق والقيود.
Because of the market share of modern browsers (depending on your target market), the compatibility of your website with the viewers is restricted. لأن من حصتها من سوق المتصفحات الحديثة (حسب رغبتك السوق المستهدف) ، والتوافق من موقع الويب الخاص بك مع المشاهدين محدودة. For instance, a website that is designed for the majority of websurfers will be limited to the use of valid XHTML 1.0 Strict or older, Cascading Style Sheets Level 1, and 1024x768 display resolution. فعلى سبيل المثال ، موقع على شبكة الانترنت مصمم لغالبية websurfers سوف تقتصر على استخدام لغة النصوص التشعبيه القابلة للتمديد صالحه 1،0 صارمه او الاكبر سنا ، صفحات الطرز المتراصه المستوى 1 ، وعرض 1024x768 القرار. This is because Internet Explorer is not fully W3C standards compliant with the modularity of XHTML 1.1 and the majority of CSS beyond 1. وذلك لأن انترنت اكسبلورر لا W3C معايير متوافقه تماما مع لغة النصوص التشعبيه القابلة للتمديد 1،1 نمطيه وغالبية ما بعد 1 CSS. A target market of more alternative browser (eg Firefox and Opera) users allow for more W3C compliance and thus a greater range of options for a web designer. هدف السوق اكثر من متصفح البديله (مثل فايرفوكس واوبرا) تسمح للمستخدمين اكثر W3C الامتثال ، وبالتالي مجموعة أكبر من الخيارات لشبكة المصمم.
Another restriction on webpage design is the use of different Image file formats. تقييد آخر هو تصميم صفحة ويب على استخدام صورة مختلفة للملفات. The majority of users can support GIF, JPEG, and PNG (with restrictions). اغلبيه مستخدمي يمكن ان يدعم جي. آي. اف ، جايباغ ، وPNG (مع فرض قيود). Again Internet Explorer is the major restriction here, not fully supporting PNG's advanced transparency features, resulting in the GIF format still being the most widely used graphic file format for transparent images. مرة اخرى انترنت اكسبلورر الرئيسية تقييد هنا ، لا اؤيد تأييدا تاما PNG المتقدم من سمات الشفافيه ، مما ادى الى جي. آي. أف في شكل لا تزال تستخدم على نطاق واسع أكثر ملف رسم شكل للصور شفافة.
Many website incompatibilities go unnoticed by the designer and unreported by the users. كثير من موقع التعارض تمر دون ان يلحظها أحد من قبل المصمم وغير المبلغ عنها من قبل المستخدمين. The only way to be certain a website will work on a particular platform is to test it on that platform. والطريقة الوحيدة لتكون على يقين من موقع على شبكة الانترنت سوف تعمل على منهاج معين هو اختبار على هذا المنهاج.
ANY WAY,WEB DESIGNING HAS EMERGED OUT AS ONE OF THE GLAMOROUS AMONG IT JOBS WITH A VERY WELL DEFINED HIGH SALARY.SO GO AHEAD AND EMERGE OUT AS A CREATIVE WEB DESIGNER-THE IT WORLD IS WAITING FOR YOU... بأي شكل من الاشكال ، وتصميم شبكة برز بوصفه واحدا من بين بريقا انه مع وظائف محددة جيدا جدا عالية salary.so المضي قدما والخروج كما هو مصمم مبدع - شبكة تكنولوجيا المعلومات ينتظر العالم لك...
