كيف أحوّل تصميم Psd لموقع إلى صفحة مبرمجة html و css؟

محمد بوسكوري · 28 مايو 2016

مرحبا، لدي تصميم بفوتوشوب لموقع ، وأريد تحويل التصميم إلى موقع حقيقي عن طريق استعمال html و css، هل أجد دورة مخصصة لذلك؟

تم التعديل في 28 مايو 2016 بواسطة محمد بوسكوري

E.Nourddine · 28 مايو 2016

تحويل تصميم PSD إلى HTMLوCSS هي مهارة تستلزم العديد من الخطوات المتتابعة للحصول في آخر المطاف على صفحة من موقع مبرمجة بشكل صحيح:

كمرحلة أولى يجب عليك استخراج الصور التي ستستعملها أثناء البرمجة، كخلفية لوسم div أو صور لأشخاص، شعار الموقع، الخلفية...
بناء البنية الأساسية لملف html:

<!DOCTYPE html> 
<html>
  <head> 
    <meta charset="utf-8" /> 
    <title>Chris Spooner Design Portfolio</title> 
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> 
  </head> 

  <body> 
    <div id="container"> </div> 
  </body>
</html>

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

مصادر:

كيف أحوّل تصميم Psd لموقع إلى صفحة مبرمجة html و css؟

السؤال

محمد بوسكوري

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية