هل قمت بتثبيت Skype، ولكن حسابك يفتقر إلى بياناتك الشخصية وتحتاج إلى إضافة صورة؟ كيفية حذف الصورة الرمزية على سكايب؟ واصل القراءة وسوف تكتشف ذلك.
لتعيين صورة رمزية على Skype، اتبع هذه الخطوات البسيطة:
1. قم بتسجيل الدخول إلى البرنامج باستخدام معلومات تسجيل الدخول الخاصة بك.
2.انقر على قائمة "سكايب".
3. في القائمة المنسدلة، حدد سطر "البيانات الشخصية".
بالمناسبة، في هذه المرحلة يمكنك تحديد زر آخر "التقاط صورة" - في هذه الحالة ستنتقل إلى وضع الصورة لالتقاط صورة لنفسك ووضع الصورة الملتقطة على جهاز Ava الخاص بك على الفور.
6. بعد اختيار الصورة، انقر فوق "فتح".
انتبه إلى تنسيقات الملفات التي يمكن تحميلها على Skype: ".jpg"، ".jpeg"، ".bmp"، ".skype".
7. بعد تحميل الصورة، يمكنك إجراء بعض التعديلات، أي زيادة حجمها أو تقليله عن طريق سحب شريط التمرير الموجود أسفلها إلى اليمين أو اليسار.
8.اضغط على "استخدام هذه الصورة" بعد الانتهاء من العمل عليها (الانتهاء من التحرير).
هناك طريقة أخرى للدخول إلى نافذة تغيير (إضافة) Ava: انقر فوق عنصر القائمة "أدوات"، ثم "الإعدادات"، ثم " الاعدادات العامة" وحدد الرابط (في أسفل النافذة) "تغيير الصورة الرمزية".
كيفية تغيير افا؟ سهل مثل الفطيرة! لتغيير الصورة الرمزية الخاصة بك، عليك القيام بنفس الخطوات بالترتيب كما هو موضح في التعليمات السابقة.
هل أحتاج إلى إزالة الصورة الرمزية القديمة الخاصة بي أولاً؟ لا، فقط قم بتثبيت واحدة جديدة. اتضح أن عمليات الإعداد الأول للصورة الرمزية واستبدالها متطابقة مع بعضها البعض. الفرق الوحيد: عند إكمال الخطوة السادسة، في النافذة التي تفتح في أسفل اليسار، سترى الإصدارات السابقة من صورك. كيفية تغيير الصورة الرمزية الخاصة بك في Skype إلى الصورة القديمة (المحذوفة)، أي تلك التي استخدمتها بالفعل؟ ما عليك سوى النقر عليه وسيقوم Skype بتغيير العرض الحالي!
كيفية إزالة افا؟ هناك إجابة واحدة فقط على هذا السؤال: "لا، هذا مستحيل. يمكنك فقط تغيير الصورة الرمزية الخاصة بك على Skype إلى صورة أخرى." ولكن إذا كنت لا تزال لا تحتاج إلى أي صورة رمزية على الإطلاق، فحاول التقاط صورة وتعيين الصورة الرمزية الخاصة بك على خلفية بيضاء أو سوداء فقط. خيار آخر هو فتح أي برنامج رسم وحفظه ورقة فارغة. بعد ذلك، اتبع جميع الخطوات من التعليمات الأولى.
ولكن إذا كنت تستخدم Skype لنظام التشغيل Mac، فلديك خيار حذف ملف ava. لهذا:
لتنزيل/تثبيت/تغيير ava على أجهزة مثل iPhone وiPad:
لتغيير الصورة الرمزية على جهاز يعمل بنظام التشغيل نظام الاندرويدبعد الدخول إلى برنامج المراسلة، انقر فوق علامة القائمة (ثلاثة خطوط أفقية الخلفية الزرقاء) وحدد الأمر "Avatar".
الآن أنت تعرف كيفية تعيين الصورة الرمزية على Skype، وكيفية إزالتها أو تغييرها.
استمارة تعليقللموقعوالذي سأعرضه لكم، يعتمد على استخدام تقنية Ajax. لكن لا تقلق، لا تحتاج إلى معرفة ذلك، كل شيء جاهز بالفعل، كل ما عليك فعله هو تثبيت هذا النموذج وتخصيصه بنفسك!
يا رفاق، النص قديم منذ وقت طويل. بالنسبة للبعض يعمل، والبعض الآخر لا يعمل. وأنا كسول جدًا لمعرفة ذلك، ناهيك عن تحديثه. لذا اختبر وفقًا لتقديرك الخاص.
هذا نموذج ردود الفعل على الموقعهو عملي للغاية في حد ذاته، فهو يأتي مع العديد من المكونات الإضافية التي تخلق مظهرًا جذابًا مظهروالتحقق من صحة (قراءة الصحة) للبيانات التي قمت بإدخالها. تعمل هذه المكونات الإضافية على نحو عظيم وأقوي! ويطلق عليهم هكذا:
1. JQTransform- مكون إضافي يسمح لك بجعل نموذج ملاحظاتنا جميلًا!
2. formValidator– ويقوم هذا البرنامج المساعد بالتحقق من صحة المعلومات المدخلة في نموذج الاتصال، وفي حالة حدوث شيء ما، يعرض تلميحات الأدوات!
ل عمل كاملسيستخدم هذا النموذج الفئة – PHPMailer. تعتبر واحدة من الأفضل!
ملاحظة للأذكياء:
يمكن تقديم نموذج التعليقات الخاص بالموقع بتنسيق HTML! لكنها لن تبدأ العمل إلا عندما مساعدة PHP! ولا شيء آخر!
هذا أنا لأولئك الذين يبحثون عن نموذج التعليقات بتنسيق HTML فقط. ستفعل ذلك، لكنه لن ينجح!
لذلك، يجب أن يدعم موقعك PHP، وبالنسبة لنموذج الاتصال هذا، يجب أن يكون PHP الإصدار 5 على الأقل. آمل أن أكون واضحا؟ علاوة على ذلك، الآن أي استضافة عادية تدعم هذه الشروط!
لقد قمت بالتنقيب عن نموذج الملاحظات هذا على موقع الويب www.tutorialzine.com، حيث يؤدي الرابط مباشرة إلى الصفحة الأصلية، أي. موقع مؤلف هذا النموذج!
كل شيء هناك باللغة الإنجليزية، لذلك اضطررت أنا وساشا إلى العبث قليلاً بالروسية هذا منجهات الاتصال والمكونات الإضافية نفسها المرتبطة بها.
لنكون صادقين، لقد عبثنا بهذا "النموذج" لمدة يومين، لأن العديد من الأخطاء بدأت تظهر، ولم نرغب في نشر نموذج تعليقات لم يكتمل بالكامل، خاصة هذا النموذج الجميل! لذلك، إذا كنت من محبي القيام بكل شيء بنفسك، وتتبادر هذه الفكرة إلى ذهنك اللامع - لإضفاء الصبغة الروسية على هذا النموذج بنفسك، فسوف أقدم لك بعض النصائح، لأنك لن تقتصر على مجرد ترجمة العبارات:
1. تم تصميم نموذج التعليقات هذا خصيصًا للبرجوازية، وتم تنزيله من هناك، لذلك سيرسل لك krakozyabl بدلاً من الأحرف الروسية العادية. فهم الترميز. وبشكل عام، سيتم ربط كل "الأختام" بهذا!
2. لم يفهم نص التحقق في البداية رسائلنا، لذا يجب كتابتها هناك!
3. حتى بعد هذه الخطوات، إذا قمت بتحديد موضوع الرسالة باللغة الروسية، تصل الرسالة بالموضوع - لا يوجد موضوع (أتمنى أن أكون كتبته بشكل صحيح)، يمكن علاج ذلك إذا قمت بتحديد التشفير في ملف فئة PHPMailer .
4. في النموذج الأصلي، تم ضغط النص الموجود في حقول الإدخال إلى الأسفل، وليس في المنتصف. هذا خلل في البرنامج المساعد JQTransform.
حسنًا، يبدو أن كل شيء قد تم كتابته وتحذيره. هيا لنذهب!
مساء الخير، يجب أن يكون نموذج الملاحظات موجودًا في كل موقع ويب. اليوم سأعرض مثالا نموذج جاهزللإدراج في أي موقع ويب، بما في ذلك محرك WordPress. مستعد مثال أتش تي أم ألو كود PHPيمكنك نسخه إلى موقع الويب الخاص بك. بالإضافة إلى المثال الجاهز، هناك العديد من المكونات الإضافية التي تحظى أيضًا بشعبية كبيرة. في العديد من المواقع، تم تضمين هذا النموذج بالفعل في الموضوع، ولكن في بعض الأحيان يكون من الضروري إضافة نموذج آخر إلى صفحة أخرى أو استبدال النموذج القديم.
قبل أن أبدأ في كتابة هذا المقال، قمت بتصفح الإنترنت بحثًا عن إجابة لهذا السؤال. بعد إعادة النظر المزيد من الكميةمواقع الويب والمدونات، لقد وجدت عددًا قليلاً جدًا من الإجابات الجيدة حول إدراج نموذج التعليقات على موقع الويب. تتم كتابة معظم المواد حول العمل مع المكونات الإضافية. في بعض المقالات، ليس من الواضح تمامًا ما يجب فعله وكيفية القيام به، فالرمز لا يعمل، ولا تصل الرسائل... وما إلى ذلك.
هناك بالطبع إجابات جديرة بالاهتمام، لكنها قليلة جدًا. سأعطيك مثالا بسيطا لا يتطلب الكثير من الذكاء. ليست هناك حاجة إلى معرفة خاصة بلغة PHP، أو بالأحرى ليست هناك حاجة إليها على الإطلاق. سأكتب بالتفصيل ماذا وأين يجب تغييره عند الضرورة. النموذج يعمل بشكل جيد دون أي خلل. مثال على النموذج موجود على موقع الويب الخاص بي. في مثال جاهزأضفت بعض الأساليب للجمال حتى لا يبدو الشكل "سيئًا" على الإطلاق. إذا كنت ترغب في ذلك، يمكنك تغيير كل شيء حسب تقديرك.
في في هذا المثال، تتكون استمارة الملاحظات الخاصة بالموقع من كود أتش تي أم أل. يمكنك لصق هذا المثال من كود HTML على أي صفحة من الموقع، بغض النظر عن المكان الذي تستخدمه أو ما تستخدمه. يمكن إدراج نفس الرمز في الصفحة محرك ووردبريسكل شيء سوف يعمل بشكل صحيح وبدون أعطال.
< form action = "/wp-content/themes/xmarkup/form.php"الطريقة = "النشر" الاسم = "النموذج"> الاسم< input class = "inp" style = "width: 30%;" name = "name" type = "text" / > بريد إلكتروني:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / > موضوع الرسالة< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / > نصك: < textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea > < input class = "inp" type = "submit" value = "يرسل" / > < / form > |
في بداية الكود، في السطر الأول، يجب عليك الإشارة إلى المسار الخاص بك ملف PHP form.php (المزيد حول ذلك لاحقًا). ليست هناك حاجة لتغيير أي شيء آخر. إذا لم تكن راضيًا عن اسم النموذج وحقوله، فيمكنك دائمًا إضافة حقول جديدة أو تغيير الحقول القديمة. يمكنك أيضًا إضافة أنماطك الخاصة مباشرةً إلى الجدول. إذا كان هذا الخيار غير مناسب لك، فحدد فئات جديدة ثم قم بإضافة الأنماط من خلال ملف style.css الخاص بك
بالنسبة لأولئك الذين لا يعرفون كيفية القيام بذلك، انتقل إلى منطقة إدارة الموقع، وانتقل إلى المحرر وافتح ملف style.css. أضف هذا الكود إلى نهاية ورقة الأنماط. ونتيجة لذلك، يجب إدراج رمز النموذج في الصفحة وملفك أنماط المغلقإلى جدول style.css
Inp( الحشو: 10 بكسل؛ الحد: 1 بكسل صلب #E5E5E5؛ العرض: 200 بكسل؛ اللون: #999999؛ ظل الصندوق: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0) , 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px )
إنب ( الحشو: 10 بكسل؛ الحدود: 1 بكسل صلب #E5E5E5؛ العرض: 200 بكسل؛ اللون : #999999; مربع الظل : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Moz - box - Shadow : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Webkit - box - Shadow: rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; |
بعد هذه الخطوات، يجب أن يكون لديك نموذج ملاحظات مثل هذا في الصفحة. لا تبالغ في التفكير؛ يجب أن يكون نموذجك بسيطًا ومريحًا قدر الإمكان. بدون حقول إضافية غير ضرورية...الاسم والبريد الإلكتروني والموضوع والرسالة. إذا رغبت في ذلك، حتى موضوع الرسالة يمكن إزالتها.
لقد قررنا تصميم النموذج، وجعلناه جميلًا، والآن نحتاج إلى إنشاء ملف به ملحق PHPوأضف هذا الكود إليه. أضف الملف عبر عميل بروتوكول نقل الملفاتإلى موقع الويب الخاص بك. معظم المستخدمين يستخدمون نظام إدارة المحتوى (CMS)، يرجى المشاركة هذا الملففي مجلد الموضوع الخاص بك. يجب عليك في البداية كتابة عنوان واسم هذا الملف في ترميز النموذج الخاص بك، والذي أظهرته أعلاه. لقد وصفت مسار كاملعلى سبيل المثال، حتى يكون من الواضح ما يجب إدراجه وأين.
(
يحتوي رمز ملف form.php نفسه على:
< meta http - equiv = "refresh" content = "1; url=http://сайт" > < meta charset = "UTF-8" / > if (isset ($_POST [ "name" ] ) ) ( $name = $_POST [ "name" ] ; if ($name == "" ) ( unset ($name ) ; ) ) إذا (isset ($_POST [ "email" ] ) ) ( $email = $_POST [ "email" ] ; إذا ($email == "" ) ( unset ($email ) ; ) ) if (isset ($_POST [ "temma" ] ) ) ( $temma = $_POST [ "temma" ] ; if ($temma == "" ) ( unset ($temma ) ; ) ) if (isset ($_POST [ "massage" ] ) ) ( $massage = $_POST [ "massage" ] ; if ($massage == "" ) ( unset ($massage ) ; ) ) إذا (isset ($name ) && isset ($email ) && isset ($temma ) && isset ($massage ) ) ( عنوان $ = " [البريد الإلكتروني محمي]" ; $ميس = "الاسم: $name \nالبريد الإلكتروني: $email \nالموضوع: $temma \nالنص: $massage"; $send = mail ($address , $temma , $mes , "نوع المحتوى:نص/عادي؛ مجموعة الأحرف = UTF-8\r\nمن:$email") ; إذا ($إرسال == "صحيح") ( صدى صوت "تم الارسال"; } آخر (صدى "تبا شيء ما حدث بشكل خاطئ"; } آخر صدى صوت "املأ جميع الحقول"; |
بدلاً من url=http://site، اكتب عنوان موقعك. عنوان $ = " [البريد الإلكتروني محمي]"- في هذا السطر نشير إلى عنوان بريدك الإلكتروني الذي سيتم إرسال الرسائل إليه. ليست هناك حاجة لتغيير أي شيء آخر، كل شيء جاهز ويعمل. إذا واجهت أي صعوبات أثناء عملية التثبيت، فاكتب في التعليقات، وسأجيب بالتأكيد.
لا تختلف عملية تثبيت النموذج في WordPress؛ حيث تتم جميع الخطوات بنفس الطريقة. يُنصح بتحميل ملف form.php إلى المجلد الذي يحتوي على القالب الخاص بك. لا تنس الإشارة إلى العنوان الكامل والدقيق لملف المعالج في ترميز html. بالإضافة إلى ذلك، تحتاج إلى تغيير عنوان موقع الويب الخاص بك إلى موقع الويب الخاص بك وكتابة عنوان البريد الإلكتروني بشكل صحيح. يمكن إدراج رمز النموذج النهائي في أي صفحة من مدونتك. على سبيل المثال، أضفت صفحة بها مسابقات إلى مدونتي.
على سبيل المثال، يمكنك إنشاء صفحة "اتصل بالمؤلف" أو "المؤلف" وتحميل النموذج الخاص بك هناك. وفي بعض المدونات، لاحظت في أسفل كل نموذج صفًا من أزرار التواصل الاجتماعي أو خيارات إضافية للاتصال بالمؤلف. إذا كنت ترغب في ذلك، يمكنك أن تفعل الشيء نفسه مرة أخرى. نموذج الاتصال يعمل على مدونتي، وقد قمت باختباره شخصيًا باستخدام المثال الخاص بي. إذا لم تصلك الرسائل، فهذا يعني أن هناك مشكلة من جانبك.
إذا كنت تواجه صعوبة في إدراج هذا النوع من التعليقات في موقعك، فيمكنك قول أحد المكونات الإضافية وتثبيته على موقعك. يوجد اليوم عدد كبير من المكونات الإضافية التي يمكنك من خلالها إنشاء مثل هذه النماذج لموقعك على الويب. انتقل إلى لوحة الإدارة، وانقر على الإضافات - إضافة جديد. نختار أي شخص يعجبك ونستخدمه لصحتك. يعد المكون الإضافي Contact Form 7 أكثر شيوعًا.
نقوم بتثبيت كل واحد على حدة وننظر إلى كل واحد منهم على حدة. انتبه على الفور إلى وظيفة البرنامج الإضافي وإلى إزالة الروابط الدخيلة إلى موقع المؤلف (إن وجدت). تبدو جميع هذه الأشكال في البداية غير جذابة للغاية، هل يمكنك تخصيصها حسب ذوقك ولونك.
لنأخذ أولهم كمثال. لقد أضفنا مكونًا إضافيًا جديدًا لنموذج الاتصال 7. هذا المكون الإضافي بسيط للغاية، ومن المفترض ألا يكون هناك أي مشاكل في العمل معه. يستخدم العديد من المدونين هذا البرنامج الإضافي لنماذج صغيرة إضافية على مواقعهم. انتقل إلى عنصر نموذج الاتصال 7 في وحدة التحكم على اليسار وانقر على "إضافة نموذج جديد". اللغة الافتراضية هي الروسية بالفعل.
في علامة التبويب الأولى، حدد الحقول التي ستكون موجودة وقم بتسميتها. ليست هناك حاجة لإنشاء نموذج كبير جدًا؛ أضف اسمًا وبريدًا إلكترونيًا وموضوعًا ورسالة وزر "إرسال". في علامة التبويب "الرسالة"، حدد عنوان بريدك الإلكتروني الذي سيتم إرسال الرسائل إليه." لا ينبغي أن تواجه أي صعوبات خاصة، كل شيء بديهي.
بمجرد إنشائه، سيقدم لك المكون الإضافي رمزًا قصيرًا ستحتاج إلى لصقه في الموقع المطلوب على الموقع، على سبيل المثال. بعد إدخال الرمز القصير، سترى النموذج الجديد الخاص بك. عند إنشاء أي صفحة، انتقل إلى علامة التبويب "تحرير النص" والصق الرمز الخاص بك.
الجانب السلبي الصغير هو أن تصميم تعليقاتك سيكون سيئًا للغاية. لا تنزعجي كثيرًا. تسجيل الدخول عبر بروتوكول نقل الملفات إلى هذا العنوان wp-content/plugins/contact-form-7/modules.يحتوي هذا المجلد على جميع أنماط CSS الخاصة بالمكون الإضافي. يمكنك إضافة خصائصك الجديدة بأمان لجعل شكلك جميلًا وملحوظًا.
بالإضافة إلى المكونات الإضافية الإضافية، يمكنك استخدام مثل هذه النماذج. هناك خدمات خاصة يمكنك من خلالها إنشاء نموذج جديد بسرعة وبدون معرفة خاصة. هناك جانب آخر للعملة. تحتاج هذه الخدمات أيضًا إلى التحقق من وظائفها، والأهم من ذلك، تكلفة هذه المتعة. بعضها مجاني، ولكن هناك أيضًا خيارات مدفوعة. اكتب اسم واحد منهم في Yandex.
في مثل هذه المولدات عبر الإنترنت، ليست هناك حاجة لكتابة التعليمات البرمجية من الصفر، والتفكير في الأخطاء، وما إلى ذلك. لقد تم بالفعل كل شيء من قبل. ما عليك سوى تحديد حقول النموذج وإضافة زر "إرسال" وإدخال جميع الإدخالات الضرورية. بعد كل هذه الخطوات، ستقدم لك الخدمة رمزًا لإدراجه في صفحة الموقع. انسخ الرمز المستلم إلى صفحتك وتحقق من الاتصال لمعرفة ما إذا كان يعمل.
يوجد الآن اتصال مع مالك موقع ويب أو مدونة أو متجر على كل موقع ويب. تستخدم الكثير من المتاجر عبر الإنترنت الخدمات المدفوعة. بمساعدة هذه الخدمات، بالإضافة إلى إرسال الرسائل، يزيد عدد المبيعات. إنه أمر مريح للغاية عندما يزور العميل موقع ويب ويمكنه الاتصال بمسؤول المتجر عبر الإنترنت مباشرةً في أي وقت.
يوجد اليوم عدد كبير من أنواع الخدمات المماثلة وكلها لا تقف مكتوفة الأيدي. مع كل تحديث تتم إضافة ميزات جديدة. يضيف المستشارون عبر الإنترنت العديد من الميزات إلى متجرك الإلكتروني لسهولة التواصل مع العميل. لنأخذ خدمة Livetex كمثال، ربما يكون الجانب السلبي الوحيد لها هو السعر. تبلغ تكلفة فترة الاستخدام لمدة ثلاثة أشهر 4200 روبل لمتجر واحد. هناك دائمًا خيار تجربة فترة تجريبية.
إذا كان لا يزال لديك أسئلة حول كيفية تثبيت التعليقات على الموقع، فاطرحها في التعليقات. لا تتردد في مشاركة المقال على الشبكات الاجتماعية.
في عملية الترويج لموقع الويب، إلى جانب دراسة إحصائيات الزوار، تعتبر المعلومات حول موقع الويب من الزوار أنفسهم ذات أهمية خاصة. إحدى أسهل الطرق للحصول على هذه المعلومات هي وضع صفحة على موقع الويب بها نموذج الملاحظات. يترك الزائر رسالة، وسيتم إرسالها إلى عنوان بريدك الإلكتروني أو أي عنوان آخر تحدده. وفي هذه الحالة لا يحتاج الزائر لاستخدام برنامج البريد الخاص به، ولا يحتاج حتى أن يكون له بريد إلكتروني خاص به.
يظهر أبسط مثال على هذا النموذج في الشكل 1. (هذه عينة صالحة تمامًا، ويمكنك استخدامها لإرسال رسالة شكر إليّ.)
لوضع نموذج الملاحظات هذا على موقع ويب، تحتاج فقط إلى معلومات أساسية حول HTML والقدرة على تشغيل أمرين - ينسخو إدراج.دعونا نفكر في تسلسل الإجراءات لإنشاء نموذج التعليقات (الشكل 1) على صفحة HTML الخاصة بالموقع.
1. تأكد من أن خطة الاستضافة الخاصة بك (المكتب الذي يستضيف موقع الويب الخاص بك) تدعم لغة PHP. إذا لم يكن الأمر كذلك، فمن المرجح أن تضطر إلى دفع مبلغ إضافي للتبديل إلى تعريفة أخرى تدعم نفس لغة PHP. ليس عليك البحث عن معنى هذا الاختصار، لأنك لا تحتاج إلى معرفة لغة PHP.
2. دعنا نختار الصفحة التي نريد وضع نموذج الملاحظات عليها ونلصق الكود التالي في المكان المناسب:كما ترون، يتم إنشاء النموذج بأكمله بواسطة العلامة مع الصفات الإجراء=mail.php(إشارة إلى صفحة الموقع حيث يوجد البرنامج النصي لمعالجة البيانات المدخلة) و طريقة = آخر(طريقة إرسال البيانات إلى الخادم). الخطوط الفردية التي تم إنشاؤها بواسطة العلامة مع سمات مفهومة تماما. موقع عناصر النموذج الفردية والنص والخطوط وما إلى ذلك. ويمكنك تغييره بما يتوافق مع تصميم موقعك. في العلامة تم ضبط أبعاد منطقة إدخال نص الرسالة: عدد الصفوف والأعمدة (الصفوف = "3" cols = "25").
3. لنقم بإنشاء صفحة جديدة mail.php، يشبه HTML العادي، ولكن بامتداد .php. يظهر رمز الصفحة الكامل في الشكل 2:
$to = "pupkin@rambler.ru"; /*أدخل عنوان بريدك الالكتروني*/
$headers = "نوع المحتوى: نص/عادي؛ مجموعة الأحرف = windows-1251";
$subject = "رسالة من موقعك";
$message = "اسم المرسل: $name \nعنوان البريد الإلكتروني: $email \nالرسالة: $mess";
$send = mail($to, $subject, $message, $headers);
إذا ($إرسال == "صحيح")
{
صدى صوت " شكرا لارسالك الرساله!
";
صدى صوت " انقرللعودة إلى الصفحة الرئيسية";
}
آخر
{
صدى صوت "
خطأ. لم يتم إرسال الرسالة!";
}
?>
يتم تمييز عناوين الروابط التي تحتاج إلى الاهتمام بها باللون الأحمر:
الصفحة التي تم إنشاؤها mail.phpيجب وضعها في نفس دليل الموقع (الدليل، المجلد) حيث توجد الصفحة التي تحتوي على نموذج الملاحظات.
التحقق من وظيفة نموذج الملاحظات. إذا تم كل شيء بعناية، ثم بعد ملء النموذج والضغط عليه ارسل رسالةيجب أن يظهر النص التالي: " شكرا لك على إرسال رسالتك. للعودة إلى الصفحة الرئيسية". بعد ذلك، ستجد في صندوق البريد الخاص بك (أو الصندوق الآخر الذي حددته عند إنشاء نموذج الملاحظات) رسالتك الخاصة إلى من تحب.
تعليق: في بعض مواقع الاستضافة، لا يبدأ نموذج التعليقات الجديد (المثبت للتو على الموقع) في العمل على الفور، ولا تصل الحروف الأولى على الإطلاق أو تصل مع تأخير لمدة 1-2 أيام. من المحتمل أن يكون هناك "طحن في التروس" وبعد ذلك يعمل كل شيء بشكل جيد. بالإضافة إلى ذلك، لا تصل الرسائل من بعض مواقع الاستضافة إلى عناوين معينة، على سبيل المثال، واجهت مشاكل مع صندوق البريد الخاص بي على Rambler وMail.ru. لحل هذه المشكلات، اتصل بالمضيف الخاص بك - فهو عادة ما يساعد.
في بعض الأحيان، عند استخدام نموذج الملاحظات الموصوف، تنشأ مشاكل في الترميز. إذا كان النص في رسالة واردة، بدلاً من الأبجدية السيريلية الأصلية، يتكون من "رموز مجنونة" أو مربعات فارغة، فسيتعين عليك تحديد الترميز يدويًا، وهو أمر غير مريح بالطبع. لمنع حدوث ذلك، تأكد من ترميز صفحتك التي تحتوي على نموذج الملاحظات مجموعة الأحرف = UTF-8. إذا كنت تستخدم البرنامج أدوبي دريمويفر، للقيام بذلك تحتاج إلى تحديد قسم القائمة تحرير - خصائص الصفحة - الترميز.
تمت مناقشة مشكلة ترميز ملفات الموقع بمزيد من التفصيل في المقالة مشكلات الترميز في نموذج الملاحظات.
في المثال الموصوف، للتبسيط، يتم عرض الرسالة المتعلقة بإرسال خطاب على صفحة فارغة. وبالطبع يمكنك وضعها على أي صفحة من صفحات موقعك ليتمكن الزائر من استخدام قائمة التنقل (القائمة) لاختيار ما سيفعله بعد ذلك. للقيام بذلك، ضع كود PHP (الذي يقع من<؟بي أتش بيقبل ?> ) إلى الموقع المطلوب في صفحة القائمة وقم بتغيير اسمه إلى mail.php.
بالإضافة إلى نشر نموذج الملاحظات نفسه، فمن المستحسن التأكد من أن الزائر قد ملأ حقوله بشكل صحيح. يجب أن يتم ذلك حتى لا تتلقى رسائل فارغة ولا يتم انسداد صندوق البريد الخاص بك بالقمامة التي يرسلها المخادعون الذين يحبون الضغط على زر فقط ارسل رسالة. تم توضيح طرق التحقق من اكتمال نموذج التعليقات والحماية من البريد العشوائي في المقالات "
إحدى المهام الأكثر شيوعًا في الممارسة العملية هي تنفيذ نموذج التعليقات. تقصد كتابة كود HTML الخاص به، وتصميمه في CSS، وإنشاء برنامج PHP النصي الذي من شأنه معالجة البيانات الواردة من المستخدم وإرسالها إلى بريدنا، وكتابة برنامج نصي JS الذي من شأنه التحقق من النموذج للتأكد من كفاية البيانات المدخلة، وحماية من بنات أفكارنا من البريد العشوائي حتى لا ينهار صندوق البريد الخاص بنا من هجمات الروبوت.
ستتم مناقشة جميع النقاط المذكورة أعلاه في مراجعتنا والتعليق عليها بالتفصيل.
لذا، فلنبدأ في إنشاء نموذج الملاحظات:
أولا، نكتب كود HTML، الذي يحدد الحقول التي سيقوم المستخدم بملئها. سيتم إضفاء الطابع الرسمي عليها في المستقبل. يبدو رمز النموذج كما يلي:
< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" >اسم: label> < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" >هاتف: label> < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" >بريد إلكتروني: label> < input maxlength= "30" type= "text" name= "mail" /> div> < div class = "right" > < label for = "message" >رسالة: label> < textarea rows= "7" cols= "50" name= "message" > textarea> < input type= "submit" value= "يرسل" /> div> form>
وبصريا يبدو الآن مثل هذا:
أوافق، حتى الآن كل شيء قبيح ولا شيء واضح، لكننا بدأنا للتو.
دعونا نلقي نظرة على الكود أعلاه بالتفصيل:
< form method= "post" action= "mail.php" > … form>
< input maxlength= "30" type= "text" name= "name" />
< label for = "name" >اسم: label>
< textarea rows= "7" cols= "50" name= "message" > textarea>
< input type= "submit" value= "يرسل" />
< div class = "right" > div>
لكي يبدو نموذج الملاحظات قابلاً للعرض، يجب تنسيقه. للحصول على النتيجة التالية:
استخدمنا هذا الكود:
النموذج ( الخلفية: #f4f5f7; الحشو: 20 بكسل; ) النموذج . اليسار، النموذج. يمين (عرض: كتلة مضمنة؛ محاذاة رأسية: أعلى؛ العرض: 458 بكسل؛) نموذج . اليمين (الحشوة - اليسار: 20 بكسل؛) التسمية (العرض: كتلة؛ حجم الخط: 18 بكسل؛ محاذاة النص: المركز؛ الهامش: 10 بكسل 0 بكسل 0 بكسل 0 بكسل؛) الإدخال، منطقة النص (الحدود: 1 بكسل صلب #82858D؛ الحشو: 10 بكسل؛ حجم الخط: 16 بكسل؛ العرض: 436 بكسل؛) منطقة النص (الارتفاع: 98 بكسل؛ الهامش السفلي: 32 بكسل؛) الإدخال[النوع= "إرسال"] (العرض: 200 بكسل؛ تعويم: يمين؛ الحدود: لا شيء؛ الخلفية: #595B5F؛ اللون: #fff؛ تحويل النص: أحرف كبيرة؛
لا أرى فائدة من وصف CSS بالتفصيل، سألفت انتباهك فقط إلى النقاط الرئيسية:
بالنسبة لأولئك الذين يريدون توفير وقتهم في تصميم مواقع الويب، يمكنني أن أوصي باستخدام أطر عمل CSS عند إنشاء مواقع الويب، وخاصة تلك المكتوبة ذاتيًا. خياري في هذا الصدد هو Twitter Bootstrap. يمكنكم مشاهدة درس حول كيفية تصميم النماذج باستخدامه.
حسنًا، لقد حان الوقت لجعل نموذجنا يعمل.
نذهب إلى الدليل الجذر للموقع الخاص بنا ونقوم بإنشاء ملف mail.php هناك، والذي حددنا له المسار مسبقًا في سمة الإجراء لعلامة النموذج.
في النهاية سيبدو الكود الخاص به كما يلي:
) آخر (صدى ; خروج ; ) ?>
يمكنك تخطي مناقشة أجزاء HTML وCSS في هذه الوثيقة. إنها في جوهرها صفحة موقع عادية يمكنك تصميمها وفقًا لرغباتك واحتياجاتك. دعونا نلقي نظرة على الجزء الأكثر أهمية - البرنامج النصي PHP لمعالجة النموذج:
\"javascript:history.back()\" >ارجع
" ;$العودة = "
بهذا السطر نقوم بإنشاء رابط للعودة إلى الصفحة السابقة. نظرًا لأننا لا نعرف مسبقًا من أي صفحة سينتقل المستخدم إلى هذه الصفحة، يتم ذلك باستخدام وظيفة JS صغيرة. في المستقبل، سنقوم ببساطة بالوصول إلى هذا المتغير لعرضه في الأماكن التي نحتاجها. إذا (! فارغ ($_POST [ "اسم" ] ) و ! فارغ ($_POST [ "هاتف" ] ) و ! فارغ ($_POST [ "بريد" ] ) و ! فارغ ($_POST [ "رسالة" ] )) ) (// الجزء الداخلي من المعالج ) آخر (صدى"لإرسال رسالة، املأ جميع الحقول! $back "
; مخرج ؛
إذا تم ملء جميع الحقول، فسيبدأ البرنامج النصي في معالجة البيانات في جزئه الداخلي، أما إذا لم يتم ملء حقل واحد على الأقل، فسيتم عرض رسالة على شاشة المستخدم تطلب منه ملء كافة الحقول صدى حقول النموذج "لإرسال رسالة، املأ جميع الحقول $back" ورابط للعودة إلى الصفحة السابقة التي أنشأناها بالسطر الأول.
بعد ذلك نقوم بلصق الجزء الداخلي من معالج النموذج:
$name = Trim (strip_tags ($_POST [ "name" ] ) ) ؛ $phone = Trim(strip_tags($_POST["phone"])); $mail = Trim(strip_tags($_POST["mail"])); $message = Trim(strip_tags($_POST["message"]));
وبالتالي، قمنا بمسح البيانات التي أدخلها المستخدم من علامات html والمسافات الإضافية. يتيح لنا ذلك حماية أنفسنا من تلقي تعليمات برمجية ضارة في الرسائل المرسلة إلينا.
يمكن أن تكون الشيكات أكثر تعقيدا، ولكن هذا متروك لتقديرك. لقد قمنا بالفعل بتثبيت الحد الأدنى من الحماية على جانب الخادم. وسنقوم بالباقي على جانب العميل باستخدام JS.
لا أوصي بالتخلي تمامًا عن حماية النموذج من جانب الخادم لصالح JS، لأنه على الرغم من ندرته الشديدة، إلا أن هناك حماية فريدة من نوعها مع تعطيل JS في المتصفح.
بعد تنظيف العلامات، قم بإضافة إرسال رسالة:
بريد ( "mail_to_receive_messages@gmail.com",
"رسالة من your_site_address"، "كتب لك: " . اسم $. "
رقمه: " .$phone ."
بريده : " .$mail . "
رسالته:". رسالة $ "نوع المحتوى: نص/html؛ مجموعة الأحرف = windows-1251")
;
وهذا الخط هو المسؤول عن توليد الرسالة وإرسالها إلينا. يتم ملؤها على النحو التالي:
مهم!
الترميز المحدد في "رأس" المستند ( < meta http- equiv= "Content-Type" content= "نص/html؛ مجموعة الأحرف = windows-1251" /> )، يجب أن يتطابق الترميز من نوع الرسالة Content-type:text/html;charset=windows-1251 وبشكل عام، يجب أن يتطابق ترميز ملف PHP، وإلا في الرسائل المستلمة عبر البريد، سيتم عرض "كلمات مجنونة" بدلاً من الروسية أو حروف انجليزيه.
لا يشير العديد من الأشخاص صراحةً إلى تشفير الرسالة المرسلة، ولكن في بعض عملاء البريد الإلكتروني قد يتسبب هذا في حدوث مشكلات في المستقبل (يتم إرسال رسائل البريد الإلكتروني غير القابلة للقراءة إلى البريد)، لذلك أوصي بتحديده على أي حال.
للتأكد من أن المستخدمين لا يفوتون الحقول عن غير قصد وملء كل شيء بشكل صحيح، فمن المفيد التحقق من البيانات المدخلة.
يمكن القيام بذلك في PHP من جانب الخادم وفي JS من جانب العميل. أستخدم الخيار الثاني، لأنه بهذه الطريقة يمكن للشخص معرفة الخطأ الذي ارتكبه على الفور وتصحيح الخطأ دون إجراء انتقالات إضافية للصفحة.
نقوم بلصق كود البرنامج النصي في نفس الملف حيث لدينا جزء HTML من النموذج. بالنسبة لحالتنا ستبدو هكذا:
< script>دالة checkForm(form) ( var name =form.name.value; var n = name.match(/ ^[ A- Za- zA- Jaa- z ] * [ A- Za- zA- Ja- z ] + $/ ) ; إذا (!ن) (تنبيه( "الاسم الذي تم إدخاله غير صحيح، يرجى تصحيح الخطأ") ; عودة كاذبة ؛ ) var phone = form. هاتف. قيمة؛فار ع = phone. match(/ ^[ 0 - 9 + ] [ 0 - 9 - ] * [ 0 - 9 - ] + $/ ) ; إذا (! ع) (تنبيه( "تم إدخال رقم الهاتف بشكل غير صحيح") ; عودة كاذبة ؛
) فار البريد = النموذج. بريد. قيمة؛
فار م = البريد . match(/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([ A- Za- z0- 9 - ] * [ A- Za- z0- 9 ] + ) * \ ) + [ A- Za- z] + $/ ) ; إذا (! م) (تنبيه( "البريد الإلكتروني الذي تم إدخاله غير صحيح، يرجى تصحيح الخطأ") ; عودة كاذبة ؛
< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >
) العودة صحيحا ; )
حسنا، الآن التحليل المعتاد: