اذهب إلى المحتوى
  • 0

تحويل تصميم إلى HTML

ناnaif ناnaif

السؤال

السلام عليكم ورحمة الله و بركاته 

احتاج طريقة تحويل تصميم مصمم ب فرونت بيج إلى قالب html 

عادي حيث ان التصميم عبارة عن صور او بمعنى اخر مستطيلات 

مقسمه إلى راس الصفحة و قائمة جانبيه و محتوى و فوتر 

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

ستحتاج إلى أن يكون لديك دراية بلغات الويب وهم HTML, CSS, JS أو يمكنك استخدام مكتبات جاهزة للواجهة الأمامية مثل بوتستراب أو مكونات Tailwind.

أو يمكنك شراء قالب جاهز.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

وعليكم السلام ورحمة الله وبركاته .

لا توجد طريقة سوى تحويله إلى كود html و css وسيتوجب عليك أن يكون لديك العلم الكافي بلغة HTML و Css و أيضا javascript إذا كان الموقع تفاعليا . 

ويمكنك إستخدام أطر العمل مثل bootstrap و Tailwind .

أو يمكنك البحث عن تصاميم مشابهة وتقوم بالتعديل عليها

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يجب عليك أولا استخراج جميع الصور والعناصر البصرية المستخدمة في التصميم بعدها تنشئ ملف HTML جديد باستخدام محرر نصوص وإضافة الهيكل الأساسي للصفحة باستخدام عناصر HTML مثل <header> لرأس الصفحة، <nav> للقائمة الجانبية، <main> للمحتوى، و<footer> للفوترـ ثم تقوم بإضافة تنسيقات CSS لتحديد تخطيط العناصر وتنظيمها باستخدام تقنيات مثل Flexbox أو Grid. أخيرا، تقوم بدمج الصور والعناصر البصرية في الصفحة باستخدام علامات HTML المناسبة وتنسيقها بواسطة CSS لتتناسب مع التصميم الأصلي.

بالنسبة لك كمصمم قد لا تكون ملمّا جيدا بهذه التقنيات، لذا عليك إما تعلمها وإتقانها أو الاستعانة بمبرمج متمكن وملمّ بلغات البرمجة وتطوير الويب.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...