تم بحمد الله تصميم مواقع شركات عربية سعودية

مكتبة الاكواد البرمجية هي عوامل مساعدة في بناء موقع ويب سريع متناسب مع جوجل لذلك نقدم لكم مجموعة هائلة من المواقع التي قومنا بالفعل بالبرمجة فيها وعملنا عليها ب html css3 php  من اهم مواقع الويب مواقع الخدمات او الشركات الخدمية حيث قدمنا لمجموعة العاصمة مجموعة مواقع متخصصة في هيكلة عامة

1- شركة مكافحة حشرات بالرياض 

2- شركة نقل عفش بالرياض

3- شركة عزل خزانات بالرياض

4 – شركة كشف تسربات المياه بالرياض

5- شركة تخزين اثاث بالرياض 

كيفيه تصميم لوجو

ما هو اللوجو ( Logo ) ؟

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

لذلك فإن الشعار يعتد اهم عناصر العلامات التجارية وينقسم في الرموز التي توضع بجانب الشعار الى ثلاثة رموز :

™ (علامة تجارية غير مسجلة ‏(en)‏، تستخدم لترويج السلع)

℠ (علامة الخدمة غير مسجلة ، تستخدم لترويج الخدمات)

® (علامة تجارية مسجلة قانونًا، تستخدم لترويج السلع والخدمات)

اما انواع الشعار فهو ثلاثة انواع :

1-  خطي : وهو يتكون من تشكيل معين للخط مثل شعار كوكاكولا و جوجل وفيس بوك فهم لا يوجد بهم رسم او رمز

2- رمزي : وهو يتكون من رسم او رمز لا يوجد به خط مثل شعار ابل او جوجل كروم

3-  مركب : ويحتوي على رمز وخط معا .. مثل شعار بيبسي وبوما وكنتاكي واديدس

 لها تاريخ في تصميم العديد من ( لوجوهات ) والتي تم الحصول عليها سواء بالتكليف او من خلال مسابقات داخل مصر او على مستوى دول مجلس التعاون الخليجي

:: تنصح شركة ( NAB Logo Design Company ) المصمم الذي يكلف او يرغب بتصميم الشعار ( لوجو ) بالتالي ::

1- البساطه في اختيار الاشكال والالوان ويفضل اذا كان مكون من لونين سواء كان الوان مسطحة او شبكية تدريجية .

2- شكل مميز يسهل تذكره فهذا هو العامل الاهم لنجاح 

3- سهولة التطبيق والتداول للشعار فعلى المصمم ان يضع في اعتباره عندما يقوم بتصميم شعار (لوجو ) ان يكون مناسبا للتطبيق على مختلف وسائل الميديا سواء كان مطبوعا او متحرك .. فلا يتعرض  (اللوجو ) للتشويه في حال ( طباعته بالابيض والاسود او تكبيره او تصغيره ) وبالتالي يسهل التعامل معه بالفاكس او اعلانات الجرائد المطبوعه بالابيض والاسود ويسهل طباعته في اي مقاس سواء على كارت شخصي او منتج صغير او كبير او على لافته بالطريق .

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

 

4- اختيار خط مناسب .. ان كان قد يتم اختياره بناءاً على رسومات ليس بها عناصر خطيه الا انه في حال وضع عناصر من الحروف او الخطوط او اسم المنشأة فيجب مراعاه انه عند اختيار الخط يفضل رسم خط مميز وغير متداول ليعطي مزيد من الاستقلالية (للوجو ) عن باقي (اللوجوهات ) ويكون له بصمه خاصه ويجب ان يكون اسم المنشأئه بخط فيه احترافيه ويسهل قراءته وان يكون من كلمه واحده او كلمتين بحد اقصى وان زاد عن ذلك يوضع في شكل اختصارات بالنسبه للكلمات الانجليزي (الا ان فكره الاختصارات بالنسبه للغه العربيه قد تبدو غير فاعله في اغلب الاحيان ) .. وفي حال وضع رسمه بجوار الخط يجب مراعاه التناسب بين حجمي الشكل والخط فتتراوح النسبه مابين 30% الى ثلاثه اضعاف النسبه بين شكل الرسمه المجرده واسم المنشأه او الاسم المختصر لها .

