دروس Google Web Designer
يمكنك إضافة علامات من أي نوع إلى مستنداتك باستخدام أداة العلامات. تتيح لك أداة العلامات النقر والسحب إلى موضع العلامة التي تريدها. يمكنك أيضًا تعديل موقع العلامة في عرض الشفرات. الإعداد الافتراضي لأداة العلامات هو علامات div، التي يمكن استخدامها باعتبارها علامات أساسية لعناصر أخرى.
عند إنشاء تصميمات إعلانية باستخدام Google Web Designer، يمكنك استخدام مكتبة من المكونات التي تتيح لك إضافة معارض صور، ومقاطع فيديو وأدوات لشبكة المواقع الإعلانية وغير ذلك الكثير.
يتيح لك عرض الشفرات في Google Web Designer إمكانية إنشاء ملفات CSS وجافا سكريبت وXML باستخدام تظليل التراكيب والإكمال التلقائي للشفرات لتتمكن من كتابة الشفرات بسهولة وبعدد أخطاء أقل.
| الحد الأدنى | الموصى به | |
|---|---|---|
| نظام التشغيل |
Windows® 7/ Windows 8 Mac® OS X 10.7.x أو إصدار لاحق |
Windows® 7/ Windows 8 Mac® OS X 10.7.x أو إصدار لاحق |
| المعالج | معالج Intel Pentium® 4 أو AMD Athlon 64 | معالج Intel Pentium® 4 أو AMD Athlon 64 |
| الذاكرة | ذاكرة تخزين عشوائي RAM سعتها 2 غيغابايت | ذاكرة تخزين عشوائي RAM سعتها 4 غيغابايت |
| درجة دقة الشاشة | 1280×1024 | 1920×1080 |
| حجم نافذة التطبيق | 1024×768 كحد أدنى | 1024×768 أو أكبر |
| اتصال الإنترنت | يلزم عند الاستخدام لأول مرة بعد التنزيل ولإجراء التحديثات وللدخول إلى المساعدة. | يلزم عند الاستخدام لأول مرة بعد التنزيل ولإجراء التحديثات وللدخول إلى المساعدة. |
يتضمن Google Web Designer مساحة مركزية كبيرة لتصميم المشروعات وتعديل الشفرات. وتحاط المساحة المركزية بشريط أدوات وشريط خيارات الأداة ومخطط زمني ومجموعة من اللوحات التي تتيح لك عدة أشياء، من بينها تعديل العناصر وإضافة مكونات وإضافة أحداث.
1- لوحة الأداة 2- لوحة خيارات الأداة 3. المخطط الزمني 4- اللون والخصائص والمكونات والأحداث ولوحات CSS
في وسط واجهة Google Web Designer توجد مساحة العمل. في وضع التصميم، تعرض مساحة العمل الصور والنصوص وغير ذلك من العناصر بشكل مرئي، بالشكل الذي تظهر به تمامًا في المتصفح. وفي وضع الشفرات، تعرض مساحة العمل الشفرة بتشفير الألوان والتنسيق المناسبين.
يتيح لك شريط العرض الاختيار بين وضعي التصميم والشفرات، كما يتيح لك معاينة HTML ونشر الإعلان، ويتيح لك أيضًا إمكانية تغيير مستوى التكبير/التصغير والصفحة التي تعمل عليها.
يتضمن شريط الأدوات أدوات لإنشاء عناصر ومعالجتها على الجزء الرئيسي وفي ساحة العمل. ويتضمن هذا أدوات لإنشاء نصوص وعناصر صفحات بسيطة وأدوات تحديد ألوان وأدوات ثلاثية الأبعاد.
| الأداة | الوصف |
|---|---|
|
أداة التحديد |
لتحديد عناصر ونقلها في مساحة العمل |
|
أداة تدوير العناصر الثلاثية الأبعاد |
لتدوير العناصر بأبعاد ثلاثة |
|
أداة نقل العناصر ثلاثية الأبعاد |
لنقل العناصر في مساحات ثلاث |
|
أداة العلامات |
لإنشاء علامات HTML من أي نوع من خلال النقر على الجزء الرئيسي وسحبه |
|
أداة النصوص |
لإضافة نص |
|
أداة الشكل |
لإنشاء أشكال أولية |
|
أداة دلو التلوين |
لتعديل لون عناصر في المشروع |
|
أداة زجاجة الحبر |
لتعديل لون الخط وشطب عناصر في المشروع |
|
أداة تدوير الجزء الرئيسي الثلاثية الأبعاد |
لتغيير العرض الثلاثي الأبعاد للمشروع |
|
أداة اليد |
لتغيير عرض منطقة العمل |
|
أداة التكبير/التصغير |
لتكبير التصميم الإعلاني وتصغيره |
يعرض شريط خيارات الأداة خيارات للأداة المحددة حاليًا. على سبيل المثال، عندما يتم تحديد أداة النص، يعرض شريط خيارات الأداة خيارات تنسيق الخط والنص.
يتيح لك المخطط الزمني إمكانية إنشاء رسوم متحركة باستخدام الإطارات الرئيسية. في الوضع السريع، يتم إنشاء الرسم المتحرك مشهدًا بعد مشهد، أما في الوضع المتقدم، فيمكنك تحريك كل عنصر بشكل منفصل.
يتضمن قسم اللوحات في الواجهة لوحات الألوان والخصائص والمكونات والأحداث وCSS. يمكن تصغير اللوحات أو سحبها إلى موضع مختلف في قسم اللوحات.
يعد منتدى Google Web Designer منتدى من المستخدمين مثلك الذين يستمتعون بمساعدة بعضهم في اكتشاف أفضل طرق استخدام الأداة. ويعد هذا المنتدى مكانًا رائعًا لطرح الأسئلة وتبادل الخبرات مع الآخرين. يشرف على هذا المنتدى مطوِّرو برامج Google، كما أن لهم إسهاماتهم من ناحية الأفكار والحلول البديلة ووجهات النظر حول كيفية تحقيق أقصى استفادة من Google Web Designer.
الانضمام إلى منتدى Google Web Designer: