خلق لافتة على مصمم الويب من Google

الخطوة 1: الشروع في العمل

مصمم الويب من Google هو بيئة تطوير مجانية لأصحاب المواقع وتوفير القدرة على إنشاء صفحات الويب، بما في ذلك البنود الفردية مثل لافتات باستخدام CSS3 و HTML5. لاستخدام هذه الأداة، أولا وقبل كل شيء، تحتاج إلى تحميل ملف التثبيت من الموقع الرسمي وتثبيته.

تحميل مصمم الويب من Google من الموقع الرسمي

تثبيت البرنامج

1. انقر على الرابط الواردة أعلاه للذهاب إلى الصفحة الآن وانقر على زر "تحميل مصمم ويب". علما بأن يدعم البرنامج فقط ويندوز 7 والإصدارات الأحدث.



2. من خلال النافذة المنبثقة حفظ، حدد مكان على جهاز الكمبيوتر الخاص بك واستخدام زر ملحوظ على اللوحة السفلية.



3. انتقل إلى المجلد فقط مع حفظ الملف وانقر مرتين على زر الماوس الأيسر لأداء الافتتاح. ونتيجة لذلك، يجب فتح نافذة التثبيت.

   

   يتم تنفيذ عملية التثبيت نفسها في الوضع التلقائي بالكامل، وتوفير كافة الملفات العمل إلى الدليل مع برامج أخرى على قرص النظام.

تفويض

1. إذا كنت ترغب في حفظ المشاريع على الإنترنت أو بشكل عام، وخلق لافتة على وجه التحديد لخدمات Google الداخلية، فمن بالإضافة إلى ذلك يستحق أداء التفويض. للقيام بذلك، قم بتشغيل البرنامج باستخدام الرمز المناسب، على مقربة من نافذة الترحيب وانقر على زر "تسجيل الدخول" على لوحة أعلى.



2. تحديد البيانات من حساب Google، انقر فوق "التالي" وتأكيد إذا لزم الأمر. بعد ذلك، سيتم إضافة حساب على الفور، دون الحاجة إلى بعض الإعدادات الفردية.

تغيير الإعدادات

1. وبعد أن فهم مع إعداد، فمن المستحسن الآن لإجراء تغييرات على إعدادات الأساسية للبرنامج لتسهيل العمل في المستقبل. باستخدام لوحة العلوي، وتوسيع القائمة تحرير وحدد "إعدادات" في نهاية القائمة.



2. على علامة التبويب "الرئيسي"، يمكنك تغيير السلوك الأولي من البرنامج إلى المشاريع المفتوحة بسرعة، تعيين مجلد لحفظ القوالب التي تم إنشاؤها، وكذلك القيم الافتراضية المحددة لمواصفات الإعلان عند إنشاء.



3. صفحة "واسطة عرض تخطيط" التالية على المعلمات ظهور المحرر. تغيير إعدادات عرض، يمكنك ضبط الشبكة والأشياء ملزمة لمزيد من دقة تحديد المواقع من العناصر.



4. يحتوي Google Web Designer على محرر كود مع إعداداته. وبالتالي، في علامة التبويب "Code Viewer"، يمكنك تعيين نمط التصميم، قم بتعيين معلمات التنسيق وإضافة الروابط الرئيسية إلى المهام.



5. يحتوي علامة التبويب الأخيرة "الموسعة" على معلمين فقط - "تسجيل" و "مقياس التطبيق". في الحالة الأولى، سيؤدي الإدراج إلى إنشاء سجل تغيير، في حين يتيح لك العنصر الثاني تعيين مقياس قياسي جديد لمنطقة العمل في المحرر.

   احذر! إذا قمت بتعيين الكثير من الحجم، قد تظهر مشاكل مع عدم وجود مساحة على الشاشة لمدة البنود الهامة.

أية تغييرات بطريقة أو بأخرى تتطلب إعادة تشغيل البرنامج. إذا بدأت فقط في العمل مع المحرر، فلا تنس إمكانية إعادة تعيين الإعدادات باستخدام عنصر منفصل على كل علامة علامات التبويب.

الخطوة 2: إنشاء راية

عن طريق تكوين البرنامج، يمكنك البدء في العمل على Banner باستخدام جميع الخيارات ل Google Web Designer. ومع ذلك، دعونا نلاحظ أن هذا العلاج هو حصريا كمحرر مرئي، مما يتيح لك نشر العناصر الجاهزة فقط التي يتم إنشاؤها بشكل منفصل، على سبيل المثال، في فوتوشوب.