– كما انه على سبيل المثال يمكن عمل اسم الشركة من اكثر من خط او التلاعب في الاستهلالات من (small letter , Capital) او التلاعب في الوان نفس الكلمة او وضع حروف بشكل معكوس افقي .. عدم وضع خط موحد او لون او شكل موحد لاسم المنشأه وذلك من شأنه خلق حركه للعين او عدم اتساق تعمل على جذب الانتباه و على سبيل المثال :-

 

5- تضييع الكثير من الوقت في الاطلاع على شعارات ( لوجوهات ) مختلفة والحرص على ان يكون اللوجو الذي نقوم بتصميمه منفرد ومميز ولا يتشابه مع اي من النماذج التي نقوم بالاطلاع عليها . 

6 – تنتمي في مدارس الفن الى المدرسة التجريدية وعليه فان اي شعار (لوجو) يجب الا يكون معبرا بقدر ما يكون مجردا من طبيعته فمثلا عندما نعبر عن شخص لا نقوم برسم شخص مفصلا وانما خط وعلى رأسة دائرة مثلا ويمكننا الاستعانة في ذلك بالأشكال الهندسية بعد تحريفها وتشكيلها لتعبر عن الفكره او نربط بين الاشكال المجرده والحروف الخاصة بإسم المؤسسة ليكون بذلك كما يسموه لوجو او شعار حرفي يعتمد بشكل كبير على التلاعب بالحروف الابجديه لتكوين شكل مميز

تقديم خريطه الي موقعك

هى وسيله تساعد محركات البحث مثل Google فى إكتشاف  صفحات موقعك التى قد تجد صعوبه فى الوصول اليه دون تقديم هذه الخريطه .
وقد تؤكد لك sitemap بعد ارسالها ان ان محركات البحث قد اصبحت على درايه كامله بكل صفحاتك وعناوين Url موقعك جميعاً مما يسهل عمليه الزحف والوصول الى جميع صفحات موقعك .
ولكى نقوم بتقديم خريطه للموقع نحتاج إلى مواقع مساعده وسوف أقوم بشرح أفضل موقع يقوم بعمل خريطه الموقع فى هذه التدوينه .
create your sitemap
1- فى الخانه المخصصه بإضافه لينك موقعنا نقوم بإضافه الرابط الخاص بموقعك 
2- اترك جميع الاعدادت كما هى ثم أضغط على كلمه Start
خريطة الموقع

  • بعد الضغط على start سيقوم الموقع الان بإنشاء الـ Sitemap الخاصه بموقعك انتظر قليلاً
create your sitemap

الان أصبحت خريطه موقعك جاهزة 

  • الخطوة التاليه سنحتاج فيها الى احدى خدمات عالم جوجل الكبير وهى أدوات مشرفى المواقع أو webmasters tools
– نذهب إلى الموقع من هنا أدوات مشرفى المواقع
إن كان أول دخول لك إلى ادوات مشرفى المواقع سيطلب منك ادخال موقعك أو مدونتك 
كما هو موضح بالصورة 
تقديم خريطه الموقع لجوجل

– بعد ادخال موقعك والضغط على اضافه الموقع من القائمه الجانبيه قم بالذهاب الى الزحف ومنها إلى ملفات  sitemap

تقديم sitemap الى جوجل

– ستجد مربع اضافه / اختبار sitemap

– بعد الضغط عليه سيفتح لك نافذه صغيره بها رابط مدونتك ومربع فارغ لاضافه امتداد خريطة الموقع الخاصه بك التى قمنا بانشاؤها منذ قليل 

ضع فى المربع الفارغ   sitemap.xml كما هو موضح بالصورة 

– وبعمل تحديث للصفحة سوف تجد أن مواضيعك قد قدمت لجوجل بكل سهوله وفى انتظار الفهرسه

 

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

احترف التصميم معنا

كيفية تأسيس موقعك التجاري بشكل ناجح عبر الأنترنت ؟

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

