elhorr

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

  مواقع تبادل الترافيك : يسمح نظام مشاركة حركة المرور لمستخدميه بالحصول على حركة مرور مجانية عبر الإنترنت من خلال تصفح مواقع الويب الأخرى والرجوع إليها. الطريقة التي تعمل بها هذه الأنظمة هي أنك تكسب نقاطًا من خلال زيارة مواقع الويب الموجودة. على سبيل المثال ، قمت بزيارة 300 موقع ويب مختلف اليوم ، لذا يمكنك استخدام هذه الدقائق الـ 300 لإرسال حركة المرور إلى أفضل الصفحات التي تعجبك من الآخرين. سيؤدي ذلك إلى زيادة الروابط على الموقع وتحسين ترتيبه والترويج لموقعك عادةً ما يقوم الأشخاص بإجراء عمليات بحث على Google لمشاركة حركة المرور وعادةً ما تظهر عشرات المواقع ، ولكن عليك اختيارها بحكمة. بعض التبادلات المرورية خطيرة للغاية ويمكن أن تضر موقع الويب الخاص بك. تعمل بعض مواقع الويب بطريقة تزيد من حركة المرور الخاصة بك وفي المقابل يجب عليك أيضًا زيارة مواقع الويب الخاصة بهم. بعض المواقع مجانية للاستخدام وتزيد من حركة المرور على موقعك ببضع نقرات. هناك عدة أنواع من عمليات تبادل حركة المرور ، بعضها عبارة عن مواقع تشغيلية صغيرة تعمل على أساس واحد لواحد ، على سبيل المثال ، عليك زيارة موقع والعودة وا

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

  السلام عليكم  طريقة الحصول على بطاقة بنكية افتراضية صالحة للشراء من الأنترنت و تفعيل  البايبال و العمل على الانترنت ، هي عبارة عن بطاقة بنكية معترف بها عالميا من بنك فياتو .  طريقة التسجيل : عند فتح صفحة التسجيل    - تحط الاسم و اللقب ،  - الايمايل . - تختار دولتك . - وضع الباسوورد ، اعادة تاكيد الباسورد . - تحقق الكاباتشا ( لست روبوت)  التسجيل من هنا تحصل على 0,50$   عند اكمال التسجيل  يفتح لك حساب في الموقع ، الان عليك تفعيل الحساب لتتمكن من طلب البطاقة ، تابع معي الخطوات . تفعيل الحساب : - تصور البطاقة التعريف ، رخصة سياقة او باسبور  -  اخذ صورة الوجه (سالفي)  واظهار فيها بطاقة التعريف او الوثيقة التي ارسلتها لهم في الخطوة السابقة  و ورقة مكتوب فيها اسم البنك fyatu وتاريخ  اليوم . بعد 24 ساعة يراجع مسؤولي الموقع الوثاءق التي ارسلتها و يقومون بالرد عليك و تفعيل حسابك . طريقة طلب البطاقة :    اول حاجة تقوم بها هي انك تشحن الحساب ب 10$  ( ثمن البطاقة 5$ و 5$ الاخرى تبقى في الحساب ) ،  و افضل  واسهل طريقة للشحن هي payeer  .

 تعريف الريسكين reskin :  السلام عليكم ورحمة الله وبركاته ، الريسكين هو  عملية تغيير شكل التطبيق تماما. بمعنى انك تاتي بكود لتطبيق معين  وتغير محتوى التطبيق هذا سواء النصوص الموجودة في التطبيق او الصور الموجودة في التطبيق والالوان ولو كان فيه صوتيات  كذلك تغيرها . بمعنى انك تغير شكل التطبيق تماما بحيث انه يكون مختلف عن التطبيق الاساسي ولكن يؤدي نفس الوظيفة ونفس الغرض ونفس المهام اللي بينفذها التطبيق الاساسي .  انواع الريسكين reskin : - اول نوع من الريسكين انك تشتري كود تطبيق جاهز و تعدل عليه ويتغير محتوى التطبيق وبعد ما تغير محتوى التطبيق يصبح بشكل مختلف وتطبيق خاص بنا يمكن ان ترفعه  على المتجر غوغل بلاي بدون مشاكل  والطريقة هذه قانونية 100% وليست مخالفة بالنسبة لشركة جوجل لانه يكون معك كود التطبيق والطريقة هذه ان شاء الله هي التي يشتغل بها اغلب العاملين في هذا المجال . - اما الطريقة التانية  هي انك تجيب (اي بي كيه) للتطبيق وتعدل عليه. بمعنى انك  تدخل على متجر جوجل بلاي وترى اي تطبيق يعجبك على المتجر وتحمل الاي بي كيه لهذا التطبيق ببرنامج وتغير محتوى التطبيق و تعيد رفعه على المتجر مرة

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

  السلام عليكم ورحمة الله تعالى وبركاته مرحبا بكم في الاربيتراج  . ما هو ادسنس اربيتراج: هو عملية شراء ترافيك من مصدر اعلانات و اعادة بيعه لمصدر اخر يكون فيه السعر مرتفع .  بكل بساطة هو انك تدفع المال  لفيسبوك ادس (شركة الفيسبوك الاعلانية)  مقابل جلب الى موقعك طرافيك (الزوار) . انت تقوم بدفع المال لشركة الفيسبوك لكي ترسل لك زوار الى موقعك الذي يحتوي على مقالات  يقرأها الزوار او يتصفحونها ويحتوي ايضا على اعلانات. هذه الاعلانات هي اعلانات جوجل ادس يمكن وضع اعلانات اخرى لكن في هذا الشرح سوف نكتفي بجوجل وكذلك يمكنك جلب طرافيك من مواقع اخرى غير الفيسبوك لكننا سنكتفي بالفيسبوك. عندما يقوم الزوار قراءة المقالات او تصفح المقالات الموجودة في موقعك. فانهم سيضغطون على الاعلانات التي تظهر لهم على موقعك. عندما يقومون بالضغط على الاعلانات فانك بدورك ترسل  هؤلاء الزوار  عن طريق الاعلانات لمواقع اخرى و تدفع لك المال. كما قلنا انت تدفع للفيسبوك لجلب الزوار ثم بعد ذلك تتلقى المال من مقابل الزوار الذين ارسلتهم الى لحد الآن كل شيء يبدو واضح . المال الذي تحصل عليه من جوجل ليس ارباح وانما هو مداخيل  سنقوم ب

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

  اداة Guin Rank  هي اداة احترافية تساعدك في كتابة مقالات بتقنية الذ كاء الاصطناعيAI   وبالتالي  التصدر في محركات البحث بسهولة , انها توفر خطة مجانية و خطة مدفوعة.    يمكن ان تتصدر بسهولة في النتائج الاولى من عمليات البحث اذا ما استخدمت هذه الاداة , وكما يظهر لنا  في الصورة السابقة انSCORE   المقالة هو74  و يفضل ان يكون بين54  الى74 ولا يج ب ان يزيد عن 74  , باستخدام هذه الاداة تستطيع ان تكتب مقالا يحترم شروط السيو بناء على تحليل الكلمة المفتاحية  التي قمت باستهدافها , احرص على ان تكون اول10  كلمات نسبتها100  وان تكون خانةOverused   صفرا وان تكون خانةGood   اعلى من خانةLow.   اثناء كتابة المقالة عليك ان تقوم بتحليلها من خلال زر التحليل بالذ كاء الاصطناعي للتاكد من  ان محركات البحث فهمت محتوى المقال , ويكون ذلك اذا ظهرت الكلمة المفتاحية المستهدفة في اول كلمة من تحليل الذ كاء الاصطناعي كما في الصورة التالية هذه ببساطة اهم الامور التي تحتاج الى فهمها لاستخدام هذه الاداة . - انشاء ملفRobots Txt لبلوجر  ملف الروبوت تكست هو ملف برمجي يخبر زواحف محركات البحث بالعثور والزحف الى محتوى موقعك  لل

  تعتبر القواءم من العناصر المهمة في تكوين المواقع الالكترونية فهي بمثابة خارطة تمكن المتصفح من الوصول الى المحتوى داخل الموقع . سنقوم ببرمجة قاءمة بسيطة في هذا المثال : قمنا بعمل قاءمة للموقع هذا و سيكون التطبيف كما يلي : لاحظ تم اضافة القاءمة للجهة اليسرى و هي مرتبة الى الاسفل ، سنعدل عليها و نقوم باضافة بعض الميزات بعمل id مشابه للكلاس بالشكل التالي : لقد اسميناه ب menu و اضفنا رمز القاءمة ul. الان سنقوم بعمل خصاءص القاءمة في id بالشكل التالي : بعد تطبيق هذا الكود سيظهر بالشكل التالي : سنقوم الان بتحديد اطراف عناصر القاءمة li ونظيف كود border لتنسيق القاءمة و اعطاءها شكل منظم اكثر كما يلي : ستكون النتيجة بعد تطبيق هذا الكود كما يلي :