العمل مع الأدوات

1. بعد إعداد التخطيط، تحتاج إلى التعرف على الأدوات. في اللوحة العلوية من الاهتمام الرئيسي، تستحق القائمة "عرض"، مما يسمح بتمكين وتعطيل العناصر الإضافية.



2. من خلال قائمة "النافذة"، يمكنك تعطيل عنصر واجهة معينة مؤقتا. على سبيل المثال، إذا كنت ترغب في صنع شعار ثابت، فإن "الجدول الزمني" سوف تتداخل فقط، وبالتالي فمن الأفضل إزالة القراد المناسب.



3. يتم تقديم أدوات المحرر الرئيسية في العمود الأيسر. لن نعتبر كل خيار، نظرا لأن جميع العناصر تستخدم عند الخلق، إلا أننا نوصي بتجربة نفسك.



4. بجانب شريط الأدوات يتم تقديم "إعلانات المذيع" مع العديد من المساهمات. إيلاء اهتمام خاص يستحق "الأحداث" المسؤولة عن العمل مع واحد أو آخر كائن لافتة، و "CSS"، حيث يتم تعيين معلمات النمط.



5. يحتوي الجزء الأيمن من البرنامج أيضا على مجموعة من الأدوات التي تتيح لك التحكم في اللون والنصوص والهيكل من الكائنات والخصائص والطبقات ببساطة. مثل مجموعة الرئيسي من الوظائف، والنوافذ هي أفضل لدراسة مستقلة في عملية إنشاء المشروع.



6. إذا لزم الأمر، يمكن إنشاء "الجدول الزمني" راية متحركة. في الوقت نفسه، لإدارة المنطقة الرئيسية للمحرر، استخدم مساحة تحامل و LCM، بالإضافة إلى كتلة مع معلمات الحجم.

ملء تخطيط

1. يبدأ إنشاء بانر دائما بالخلفية، وبالتالي، بعد إعداد تخطيط، افتح علامة التبويب "خصائص" وفي كتلة الصفحة، استخدم القسم الفرعي "التعبئة". فمن الممكن تماما لتثبيت أي لون، بما في ذلك التدرج أو خلفية شفافة بالكامل.



2. علاوة على قائمة الانتظار، أضف عناصر الرسوم المعدة مقدما. يمكنك القيام بذلك في علامة التبويب "مكتبة الكائنات" بالنقر فوق أيقونة "+" في اللوحة السفلي.



3. حدد ملفات الرسومات المطلوبة وانقر فوق فتح. يمكن القيام بذلك في وقت واحد لجميع الطبقات اللازمة، وبشكل منفصل، تكرار هذه الإجراءات.



4. لاستيعاب، المشبك الصورة المطلوبة على علامة التبويب مكتبة الكائنات واسحب المحرر إلى المنطقة الرئيسية.

   

   يمكنك التحكم في موقع الكائن باستخدام السحب المعتاد والتقليل باستخدام أداة التحديد النشطة. إذا لزم الأمر، يمكنك دائما استخدام الأدلة.



5. عن طريق تحديد ملف رسومي في مساحة العمل أو في علامة التبويب محرر الهيكلية، افتح "الخصائص". هناك أكثر من مزيد من الاحتمالات أكثر مما كانت عليه في حالة الخلفية، على سبيل المثال، إعدادات الحدود أو المسافات البادئة.



6. إذا كان تصميم Banner ينص على وجود نص، فيمكنك إضافة العنصر المناسب باستخدام أداة مصمم الويب القياسية. انقر على أيقونة "T" على الجزء الأيمن، انقر فوق نافذة المحرر الرئيسي وأدخل المجموعة المطلوبة من الأحرف.

   

   للتحكم في النص، حدد الطبقة الموجودة في علامة التبويب "المحرر الهيكلي"، وتوسيع "النص" وتعيين المعلمات المناسبة.

تحديد الرسوم المتحركة

1. في كتلة "الجدول الزمني"، يمكنك إضافة آثار الرسوم المتحركة وتكوينها. للبدء، انقر فوق الزر "إضافة رمز" مع أيقونة "+".



2. انقر على أيقونة ".5S" بين الإطارات وتعيين المعلمات التي تحتاج إليها. على سبيل المثال، يمكنك تغيير مدة الانتقال وأسلوبها.



3. كل كتلة على حدة على "جدول زمني" مستقلة تماما عن الآخرين. لإنشاء الرسوم المتحركة، وتغيير بعض البنود لتقديركم وتحقق النتيجة باستخدام زر التشغيل.

   

   بعد الانتهاء من عملية تحرير، استخدم زر كرر. وهذا خلق الرسوم المتحركة التي لا نهاية لها.

