Unlimited Powerpoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. Resumes
Business

أفضل 15 قالب سيرة ذاتية HTML للمواقع الشخصية الرائعة

by
Length:LongLanguages:
This post is part of a series called How to Make a Great Personal Resume Website (Ultimate Guide).
20 Best WordPress Resume Themes: For Your Personal Website
How to Use an HTML Resume Template to Make Your Personal Site

Arabic (العربية/عربي) translation by Mohammad Al Tahan (you can also view the original English article)

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

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

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

HTML Resume Website Template Design Example
قالب موقع ويب للسير الذاتية HTML مع تصميم إحترافي (مثال).

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

في هذه المقالة، سنعرض مجموعة منتقاة رائعة من قوالب السير الذاتية الـ HTML. إليك أكثرها شهرة، وأفضلها مبيعاً على ThemForest:

Best HTML Resume Website Templates
أفضل قوالب HTML - معروضة للبيع على ThemeForest.

قوالب مواقع الويب للسير الذاتية هذه تأتي مع عددٍ من الخصائص المفيدة لتصميم موقع سيرتك الذاتية الشخصية بسرعة:

ما هي الميزات الأساسية لقالب سيرة ذاتية HTML ممتاز؟

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

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

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

أفضل قوالب السير الذاتية الـ HTML (لكي تصمم موقعاً شخصياً مبهراً)

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

1. Desmond - قالب موقع ويب HTML للسير الذاتية

Desmond Personal HTML Resume Website Template

قم بإحداث أثر واجلب انتباه الموظِف المحتمل من خلال تصميم قالب السير الذاتية الإحترافي هذا.

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

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

2. Flatrica قالب موقع ويب HTML للسير الذاتية بتصميم مسطح

Flatrica Personal Flat CVResume HTML Site Template

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

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

3. Decent - قاب مواقع ويب للسير الذاتية الشخصية

Decent Material CV Personal Resume HTML Site Template

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

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

4. MUU - قالب سيرة ذاتية تفاعلي ومبتكر

MUU Creative Interactive HTML Resume Portfolio Template

يسمح لك MUU بمزج شخصيتك مع سيرتك الاذتية. يمكنك أن تضيف صوراً لنفسك في كل قسمٍ تقريباً من السيرة الذاتية. يسمح لك MUU بمزج شخصيتك مع سيرتك الاذتية. يمكنك أن تضيف صوراً لنفسك في كل قسمٍ تقريباً من السيرة الذاتية. يعرض MUU مهاراتك، خبراتك السابقة، والتعليم الذي حصلت عليه في صيغة قائمة ويوفر عرض شرائح مميز في الرأسية.

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

5. CVitae - قالب موقع ويب HTML للسير الذاتية مستجيب

CVitae Responsive HTML Resume Website Template

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

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

المشاريع يمكن وضعها وتنظيمها في ألبومات ويمكن للموظِفين تنزيل السيرة الذاتية بنقرة زر.

6. Resume Dojo - قالب موقع ويب HTML غني بالميزات

Resume Dojo Feature-Rich HTML Website Template

فكر في استعمال قالب Resume Dojo إذا كنت تبحث عن تصميم موقعٍ شخصي يمتلك الكثير من الميزات لكي لا تظهر مهاراتك وتعليمك فحسب بل هواياتك وجوائزك أيضاً.

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

7. Tile - قالب سير ذاتية HTML أنيق وبسيط

Tile Simple Elegant Resume CV HTML Website Template

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

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

8. RStill - قالب سيرة ذاتية HTML أنيق وبسيط

RStill Minimal HTML Resume Website Template

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

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

9. ProResume - قالب موقع سيرة ذاتية إحترافي

ProResume Professional HTML ResumeCV Site Template

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

10. Difference - قالب موقع سيرة ذاتية HTML قابل للتخصيص

Difference Customizable HTML Resume Website Template

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

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

11. Geek قالب سيرة ذاتية شخصية مفعم بالألوان

Geek Colorful Personal Portfolio Resume HTML Template

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

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

12. Jordan - قالب موقع سيرة ذاتية تفاعلي مع معرضٍ للأعمال

Jordan Interactive HTML Resume Website Template With Portfolio

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

يمكنك أيضاً أن تظهر أيضاً أفكارك وكيف تعمل، تعرض شهادات رضا وإعجاب، وأن تضمن حتى جداول للأسعار في حال كنت تعمل بشكلٍ حر بينما تبحث عن وظيفة أحلامك.

13. Moraco - قالب سيرة ذاتية HTML مرتب

Moraco Clean Personal HTML Resume Website Template

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

14. I'm Rex - قالب موقع ويب HTML للسير الذاتية

Im Rex Material HTML Resume CV Website TemplateIm Rex

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

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

15. Classic - قالب سيرة ذاتية HTML خفيف

Classic Personal Resume HTML Website Template

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

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

5 نصائح سريعة للاستفادة بأكبر قدر من قالب السيرة الذاتية الخاص بك

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

1. تعرف على HTML وCSS

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

2. استعمل التوثيق الذي يأتي مع القالب

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

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

3. أظهر شخصيتك

يرغب الموظِفون برؤية الشخص الذي يقف وراء السيرة الذاتية. لا تخف من تضمين صورة لك، والتي ستريهم أن هنالك شخصاً حقيقياً خلق كل ذلك.

بشكلٍ مشابه، لا تتردد في تضمين هواياتك أو اهتماتك لأن هذا يسيمح للموظِفين بفهم ما إذا كنت مناسباً للثقافة الخاصة بشركتهم أم لا. قالب HTML للسير الذاتية مثل Tile يؤدي وظيفة ممتازة في جعل شخصيتك واضحة من خلاله:

Tile HTML resume website template with personality
Tile - قالب موقع سيرة ذاتية HTML يظهر شخصيتك.

4. اختر قالب موقع مستجيب

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

5. استعمل الخطوط سهلة القراءة

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

ابدأ بتصميم موقعك الشخصي

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

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.