يتبع جوجل شروط معينة لأرشفة المواقع والمدونات وتصديرها ضمن نتائج البحث منها : - المواقع التي يكون فيها (الدومين) أكثر من سنة،  تيؤرشفها بسرعة  مقارنة بالمواقع التي  بها نطاق جديد. - عمر الموقع كلما كان عمر الموقع أكثر، كلما زادت سرعة أرشفته. - المحتوى الحصري و المتجدد بشكل منتظم . - قوة الموقع و جودة المحتوى فكلما زادت ثقة جوجل بموقع معين، كلما زادت سرعة أرشفته. -(الباكلينك )جودة الروابط  الخارجية . وهذه أهم النقاط التي يعتمد عليها جوجل في أرشفة فورية للمواقع أو المدونات، وهناك نقاط أخرى ثانوية ليست بقدر الأهمية الكافي لنقف عندها. الطريقة الصحيحة لارشفة موقع : 1-اذهب إلى صفحة search console لإضافة موقعك إلى محرك جوجل. وبعد تسجيل الدخول، اتبع الخطوات كما في الصور . -حمل الملف واذهب إلى استضافة موقعك  واختر مدير الملفات ومن ثم مجلد موقعك ومن ثم “public_html”، وهنا حمل الملف السابق. 2- اضافة خريطة الموقع sitemap وهو ملف يقوم بإخبار عناكب جوجل البحثية عن الاقسام الموجدة بداخل الموقع وعدد المقالات والصور. 3- ارشفة المقالات يدويا وذلك بوضع أي رابط من موقعك ليتحقق منه . وهنا يجب عليك وضع الرا

  أهم المصطلحات المستعملة في seo  : -   الدومينDomain :   هذا المصطلح من أهم المصطلحات الأساسية التي يجب عليك معرفتها , انه يشير الى رابط موقع على الويب او الى اسم .موقع الويب , ويدعى ايضا باسم النطاق . - الاستضافة Hosting  :  هي المكان الذي يتم استضافة ملفات موقع الويب عليه ويتم ربطها بالدومين .هنالك استضافات مدفوعة ومجانية . الزاحفCrawler :   برنامج الية يقوم بالزحف الى صفحات المواقع على الويب لقراءة وجمع محتواها لغرض ف.هرستها في نتائج البحث .  - الزحفCrawl :  هي العملية التي يقوم بها الزحف عندما يجمع معلومات المواقع الاكترونية بحثا عن اي .محتوى من صور و فيديوهات وملفات ونصوص وغيرها  . - الفهرسIndex : عبارة عن قاعدة بيانات تحتوي على كافة المعلومات التي يتم فهرستها ضمن نتائج البحث.   - الفهرسةIndexing :  هي العملية التي تتم بعد مرحلة الزحف حيث يتم فرهسة المعلومات وارشفتها في .  - الكلمات المفتاحيةKeyword :   هي الكلمات او الجملة التي يستهدفها الكاتب في كتابة مقالة في موقعه .للتصدر بها . - Query : هي  الكلمات التي يكتبها الباحث المستخدم لمحرك البحث للبحث لاجراء بحث .حولها, وظيفة محرك ا

Xhtml : هي اختصار ل  extensible html وهي تعني html القابلة للتوسع و لها نفس الوسوم و الواصفات مع html فقط هي اكثر صرامة وتعطي توافق اكبر للصفحات المبرمجة بهذه اللغة مع متصفحات الويب ، فهناك اختلاف في متصفح خاص بالحاسوب و اخر خاص بالهاتف فبهذه البرمجة نحل مشكلة التوافق مع المتصفحات المختلفة . تحتوي xhtml على مجموعة من القواعد البسيطة : -  كتابة وسم الاغلاق - كتابة وسوم واصفات الصفحة باحرف صغيرة lower case - ان يكون ترتيب وسوم الاغلاق متناظر مع وسوم الفتح . - وضع القيم المسندة للواصفات بين  علامات اقتباس . - عدم الاستغناء عن اي وسم مثل <html> و <body>و <head> . - وضع تعريف لنوع المستند doctype في بداية الصفحة . يجب ان تحتوي كل صفحة في xhtml على سطر التعريف <DOCTYPE!> والذي يعني تعريف نوع المستند document type definition او اختصارا ب dtd ، و يستخدم هذا السطر من طرف المتصفح كمرجعية قواعدية  لصيغة الكتابة و انواع الوسوم في الصفحة . في هذه الشيفرة تعرض نوع المستند الذي تصادفه في اغلب صفحات xhtml و الذي يجب ان يكتب في اول سطر من الصفحة المراد برمجتها .

 اليك جميع الوسوم المستعملة في برمجة html و شرح مفصل لكل tag 

 العنصر meta في صفحة html : هو عنصر مهم في تحسين الموقع و ارشفته في محركات البحث ، حيث يستخدم هذا الكود في راس الصفحة بين وسمي <head> و <head/> يساعد محركات البحث في تصنيف الموقع و عرضه ضمن نتاءج البحث من خلال الكلمات المفتاحية content التي توضع في هذا الوسم . و اهم عنصرين في كود meta  هما kaywords و description لاحظ الشكل التالي : يعرض العنصر meta مجموعة من الكلمات المفتاحية kaywords التي تساعد في البحث و العنصر description يحتوي على وصف للمحتوى الذي موجود في الموقع . العنصر meta و الكلمات المفتاحية و الوصف لا يظهر في مستعرض البحث فقط هو مخصص لتقديم بيانات الموقع لمحركات البحث حيث يساعد في ارشفة الموقع و تصدره في نتاءج البحث  .

- خدمةإنشاء متجر الكتروني إحترافي على شوبفاي:  اضغط هنا  - خدمة  انشاء موقع الكتروني : اضغط هنا - خدمةارسال الزوار من امريكا لموقعك  اضغط هنا   - خدمة انشاء فديوهات موشن غرافيك  اضغط هنا

نستخدم في عملنا هذا برنامح dreamweaver cs6 , نقوم بتجهيز مجلد خاص و نسميه css في الحاسوب ، ثم نذهب الى برنامج dreamweaver و نظغط file ثم new ، بعدها نختار html . نقوم بحفظ الملف باسم index.html  . نقوم بانشاء ملف css مرة اخرى بنفس الطريقة الاولى فقط نغير الصيغة الى css , و نسمي الملف ب style . الان الخطوة المهمة هي ربط الملفين html مع css , سنكتب الكود التالي :  في السطر 8 كود  (link)  يرمز للرابط سيساعدك البرنامج في كتابته بسهولة  . Rel ترمز للغة الملف ، type ترمز لنوع الملف ، اما href ترمز لمكان الملف بمجرد كتابة هذا الوسم سيساعدك البرنامج في تحديد مكان الملف  و يكتب كود . تستخدم الcss خاصية الوراثة في استدعاء خواص معينة و تطبيقها على div او داخل النص لتسهيل العمل عليها فبدل ان يقوم المبرمح بعمل جدول او نص او div داخل صفحات الموقع بعدد كبير ، يكفي ان يضع class في ملف css لنص مثلا او جدول و  باخذ خصاءصه من كود الكلاس فقط لاختصار العملية  . هناك بعض العناصر اساسية لا يتم عمل (class) لها مثل h1 h2 h3 , body .... الخ

  هذه الطريقة التي ساشرحها مفيدة جدا في تحسين موقعك لمحركات البحث seo تابع معي الشرح للاخر لتفهم اكثر . ﻛﻴﻒ ﺗﻈﻬﺮ ﻣﺼﺪر اﻟﺘﺮاﻓﻴﻚ ﻋﻠﻰ  أﻧﻪ من ﺟﻮﺟﻞ ؟  ﻧﻌﻢ ﻋﺰﻳﺰي اﻟﻘﺎرئ ﺳﻨﻈﻬﺮ اﻟﺘﺮاﻓﻴﻚ ﻋﻠﻰ أﺳﺎس أﻧﻪ ﺟﻮﺟل. ﻗﺪ ﺗﺘﺴﺎﺋﻞ ﻛﻴﻒ ذﻟﻚ اﻷﻣﺮ ﻓﻲ ﻏﺎﻳﺔ اﻟﺒﺴﺎﻃﺔ ﻳﻜﻔﻲ  أن ﺗﺤﺼﻞ ﻋﻠﻰ راﺑﻂ ﻳﺤﺘﻮى ﻋﻠﻰ ﺑﺎراﻣﻴﺘﺮ ﺻﻔﺤﺎت ﻣﻮﻗﻌﻚ، ﻓﻜﻞ ﺻﻔﺤﺔ ﻣﻦ ﺻﻔﺤﺎت ﻣﻮﻗﻌﻚ المؤرشفة  لها USG  ﻓﻲ ﺟﻮﺟﻞ مثال :  https://google.com/url?sa=t&source=web&rct=j&url=http:// www.elhorrdz.com/%3Fm%3D1&usg=AOvVaw3L0qp Leg72I4vTzHY7Zr1G   ﻫﺬا  الرابط ﺧﺎص ﺑﺎﻟﺼﻔﺤﺔ اﻟﺮﺋﻴﺴﻴﺔ لموقع elhorrdz ، ﺑﻌﺪ  تغيير الباراميتر الخاص بموقعك و الضغط عليه ﺳﺘﺠﺪ أن ﻣﺼﺪر اﻟﺘﺮاﻓﻴﻚ اﻟﺬي ﻗﺪﻣﺖ ﻣﻨﻪ ﻫﻮ ﺟﻮﺟﻞ . طريقة استخراج البراميتر usg :    ﺳﺄﻋﻄﻴﻚ اﻟخطوات ﺑﺎﻟﺘﻔﺼﻴﻞ اﻟﻤﻤﻞ ﻓﻘﻂ ﺗﺎﺑﻊ  اﻟشرح و ركز : - اخراج اداة مطور المواقع inspect ، نختار جلاكسي s5  ,  - نقوم بالدخول لجوجل و نكتب هذا الدورك   (اسم موقعك:site) - نقوم ب inspect لرابط موقعك من نتاءج بحث جوجل للحصول على usg . لاحظ في الخطوة السابقة اننا قمنا باستهداف attribute المسمى ping ﺳﻨﻜﻮن ﻗﺪ ﺣﺼﻠﻨﺎ ﻋﻠﻰ راﺑﻂ ﻛﺎﻟﺘﺎﻟﻲ : /url?sa

 وسم division tag : استخدمنا في الدروس السابقة في html الجداول لبناء الموقع ، سنستعمل وسم <div>  و هو عبارة عن وحدة احتواء لعناصر صفحة الويب و تقسيمها الى اقسام   و يكتب عادتا في صفحة html و php . مثال :  وسم span tag : هو كود يستخدم في التحكم  بالنصوص  ، و لاختصار الوقت يستخدم div احسن منه .  في المثال الموالي سنضع كود span بداخله استخدمنا ستايل نوع inline و خاصية اللون الازرق ثم اغلقنا ال span

 لغة التصميم و التنسيق css : هي لغة تمكن من تصميم و تنسيق صفحات الويب html من حيث الشكل و الوان الخلفيات  و المساحات .. . وغير ذلك بدقة اكثر و تقنيات احدث من لغة html ، وهناك ثلاث طرق للعمل على لغة css : -طريقة السطر الواحد inline style sheet : تمكننا هذه الطريقة من عمل كود في نفس السطر لتنسيق نص معين بال css . مثال :  مثل الواضح في الصورة عملنا تنسيق للنص حددنا لون النص بكود css . الربط الداخلي internal style sheet : يمكننا عمل كود خاص بالتنسيق  css داخل وسم <head>  في الجزء الذي نريد تنسيقه  . في المثال السابق نلاحظ ان برمجة css تبدا من السطر 6 الى 8 ، يمكننا عمل اكواد منفصلة لان كل جزء في الموقع يحتاج الى كود معين ولا نستطيع كود واحد لكل الموقع . - طريقة الملف الخارجي external style sheet :  تستخدم هذه الطريقة في المواقع الكبيرة عن طريق عمل ملف خارجي خاص بالموقع يحتوي على الاكواد البرمجية و يكون بصيغة css  حيث تصبح الاكواد موجودة في صفحة الموقع و يمكن استدعاءها .

 لقد انتهينا من عمل صورة لراس الموقع سنقوم الان بانشاء صفحة للموقع و نسميها index.html - اعمل الكود  في notepad++  الاكواد هذه تكتب كلها في صفحة واحدة ل notepad و احفظ الملف باسم  index.html عند فتح الملف سيظهر الموقع بهذا الشكل : -شرح الكود المستخدم :  الترميز <Doctype> يوضع داءما في اعلى الصفحة و هو يخبر المتصفح عن نوعية الاكواد المستخدمة ، بعد ذلك قمنا بفتح منطقة head . في السطر الرابع ترميز لاعلام المتصفح في عرض الموقع لاي شخص و تمكين اللغة العربية و تكتب في منطقة head العنوان الخاص بالموقع ثم نغلق head . - السطر الثامن قمنا بفتح محتوى الموقع <body> و اضفنا داخله كود لتحديد لون الخلفية  bgcolor="#ffffb7" . - السطر التاسع عملنا جدول <table> بالخصاءص التالية : عرض الموقع "width="800 اتجاه الموقع align="center"  سمك حواف الجدول border="1" لون الحواف bordercolor="ff6600" خاصية بدا المحتوى dir="rtl" من اليمين الى اليسار ، بعد ذلك عملنا صف اول في الجدول و الذي سيكون خاص بترويسة الموقع <tr> ثم الخلفية في ا

 بعد الدروس  التي تعلمناها في السابق سنقوم بانشاء موقع مصغر بلغة html ونضيف بعض الاوامر البرمجية من الصفر ، و سيكون الموقع كما في الصورة :  سنقوم بعمل جدول يضم كامل الموقع و محتوياته  ، في الصف الاول لديه خلية واحدة فقط و الصف الثاني و الاخير  نفس الشيء . الصفوف الباقية لها خليتين الاول على يمين الصور و الثاني على يسار النص . - الصف الاول سنضع صورة بنفس مقاسات راس الجدول . ملاحظة : تصميم المواقع يعتمد على  الحس الابداعي و ليس على الاكواد البرمجية فقط . - الصف الثاني في الجدول نعمل قاءمة روابط عند الضغط عليها تحولنا الى صفحات اخرى من الموقع وهي (الرءيسية ، اعمالنا ، حول الموقع ..الخ )  .  -الصف الثالت من الخلية اليمنى نضيف صورة حسب المقاس او نضبطها في الكود الخاص بالصورة حسب المطلوب . و في الخلية اليسرى نضع نص و نقوم باعداده بالوسوم الخاصة ( عنوان ، فقرة ....) - الصف الاخير نضع فيه نص عادي خاص بحقوق الملكية و رابط لصاحب الموقع او الشركة المالكة لهذا الموقع  ...الخ . التطبيق العملي : في البداية نحتاج لبرنامج فوتوشوب لتجهيز الصور بالمقاسات المطلوبة  نقوم بانشاء مجلد و نسميه html ثم نعمل م