إضافة أحداث

1. وبعد أن فهم مع تخطيط، تحتاج إلى إضافة أحداث انتقال لعناصر فردية أو لواء كامل ككل. للقيام بذلك، في عمود القطاع المفتش، افتح علامة التبويب الأحداث وانقر على أيقونة "+" على لوحة أسفل.



2. في النافذة التي تفتح من قائمة "الغرض"، حدد الكائن الذي سيتم الرجوع إليها.



3. في صفحة الحدث، قم بتوسيع "ماوس" الصفحة واختر "انقر". اعتمادا على الاحتياجات اللازمة لنتيجة، يمكنك الجمع بين المنشآت المختلفة.



4. وعلاوة على ذلك من قائمة "العمل"، افتح إعلان جوجل وتعيين القيمة "انتقالية". سوف خيار من هذا القبيل تجعل من ذلك أن يذهب المستخدم إلى الصفحة الخاصة التي تحتاج إليها على شبكة الإنترنت.



5. ك "المتلقي"، حدد واحد "GWD-AD" نسخة.



6. في المرحلة الأخيرة في هذا المجال "Identif. مؤشرات »تحقق الارتباط إلى الاختصار وملء" URL "لتحديد الصفحة المطلوبة. استخدام "OK" لحفظ.

العمل مع شفرة المصدر

1. كما ذكرنا، ويحتوي على مصمم الويب من Google المدمج في محرر التعليمات البرمجية. يمكن تمكينه باستخدام الزر "كود" على الجانب الأيمن من لوحة أعلى.



2. يمكنك إجراء تغييرات على هيكل راية باستخدام ليس فقط محرر البصرية، ولكن أيضا العمل مباشرة مع التعليمات البرمجية في ملف المشروع. هذا يمكن أن يكون مفيدا للغاية عندما التوفيق بين العديد من العناصر الصغيرة أو الأحداث الإضافية لم تقدم من قبل البرنامج.

يجب أن تكون الإجراءات المذكورة كافية تماما لإنشاء لافتة، بغض النظر عن التطبيق. وفي الوقت نفسه، يمكنك توسيع كبير في القدرات من خلال الجمع بين هذه الأدوات.

الخطوة 3: الانتهاء

عند اكتمال راية وجاهزة لوضعها على الموقع، يمكنك الانتقال إلى الخطوة الأخيرة. أولا وقبل كل شيء، فإن الأمر يستحق التدقيق كيف عملك على شبكة الإنترنت الحقيقي تبدو الصفحة مثل.

معاينة

1. على لوحة العلوي، انقر على زر معاينة لفتح القائمة إضافية. هنا يمكنك تحديد المتصفح الذي سيفتتح لافتة.



2. عند فتح جميع الوظائف ويتم الحفاظ على مظهر لافتة، ولكن مع بعض الميزات. على سبيل المثال، حتى لو قمت بتثبيت التكرار اللانهائي للرسوم المتحركة، كل شيء سوف تكون محدودة هنا التكرار واحد فقط.



3. إذا لزم الأمر، يمكنك إظهار دائما نتيجة لأشخاص آخرين. للقيام بذلك، حدد "الحصول على رابط مشاركة" والتأكد من الوصول إلى حساب Google.

   

   ونتيجة لذلك، سوف تظهر وصلة على الشاشة لعرض لافتة في وضع من هذا القبيل كما هو موضح أعلاه. بطبيعة الحال، فإنه لا يمكن تحقيقه إلا إذا كان لديك حساب.

حفظ ونشر

1. لحفظ المشروع، أولا فتح القائمة ملف واستخدام الخيار حفظ. بعد ذلك، سيتم حفظ الملف المصدر على الكمبيوتر ويمكن فتح في وقت لاحق.



2. يمكنك إعداد مشروع لمكان على الموقع عن طريق فتح "نشر" القائمة في الزاوية اليمنى العليا للبرنامج واختيار واحد من مواقع حفظ.



3. تغيير المعلمات في نافذة المنشور في تقديركم، ولم يتبق سوى مربعات المطلوب، ثم انقر على "نشر". إنقاذ مما يحدث بسرعة بغض النظر عن حجم المشروع.

   

   ونتيجة لذلك، المجلد يمكن العثور عليها في حفظ المكان. وضع لافتة على الموقع يختلف في الاعتماد على الموقع وبشكل عام لم يعد ينتمي إلى إجراء الخلق.