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

كيف يتم تخطيط وتقسيم الصفحة باستخدام html + css

ahmed_bondok2006

السؤال

سؤال اعتقد قليل اللى بيسأله لكن انا مصمم مبتدء تعلمت html + css+ jquery

لكن عايز ابدأ اطبق صح فى انشاء اول صفحة ويب بايدى ومش جاهزة وانا بعدلها لان ده اعتقد سهل شوية 

انا عايز اعرف اقسم الصفحة ازاى واخلى كل قسم فى مكان محدد ازاى وايه هى الخواص او السمات (css property) .

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

Recommended Posts

  • 1

مرحبا أخي، أتمنى لك كل التوفيق مند حوالي 7 - 8 سنوات كنت في نفس حالتك كنت أبحث بمختلف المواقع و إظهار تطويد مواقع بسيطة و أرفعها عند بـ Notepad  وأرى كيف قام صاحبها بإنشاءها بعدها بدأت اعمل تصاميم خاصة المهم كل ما تحتاجه أولا هو كيفية تنسيق صفحة HTML و كيفية إنشاء ملف css و العمل عليه

في الـ HTML

<html>

<head>

تدخل هنا هنا تكويدات css,js روابط تغدية و css ... تفاصيل الموقع و الوصف و كلمات مفتاحية "meta-tags"

</head>

<body>

شكل و تقسيمات الصفحة يدل على تقسيمات بـ <div>......</div>

</body>

</html>

 

في css

تقوم فيه بتخصيص التقسيماتو تحديد الخطوط ..... 

 

الاساسيات body // font-familly // direction // width // height //h1 // h2 ........ يمكنك تعلمها من المتصفحات حتى

 

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

كما يمكنك التعلم من فديوها بيوتوب

 

تفضل رابط : 

 

 

تمنياتي لك بكل التوفيق أخي

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

  • 1

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

شكرا لكم

 

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

  • 0

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

صمم صفحتك الاولى وشاركها على مجتمع حسوب IO للنقاش والنصح.

بالتوفيق

 

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

  • 0

مرحباً بك أخي

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

لديك أيضاً هذا الموقع ممتاز للبدء في تعلم تصميم المواقع 

https://www.w3schools.com/html/html_layout.asp

آمل أن يفيدك 

و على كل حال يمكنك هنا عرض تفاصيل المشاكل التي تصادفك أثناء التعلم لتستفيد بشكل أكبر .

بالتوفيق،،

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...