السؤال الآن ما هي الخطوات الأساسية التي تمشي عليها لتأسيس موقعك التجاري بشكل نجاح ؟
قبل كل شئ يجب أن تحدد الهدف من هذا الموقع من خلال تحديد رؤية وأهداف محددة للموقع كما أوضحت سابقاً والخطوة التالية هي تحديد شريحة الزوار وفي حاله موقعك سيكون العملاء بإختلاف المناطق والأعمار ، الأمر الأخر البدء فعليا بعمل موقع من خلال :

اختيار اسم مناسب للموقع ومعبر عن العلامه التجاريه : Choose Domain

يجب بالبداية اختيار اسم مناسب لموقع شركتك معبر عن العلامه التجارية أو نشاط موقعك ويجب أن يكون قصير قدر الأمكان وسهل الفهم والحفظ حتي يسهل حفظه من قبل زوار موقعك مع الوقت .

الأستعانة بشركة متخصصه لتصميم مواقع الويب : Choose Web Firm

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

اختيار التصميم وتقنية الموقع ورؤية النماذج الأولية : Prototype and basic sketches

بعد اختيار شركة مناسبة وارسال الأفكار والخطوط العريضة للموقع ستبدء الشركة المختصه بالعمل وعمل التصميم المبدئي واطلاعك عليه من خلال الأفكار التي أوضحتها لهم سابقاً .
ثم الوصول إلي شكل مناسب من خلال الأتفاق عليه ثم تبدء مرحلة اخري وهي العمل علي برمجية الموقع وهنا يجب اختيار الحلول البرمجية للموقع : حيث بعض العملاء يفضل عمل الموقع بشكل ثابت Static والأخر يريده بشكل ديناميك Dynamic وحلول اخري مجانية Free Open Source توفر عمل الموقع عليها وبين هذه الخيارات تقرر الشركة الأفضل وعرضه علي العميل ومن ثم يختار الأفضل بناء علي الوقت والتكلفة ورؤيته الخاصه .

محتوي الموقع : The Content

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

الأهتمام بلغة المحتوي واختيار العناوين بشكل واضح : Formatting Headlines

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

التنقل بالموقع وإبراز المحتوي بشكل جمالي : Good Navigation

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

مراجعه أداء الموقع : Testing the site

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

التواصل مع العملاء والزوار : Contact with visitors & customers

كثير من المواقع تهتم بكافه التفاصيل ولا توفر آلية واضحة وسهلة للتواصل مع العملاء مثلا للإستفسار عن منتج معين أو توضيح رغبات معينة من قبل العملاء فهذه الأمور مهمه جداً للعميل من توفير دعم بالموقع وموظفين للمبيعات أو الأستفسارات بشكل دائم .

عروض متجدده ووضوح رؤية الأسعار والخصومات : New Offers

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

التواصل عبر الوسائل الأجتماعيه : Social Media

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

المصداقية في الموقع : The clear and honest

المصداقية بالموقع شئ مهم جدا يعزز علامتك التجارية بشكل ناجح أي يجب التأكد من كل كلمة بالموقع وكذلك تحديث الموقع طبقاً لأخر الأسعار ، لديك مثلا عميل يطلب منتج معين بسعر : 50 دولار ومن ثم يدخل بعد قليل ليفاجئ بعد طلبه للمنتج أن السعر غير ذلك تمام سيشعر بالصدمه :( وبالتالي سيكون انطباع سئ وسيقوم بعمل دعاية مضادة لموقعك لذا احرص علي مصداقية محتوي موقعك .

التسويق وكذلك محركات البحث : Marketing – Seo

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

متابعه وتحديث الموقع : Updates

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

الخلاصه

ادوات تحليل المواقع

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

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

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

أداة بسيطة لاختبار تكيف التصميم

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

كيفية العمل مع موقع ؟

نقدم لك أداة لاختبار التصميم التكيفي ، و التي تسمح لك بمشاهدة كيفية عرض صفحات الموقع الخاص بك على شاشات:

  • الكمبيوتر اللوحي.
  • أي فون.
  • أندرويد – هاتف ذكي.
  • الأجهزة المحمولة الأخرى.

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

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

خدمة الانترنت تتيح لك اختيار جهاز للمحاكاة، عدد كبير من الكمبيوترات اللوحية والهواتف الذكية، من أي فون (بما في ذلك أحدث الموديلات، مثل أي فون 6) للأندرويد، وأكثر من ذلك. يمكنك التحقق حتى إذا كان الموقع يعرض التصميم التكيفي على الهواتف مع شاشة ذات دقة منخفضة!

وهذه هي أسرع وأسهل طريقة لمعرفة وتقييم التصميم التكيفي من خلال عيون المستخدمين للكمبيوتر اللوحي أو أي فون.

كيفيه البدء فى انشاء موقع

البحث عن شركة لحجز المساحات على الانترنت:- 1 ويطلق على الشركات التي تقدم هذه الخدمة ( شركات الاستضافة ) (Hosting Web Companies)، وهي الشركات التي من خلالها يمكنك حجز مساحة لموقعك، وهي تقدم خدمتها كما لوانك ترغب باستئجار او شراء محل تجاري لعرض بضاعتك من خلاله. 2 تقدم هذه الشركات خدماتها ضمن نطاقين : مقابل بدل مالي : يدفع شهريا ويختلف بالعادة حسب المساحة المحجوزة، الا انه لا يتجاو ز عادة 30 دولارا شهريا ، وهذا المقابل المالي يتيح لك كامل الحرية في التحكم في موقعك، وبالاعلانات، اي بمعنى انه في حال اصبح الموقع ناجحا فأن المردود المالي من الاعلانات من خلاله تكون لجيبك فقط، ومن اشهر هذه الشركات ( , godaddy, Bluehost_Hostpapa) . مجانا : ولكن في هذه الحالة لا يكون التحكم تماما في الموقع بواسطتك، فقد يتم الاعلان وبواسطته عن طريق الشركة المستضافة، اي بمعنى انها تستثمر عن طريق موقعك بالمادة الاعلانية .ومن اشهر الشركات هنا (Geocities) . 3 بعد اختيارك الشركة التي ترغب بشراء المساحة من خلالها قم بالتسجيل لديها، كما لوأنك ترغب بالتسجيل لاي موقع اخر، وبعد التسجيل قم بإختيار نوع الخدمة، والمدة التي ترغب باستئجار المساحة من خلالها. 4 يلي ذلك ان كانت الشركة من الفئة التي تقدم خدماتها مقابل المال، ستقوم بالدفع بواسطة بطاقة الائتمان خاصتك، وهكذا اصبح لموقعك مساحة في الانترنت . اقرأ ايضاً : كيفية انشاء موقع الكتروني على الانترنيت ؟.. الخطوة : الاستضافة الخطوة الثالثة : التسجيل لعنوان الموقع : 1 وهذا يتم عن طريقين، اما الشركة المستضيفة، وتقدمه كخدمة مقابل استئجار المساحة، واما عن طريق شركات اخرى، انت تقوم بإختيارها، وهي شركات تقدم خدمات للمواقع الالكترونية . 2 بعد اختيارك الشركة تقوم بوضع العنوان الذي اخترته، وتقوم الشركة التي تقدم الخدمة بالبحث عن هذا العنوان وهل هو قابل للاستخدام ام محجوز، ولهذا السبب سبق ونصحت باختيار عناوين احتياطية، حتى لا تفقد وقتك وجهدك . 3 قد يصلك بعد ذلك بريد الكتروني بالنصائح والارشادات حول استخدام المساحات، وطرق التحكم بها اقرأ ايضاً : كيفية انشاء موقع الكتروني على الانترنيت ؟.. الخطوة : حجز دومين

هذا المقال موقع تسعة : انشاء موقع الكتروني : كيف تنشأ موقعك الالكتروني ؟

من ضمن المواقع الخاصة بنا

موقع فتكات 

منتدي

اكواد مواقع للشركات

انشاء موقع الكتروني كيف تنشأ موقعك الالكتروني أصبح اسلوب الدعاية التجارية الحالي يختلف في بعض الامور عن الفترات السابقة، فقد اصابه التغيير نتيجة استخدام التطور التكنولوجي الحديث كثيرا، وبصورة جعلته يختلف عما يمكن تصوره قبل عشرون سنة، فأصبحت تفتح بريدك الالكتروني لتجد رسالة الكترونية هي عبارة عن دعوة لاستخدام منتج معين، او ليخبرك بوجود تخفيضات عن اخر، واصبحت بمجرد فتحك موقع الكتروني تجد العديد من المواقع الدعائية تفتح وبنوافذ صغيرة معه، وبمناسبة الحديث عن المواقع الالكترونية، لماذا لا تقوم انت بتصميم موقع خاص بك، وحتى ان لم تكن تاجرا، فماذا يمنع ؟، هل فكرت في انشاء موقع الكتروني يخصك ؟، انها فرصة لتسويق نفسك ومهنتك، البعض سيجاوب، بأنها عملية لا يفهم منها شيئا، والبعض سيظن انها عملية مكلفة جدا ولا يستطيع ان يتحمل تكاليفها، اما البعض الاخر فسيقول لماذا لا احاول، ولهؤلاء . وللاخرين اقول نعم لنحاول، فلم تعد تقتصر المواقع الالكترونية موجودة لبعض القطاعات دون الاخرى، فالكل يمكنه ان يقدم شيئا عبرها، او يكتسب شيئا منها، فمنها ما هو للفائدة، وبذات الوقت تجارة، وان اصبح الموقع ناجحا هو عبارة عن تسويق، وهو يشمل جميع المهن دون استثناء، اما كيفية تملك وتصميم موقع الكتروني فهي ليست بالعملية الصعبة كما يظن البعض، فلنبدأ بشرح انشاء موقع الكتروني خطوة خطوة :- انشاء موقع الكتروني خطوة خطوة الخطوة الاولى : الإعلانات تعرف على هدفك من استخدام الموقع الالكتروني : 1 من المهم وكاول خطوة من خطواتك، ان تقوم بتحديد العنوان الذي ترغب بتسميته لموقعك ووذلك تبعا للغاية من انشاؤه. 2 عليك ان تقوم بتحديد اكثر من عنوان لهذا الموقع، فقد يكون العنوان الذي قمت بإختياره كاول خيار اول لك غير متاح، ومستخدم، من قبل شركة او شخص اخر، لذلك، ولغايات كسب مزيد من الوقت عليك ان تجهز العديد من الاسماء والعناوين لهذا الموقع . وبحيث لا يقل عن 10 عناوين. 3 اما ان كنت لا تعرف ماهية العنوان الالكتروني، فهو ذاته كالعنوان البريدي خاصتك، او الاسم التجاري للشركة، هو ما يميز موقعك عن غيره من المواقع الاخرى، وفي العادة يبدأ بـ www.، وعادة ما يطلق عليه (Domine Name ). 4 يفضل ان يكون العنوان يدل بشكل او اخر على مهمته، اهي دعائية ؟ ام تسويقية ؟ ام تقديم معلومة او خدمة ؟ …؟ وذلك لسهولة البحث عنه لاحقا. الخطوة الثانية :

هذا المقال موقع تسعة : انشاء موقع الكتروني : كيف تنشأ موقعك الالكتروني ؟ https://www.ts3a.com/?p=7121

تهيئه موقع لشركة

يفية تصميم موقع أو كيفية انشاء موقع على الانترنت أو كيف اعمل موقع وما شابه من هذه الأسئلة

لذلك قررت تخصيص هذه المدونة لموضوع تصميم موقع – انشاء موقع

وسأحاول بقدر الإمكان توفير عدد من المصادر والأدوات التى تساعدك فى هذا الموضوع

وطبعا سنبدأ من أول خطوة وهى التى تسبق تصميم وعمل الموقع وهى كيف يكون لك وجود على الانترنت

ربما تكون سمعت عن الاستضافة أو استضافة المواقع

ما هى استضافة المواقع ؟

سأشرحها لك بأسلوب سهل وبسيط

كما فى الحياة اليومية عندما تريد ان تفتح محل أو دكان أو معرض لتعرض فيه خدماتك ومنتجاتك تبدأ أولاً بتأجير عقار أو مساحة معينة لتعرض من خلالها منتجاتك أو خدماتك

هذه هى تماماً الاستضافة على الانترنت أى انك تؤجر مساحة تخزن فيها ملفاتك وبياناتك والمحتويات التى تريد عرضها فى موقعك

اذا لكى يكون لك تواجد على الانترنت يجب أن تحجز مساحة خاصة بك تعرض من خلالها افكارك – منتجاتك – خدماتك بمعنى ان تحجز استضافة لموقعك الذى تريد عمله

طبعا هناك استضافات مجانية وأخرى مدفوعة، الاستضافة المجانية لا يكون لك تحكم كامل على موقعك وغالباً يتم منحها لك من قبل موفر الاستضافة لكى يقوم بنشر اعلانات على موقعك

اما الاستضافة المدفوعة فهى تتيح لك تحكم كامل بموقعك وهذا من حقك لأنك تدفع مقابل المساحة التى يتم توفيرها لك لتنشر محتويات موقعك

ما هو الدومين نيم أو اسم النطاق ؟

فى المحلات على ارض الواقع تجد امام كل محل يافطة أو لوحة لوضع عنوان أو اسم المحل عليها حتى يتميز عن غيره من المحلات، على الانترنت اسم النطاق او الدومين نيم هو اسم وعنوان موقعك مثل

www.nizcosoft.com

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

كيفية تصميم وانشاء موقع

لتصميم موقعك امامك عدة اختيارات: اما ان تبحث عن مصمم مواقع ويقوم هو بتصميم الموقع لك بمقابل مادى أو الخيار الثانى ان تصممه لوحدك عن طريق برنامج الفرونت بيج أو ما شابه من هذه البرامج

والخيار الأمثل الذى أدعو به هو عن طريق برنامج الوورد بريس الشهير   

وهو برنامج لعمل المدونات ( هذا ما هو متعارف عليه ) لكن ما لا يعرفه الكثيرون هو انه يمكنك عمل موقع كامل من خلاله وليس مدونة فقط

وحتى تتعرف على امكانيات هذا البرنامج الرهيب وحتى تأخذ فكرة جيدة عن ما يمكنك القيام به عن طريق هذا البرنامج هذا الموقع هو مثال ونموذج حى  تم عمله عن طريق برنامج الووردبريس  

وهذا البرنامج لا يحتاج منك لأى خبرة فى تصميم أو برمجة المواقع كل ما عليك هو اضافة المواضيع والمقالات والصور والفيديوهات اذا اردت ذلك من لوحة التحكم الخاصة بك

وهناك طريقتين لعمل موقع أو مدونة عن طريق هذا البرنامج الجاهز، الطريقة الأولى المجانية عن طريق الموقع الرسمى للبرنامج

وكما ذكرنا هذا لا يتيح لك التحكم الكامل بموقعك ولكنى انصحك بالبدء به حتى تتعرف على لوحة التحكم التى ستدير منها موقعك

حتى تتعلم كيف تضيف تدوينة أو مقال أو صفحة، وكيف تضيف صورة للموضوع، وكيف تضيف ملف فيديو من يوتيوب مثلاً، وكيف تغير تصميم الموقع أو المدونة كما تريد

اذهب الأن للموقع الرسمى لهذا البرنامج وقم بالتسجيل لتحصل على مساحتك الخاصة وانصحك ان لا تنشر موقعك الأن

فقط قم بالتعلم والتدريب عليه والتمرن على لوحة التحكم حتى تجيده، وهناك نسخة عربية لمن لا يجيد اللغة الانجليزية  

الطريقة الثانية

هذه الطريقة تتيح لك عمل موقع احترافى أو مدونة احترافية باسم مستقل خاص بك وتحكم كامل فى  موقعك من ناحية المواضيع والمحتوى وحتى الاعلانات

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

 

الخصائص البرمجية

مثال 1:

	
	<h2 style="background-color:#ff0000;">My friendship with HTML</h2>
	
	

الخصائص تكتب دائماً بنفس الطريقة، فهي تبدأ باسم الخاصية ثم يتبعها علامة يساوي “=” ثم قيمة الخاصية، الفاصلة المنقوطة في المثال تستخدم فقط في خاصية “style” ووظيفتها الفصل بين أوامر مختلفة، سنتحدث عن ذلك في وقت لاحق.

هناك خصائص كثيرة ومختلفة، سنتعلم أولاً واحدة منها وهي style، والتي يمكن استخدامها لإضافة تصميم لموقعك. فمثلاً يمكن إضافة لون خلفي للصفحة:

مثال 2:

	
	<html>
	  
	  <head>
	  </head>

	  <body style="background-color:#ff0000;">
	  </body>

	</html>
	
	

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

لاحظ أن كتابة الوسوم والخصائص يجب أن تكون بالتهجأة الأمريكية، (مثال: color بدلاً من colour)، من المهم أن تكون منتبهاً عند كتابتك للأوامر وتستخدم نفس التهجأة التي تراها في الأمثلة وإلا فلن يعرض المتصفح صفحاتك بطريقة صحيحة.

كيف أصبحت الصفحة حمراء؟

في المثال أعلاه وضعنا قيمة “#ff0000” للون خلفية الصفحة، هذا الرقم يشير إلى اللون الأحمر، وهو يعتمد نظام عد سداسي عشر، ويسمى بالإنجليزية HEX، كل لون له رقم خاص وهذه بعض الأمثلة:

أبيض: #ffffff
أسود: #000000
أحمر: #ff0000
أزرق: #0000ff
أخضر: #00ff00
أصفر: #ffff00

نظام أرقام الألوان يأتي بشكل واحد، فهو يبدأ بعلامة # ثم ستة أرقام أو أحرف، هناك أكثر من ألف رقم للألوان وليس من السهل تذكر إلى أي لون يشير أي رقم، ولكي نبسط الأمر عليك، قمنا بعمل ملف يحوي 216 لون وهي من أكثر الألوان استعمالاً: 216 لون.

بإمكانك أيضاً استخدام أسماء الألوان باللغة الإنجليزية للألوان المعروفة مثل الأبيض والأسود والأحمر والأزرق والأصفر.

مثال 3:

	
	<body style="background-color: red;">
	
	

نكتفي بهذا القدر حول الألوان لنعد إلى الخصائص.

أي العناصر تستطيع استخدام الخصائص؟

مجموعة مختلفة من الخصائص يمكن استخدامها لمعظم العناصر.

الخصائص تستخدم غالباً في الوسوم مثل body لكن ليس في وسوم أخرى مثل br، لأن وضع النص في سطر جديد لا يتطلب خصائص إضافية.

وكما هناك الكثير من العناصر فهناك أيضاً الكثير من الخصائص، بعض الخصائص صممت لتستخدم لعنصر محدد وبعضها الآخر يمكن استخدامها لعناصر مختلفة، وبعض العناصر يمكنه أن يحوي خصائص كثيرة بينما بعضها الآخر لا يمكنه سوى أن يحوي خاصية واحدة.

قد يبدو الأمر مثيراً للحيرة الآن، لكن ما أن تعتاد على التعامل مع الخصائص المختلفة لتجد أنها منطقية وسترى كم هي سهلة عند استخدامها.

هذا الدرس سيعرض عليك أهم الخصائص.

القوائم

في قسم رأس الصفحة اكتب دائماً العنوان: <title>عنوان صفحتك</title>. لاحظ كيف سيظهر العنوان في أعلى يسار نافذة المتصفح:

العنوان يعرض في المتصفح

العنوان بشكل خاص مهم لأنه يستخدم في محركات البحث – مثل غوغل – لأرشفة موقعك وإظهاره في نتائج البحث.

العنوان يعرض في غوغل

في جسم الصفحة اكتب محتويات صفحتك، وأنت تعرف الآن بعض أهم العناصر:

	
	<p>Is used for paragraphs.</p>
	<em>Emphasis text.</b>
	<h1>Heading</h1>
	<h2>Subhead</h2>
	<h3>Sub-subhead</h3> 
	
	

تذكر أن الطريقة الوحيد لتعلم HTML هي بالتجربة والخطأ، لكن لا تقلق، لا يمكنك بأي طريقة أن تدمر حاسوبك أو الإنترنت! لذلك استمر في التجربة، هذه هي أفضل طريقة لاكتساب الخبرة.

ماذا يعني هذا؟

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

لذلك قم بتجربة ما تعلمته حتى الآن.