القائمة الرئيسية

الصفحات

أخبار الاخبار

طريقة عمل ( صفحة سياسة الإستخدام terms of use وصفحة من نحن About us ) مثل المحترفين فى تصميم المواقع

  تعلم عمل ( صفحة سياسة الإستخدام وصفحة من نحن ) بطريقة صحيحة وبشكل إحترافى  

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

أولاً: صفحة من نحن 


صفحة لها أهمية كبيرة لأى موقع أو مدونة حيث تجعل الزائر يعرف من أنت . وتعرف الشركات التى تريد الاتفاق أو التعاقد معك على عرض إعلاناتها عندك . ومن هنا يتعرف عليك اولاً ثم ياتى دور صفحة اتصل بنا لكى يتواصل معك بعد التعرف عليك.
ولكى تقوم بكتابة صفحة من نحن بطريقة صحيحة يجب أن تراعى بعض النقاط :-
1- يجب أن تعرف نفسك بطريقة ذكية ومنسقة.
2- أكتب مؤهلك الحاصل عليه. إذا كنت تتحدث فى مجالك حتى يعرف الزائر أنه تخصصك.
3- أذكر ما الذى يميزك عن غير فى هذا المجال.
اليوم أن شاء الله ستتعلم عمل صفحة مثل هذا التصميم من نحن About us

ثانيا: صفحة سياسة الإستخدام

صفحة سياسة الإستخدام هى صفحة يتم من خلالها تعريف الزائر بالقواعد التى يجب عدم تخطيها داخل مدونتك حتى تخلى مسؤوليتك تماماً .
وطريقة كتابتها كتالى :-
1- قم بكتابة مقدمة ترحب بالزائر.
2- كتابه القواعد التي يجب ان يلتزم بها القارئ داخل مدونتك بأسلوب راقي حتى لا  يشعر القارئ  بأى نوع من الأمر أو النهى.
    يعنى مش تأمر متعملش كذا وكذا لا بأسلوب كويس.
    مثلاً ممكن تقول: من أخلقنا أن نحافظ على عقائدنا ولابد أن نحافظ على بعض وأنا أتمنا من كل أخ أو أخت أن تساعدونى فى تقبل هذة القواعد والإلتزام بها :
  • عدم نشر أى روابط إباحية.
  • عدم قول الفاظ تجرح مشاعر الأخرين.
  • ممنوع التنمر أو الإساءة للغير سواء للأشخاص أو الكيانات.
  • يمنع إستخدام التعليقات لترويج عن أى موقع أو أى إعلان. 
قم بكتابة ما تريدة هذة القواعد بتختلف من مدونة لأخرى يعنى مثلاً مدونة عن الميقب والجمال أو الملابس هتختلف فى القواعد عن مواقع التقنية أو المواقع الرياضية وفكر عاوز تخلى مسؤوليتك عن أيه.
كما يمكنك النظر على صفحتنا من هنا صفحة سياسة الإستخدام terms of use


  والأن ننتقل إلى الجزء العملى
 لعمل صفحة من نحن وصفحة سياسة الإستخدام مثل المحترفين من خلال هذا الفيديو  
يمكنك تحميل الأكواد المستخدمة فى الشرح من هنا 
اضغط هنا لتحميل الاكواد
 💝 أو نسخها من هنا 💝
إنسخ الكود
<br>
<div style="width:  auto; height: auto; border:#1A237E 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr; ">
        
<br>
<div style="width: auto; height:195px; border:#1A237E 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#5c6bc0;">
                                               
                                              <!-- أضف فى هذا المكان الفاضى 👇👇👇 أكواد الصورة التى تريدها  -->










</div>
<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>
<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
       
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>

<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>

<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>

<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
       
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>

<br>
<br>
<div style="width: auto; height: auto; border:#ffcc80 1px solid;  Margin-right:auto; Margin-left:auto; padding:4px 7px 4px 7px; font-size:14px;  border-radius:4px 4px 4px 4px; direction:ltr;  background:#f5f5f5;">
        
</div>
<br><br>
<br><br>
<br><br>
</div>

اتصل بنا
أذكر الله
فى رعاية الله
هل اعجبك الموضوع :
author-img
مصرى الجنسية عمرى 25 عام مدون ويوتيوبر عربى حاصل على بكالوريوس حاسبات ومعلومات بتقدير إمتياز والأن طالب فى الماجستير . وهدفى هو الأرتقاء بالمحتوى العربى من خلال مشاركة خبرتى فى مجال التقنية بأسلوب مبسط وعملى. youtube facebook twitter instagram facebook

تعليقات

4 تعليقات
إرسال تعليق

إرسال تعليق