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

قالب الموقع- مجموعة من الصفحات والرسومات وملفات الخدمة المصممة والموضحة بتنسيق HTML، والتي يمكن استخدامها لإنشاء موقع ويب قياسي من أي نوع. كقاعدة عامة، تتكون قوالب مواقع الويب من ملفات تصميم رسومي بتنسيقات شائعة (PNG، JPEG، GIF)، موضوعة في مجلد منفصل؛ صفحات html الثابتة وملفات ورقة الأنماط (CSS)، وفي بعض الحالات أيضًا Flash.

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

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

مواقع uCoz – إدارة التصميم

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

في الأعلى يقع الأول كتلة عالمية. هذا هو أساس تصميمك. تتكون هذه الكتلة من حاويات، ويعتمد عددها على تصميم موقعك.

أعلى الموقع- يتم تحرير رأس الموقع والرسومات والرسومات وما إلى ذلك.

أسفل الموقع— تم تحرير الجزء السفلي من الموقع، ويمكن وضع العدادات هنا.

الحاوية الأولى (يسار)— يتم تحرير الكتل الموجودة على اليسار.

الحاوية الثانية (يمين)— يتم تحرير الكتل الموجودة على اليمين.

ليس من المنطقي التدخل في الحاويتين الأولى والثانية على الإطلاق، حيث أنهما أكثر ملاءمة للتحرير باستخدام المُنشئ في شريط الإدارة من الموقع نفسه. (في مقال “إدارة الموقع. التحرير الأول”)

قوالب صفحة موقع Ucoz

تقريبا كل وحدة موقع uCozيتكون من قوالب الصفحة التالية:

الصفحة الرئيسية للوحدة— صفحة تعرض عليها المواد بجميع الأقسام والفئات (القائمة العامة للمواد)

صفحة تحتوي على قائمة بمواد القسم- صفحة يتم فيها عرض المواد من قسم واحد (كم عدد الأقسام - العديد من الصفحات، قد لا يكون هناك قسم واحد على موقع uCoz)

صفحة قائمة مواد الفئة— صفحة تُعرض عليها مواد من فئة واحدة (يجب أن يحتوي الموقع على فئة واحدة على الأقل)

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

صفحة المادة والتعليقات عليها— الصفحة التي توجد بها المادة التي أضفتها مباشرةً (مقال، ملف، صورة، إلخ.)

نوع المواد - كيف ستبدو المواد في قائمة المواد في الصفحات الثلاث الأولى المدرجة: الصفحة الرئيسية للوحدة، وصفحة تحتوي على قائمة مواد القسم، وصفحة تحتوي على قائمة مواد الفئات.

إضافة/تحرير صفحة المواد- نموذج إضافة مادة.

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

قريبا جدا سوف تفهم ما هو!

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

أو، تريد تنزيل جميع الملفات بالضغط على زر معين، كل ما عليك فعله هو تسجيل ذلك مرة واحدة في المكان المناسب (دليل الملف - نوع المادة والتعليقات عليها) وعدم العودة إلى هذه المشكلة أبدًا.

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

إنها في الواقع مريحة حقًا. وبمجرد أن تحاول تغيير شيء ما، وتبدأ في النجاح، أعتقد أن موقعك سيتغير بسرعة إلى ما هو أبعد من التعرف عليه، على سبيل المثال، هذا الموقع عبارة عن تصميم قياسي مُعاد صياغته لـ uCoz رقم 839.

إذا كنت تريد أن تكون أول من يعرف عن المقالات الجديدة في الموقع!!!

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

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

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

كيفية تثبيت القوالب على uCoz؟

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

2. تركيب الإطار. انسخ رمز الإطار السلكي والصقه في Template Builder.

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

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

حول نظام uCoz

UCoz عبارة عن استضافة مجانية ومنشئ مواقع ويب تم إنشاؤها في عام 2005. في الوقت الحالي، يحتوي النظام على أكثر من 20 وحدة تتيح لك إنشاء موقع ويب كامل لمجموعة متنوعة من الأغراض. اكتسب uCoz شعبية بسرعة بسبب بساطته وسهولة الوصول إليه، على الرغم من أن الكثيرين لا يحبونه لهذا السبب، إلا أن العيوب لا تتجاهل المزايا. بعض الإحصائيات: يعد uCoz واحدًا من أكثر 20 مصدرًا للإنترنت شيوعًا في روسيا، وقد تم بالفعل إنشاء أكثر من مليون موقع ويب عليه!

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

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

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

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

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

عنوان

محتوى

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

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

ستكون النوافذ المنبثقة بنفس نمط الكتل - لذلك أقوم بإضافة الكود التالي:

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

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

تثبيت قالب مخصص

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

يتكون تثبيت القالب من عدة خطوات:

رفع الملفات إلى الموقع

الخطوة الأولى هي تحميل الملفات التي تأتي مع القالب إلى الموقع. من المهم ملاحظة تداخل الملفات في المجلدات. لذلك، يمكن أن تكون جميع الصور في المجلد imgوالنصوص - في js.

لإنشاء مجلد، استخدم زر "إضافة مجلد":

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

تثبيت إطار الموقع

يسمح لك بإنشاء هيكل موحد لجميع أقسام الموقع. يتم توفيره عادةً في ملفات ‎.txt ويمكن أن يكون له اسم عشوائي ("Framework.txt"، "Template Builder.txt"، وما إلى ذلك).

في بعض الحالات، قد لا يحتوي القالب على إطار عمل لموقع الويب، ثم يمكنك الانتقال إلى الخطوة التالية.

يحتوي إطار عمل الموقع على متغيراته الفريدة التي ستساعد في تمييزه عن ملفات القوالب الأخرى:

حاول البحث عن السلسلة أو . إذا تم العثور عليها في النص، فمن المرجح أن يكون ملفًا سلكيًا.

لتثبيت الإطار، انتقل إلى قسم "التصميم"، وحدد "الإطار" في القائمة الموجودة على اليسار، والصق الرمز من الملف النصي، وانقر فوق الزر "تثبيت" وأكد الإجراء:

ستظهر لك رسالة تشير إلى نجاح العملية. لذلك يمكنك الانتقال إلى الخطوة التالية.

تركيب قوالب الموقع

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

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

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

لا تثبط عزيمتك إذا كان الملف مفقودًا من القالب المتوفر. قد يعني هذا أن المطور قد زود القالب بإطار سلكي لتخصيصه.

إعداد الوحدات والإضافات

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

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

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

تأكد من قراءة المشكلات التي قد تواجهها عند إنشاء القالب الأول.

من أين تبدأ عند إنشاء قالب لـ uCoz؟

ما هو قالب uCoz؟هذا مجرد وصف لموقع عناصر الموقع وعرض رسومي للموقع.

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

هناك قوالب ممحاةو مُثَبَّت. المطاط - يمتد القالب عبر عرض الشاشة. تم الإصلاح - تم تعيين عرض القالب ويظل ثابتًا بغض النظر عن عرض شاشة المستخدم. تم إصلاح قالب مدونتي الذي تستخدمه حاليًا.

أنصحك بإصلاح القالب الأول الخاص بك لأنه... سيكون الأمر أسهل بكثير بالنسبة لك أثناء التخطيط.

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

وبعد ذلك يمكنك تشغيله بأمان محل تصوير. حدد حجم ملف يساوي دقة شاشتك (حجمي هو 1280 × 1024 بكسل). اختر نظام الألوان لقالبك المستقبلي بحكمة. يجب أن تأخذ 2-3 ألوان كأساس، ويجب أن تكون متناغمة مع بعضها البعض. ويفضل أن تكون الألوان طبيعية. الصورة مثالية لاختيار الألوان الطبيعية. افتحه في Photoshop واستخدم القطارة لإلقاء نظرة على رموز الألوان.

يمكن أن تساعدك خدمة معالج الألوان الخاصة في تحديد الألوان. أدخل في خاص حقل رمز اللون واضغط على "تعيين".

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

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

ملاحظة. لقد صادفت مدونة مثيرة للاهتمام حول التحسين/الترويج. أحب حقيقة أن المؤلف يقوم بالتجارب مع محركات البحث.