مقدمة عن تصميم الويب
9 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

ما هو الترميز في HTML؟

عملية تحضير محتوى صفحة لعرضه على متصفحات الويب باستخدام وسوم HTML.

ما هي لغة JavaScript؟

لغة تجعل العناصر في صفحة الويب تقوم بعمل ما، مثل إضافة سلوكيات ووظائف.

ما هو دور CSS في تصميم الويب؟

يتم التحكم بالمظهر العام للصفحة في المتصفحات بواسطة قواعد CSS.

أي من اللغات البرمجية التالية تعمل على الخوادم لمعالجة البيانات؟ (اختر جميع الإجابات الصحيحة)

<p>PHP</p> Signup and view all the answers

ما هو تصميم الواجهة الأمامية (Frontend Design)؟

<p>يشير إلى أي جانب من جوانب عملية التصميم مرتبط مباشرة بالمتصفح.</p> Signup and view all the answers

ما هي بعض المهام المرتبطة بتصميم الواجهة الخلفية (Backend Design)؟

<p>تصميم المعلومات، معالجة النماذج، برمجة قواعد البيانات.</p> Signup and view all the answers

تستخدم برامج مثل Notepad++ فقط لتعديل HTML.

<p>False</p> Signup and view all the answers

ما هو هيكل الوثيقة الأساسية في HTML؟

<p>يتكون من إعلان نوع الوثيقة، عنصر html، وعناصر head و body.</p> Signup and view all the answers

تقوم ______ بتوفير معلومات إضافية عن عناصر HTML.

<p>السمات (Attributes)</p> Signup and view all the answers

Study Notes

مقدمة عن تصميم الويب

  • تصميم صفحات الويب وتنسيقها هو عبارة عن عملية تحضير محتوى صفحة الويب لعرضه على متصفحات الويب.
  • HTML هو صيغة لغة التوصيف
  • يتم تحضير المحتوى باستخدام مجموعة من الوسوم المكتوبة بواسطة HTML التي تصف المحتوى والوظائف الخاصة بصفحة الويب.

أسلوب التصميم

  • يتم التحكم بالمظهر العام للصفحة في متصفحات الويب بواسطة قواعد معينة تُعرف باسم CSS (Cascading Style Sheets).

البرمجة

  • JavaScript هي لغة برمجة تستخدم لتحديد سلوكيات معينة للصفحات وعناصرها، مثل التفاعل مع المستخدم وإضافة سلوكيات معينة لعناصر الصفحة.

أنواع البرمجة

  • لغات برمجة خاصة بصفحات الويب مثل PHP , Ruby, Python و ASP.net تُنفذ على الخوادم لمعالجة البيانات قبل عرضها في متصفح المستخدم.

تصميم واجهة المستخدم الأمامية

  • تصميم واجهة المستخدم الأمامية هو تصميم يظهر على متصفح الويب.
  • هذا الجانب هو محور التركيز في هذه الدورة التدريبية.
  • تُعد مهام التصميم الجرافيكي وإنتاج الصور، تصميم واجهة المستخدم، تصميم المعلومات، تطوير ملفات HTML و CSS، JavaScript جزءاً من تصميم واجهة المستخدم الأمامية.

تصميم واجهة المستخدم الخلفية

  • تصميم واجهة المستخدم الخلفية يشير إلى البرامج والسكربتات التي تتعامل مع البيانات على الخادم لتقديم صفحات الويب بشكل ديناميكي وتفاعلي.
  • بعض الأمثلة على مهام تصميم واجهة المستخدم الخلفية: تصميم المعلومات، معالجة النماذج، برمجة قواعد البيانات، أنظمة إدارة المحتوى، التطبيقات على الخادم using PHP, JSP, Ruby, ASP.NET.

محرري HTML

  • Notepad++ هو محرر نصوص مجاني.
  • TextPad هو محرر نص بسيط وغير مكلف لنظام Windows.
  • Sublime Text هو محرر نصوص يدعم أنظمة Windows و Mac و Linux.

عناصِرHTML

  • التاغات المضافة حول المحتوى تسمى علامات الترميز.

سمات HTML

  • سمات HTML هي معلومات إضافية حول عنصر HTML.
  • تُدرج السمات دائماً في التاج الافتتاحي.
  • تُستخدم السمات على شكل أزواج "اسم/قيمة".

هيكل مستند HTML الأساسي

  • !DOCTYPE html هو إعلان نوع المستند الذي يُحدد المستند على أنه وثيقة HTML5.
  • عنصر html هو العنصر الجذر الذي يضم كل العناصر في المستند، ولا يُمكن أن يكون داخل عنصر آخر.
  • عنصر head يضم معلومات وصفية عن المستند نفسه، مثل عنوان المستند، ملفات CSS.
  • عنصر body يضم محتوى الموقع المرئي.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

HTML & CSS ملزمة PDF

Description

تتناول هذه الدورة التدريبية أساسيات تصميم صفحات الويب، بما في ذلك HTML و CSS و JavaScript. سيتم التعرف على كيفية استخدام هذه اللغات لتنسيق المحتوى وتحديد سلوك الصفحات التفاعلية. كما ستستعرض الدورة أيضًا أنواع البرمجة المستخدمة في تطوير واجهات المستخدم الأمامية.

More Like This

Introduction to JavaScript and Web Design
18 questions
Front-end Development Quiz
13 questions

Front-end Development Quiz

SelfDeterminationChlorine avatar
SelfDeterminationChlorine
Développement Web 1
12 questions

Développement Web 1

SofterYttrium2752 avatar
SofterYttrium2752
Use Quizgecko on...
Browser
Browser