مدونة بلوجر من الصفر

تستخدم الأطر frames لتقسيم المتصفح إلى عدة إطارات واستعراض عدة صفحات في نفس الوقت، كما يمكنك تبادل الأوامر بين هذه الصفحات، فيمكن عمل صفحة مستقلة تحتوي على فهرس الموقع، وبعد ذلك تضعها في صورة إطار يظل على يمين الشاشة، وكلما ضغط المستخدم على أحد الوصلات في الفهرس، يتم تحميل الصفحة في الإطار الآخر الذي على اليسار والذي يحتل الجزء الأكبر من الشاشة عادة، هذه الطريقة تتبع في الكثير من المواقع لتسهيل الأمور، فكيف يتم ذلك. في البداية هنالك صفحة الإطارات، تحدد في هذه الصفحة تصميم طقم الإطارات الذي ستستخدمه، وما هي الصفحة التي يجب عرضها في كل إطار، أن كل صفحة تكون محفوظة في ملف مستقل لوحدها، في صفحة الإطارات ستستخدم وسوم الإطارات، ولكن باقي الصفحات ستكون صفحات عادية غالبا دون إطارات. أول وسوم الإطارات هو الوسم frameset الذي يفتح مجموعة الإطارات، وفي هذه المجموعة يوجد عدد من وسوم الإطار frame المفردة ونضع فيها مصدر الصفحة في الخاصية src أو يمكننا وضع frameset أخرى داخل الـ frameset الأولى، ويوضع الوسم frameset خارج منطقة الجسم body دائما، نحدد في الوسم frameset إذا كنا سنقسم الصفحة أفقيا أو رأسي...

يشير الإختصار HTML إلى عبارة HyperText Markup Language أو لغة الترميز المتشعبة، وهذه اللغة هي اللغة المستخدمة في تصميم جميع صفحات الويب الإحترافية، فهل تريد أن تصمم صفحات ويب احترافية ؟ تعال الآن وشارك الركب. مقدمة تكتب ملفات HTML في صورة ملفات نصوص بسيطة (Plain Text)، تأخذ الإمتداد .html عادة، وتكتب في أي برنامج للنصوص البسيطة، في الويندوز استخدم Notepad، في اللينكس استخدم pico، في الماكنتوش استخدم SimpleText، جميع هذه البرامج مناسبة جدا لعمل صفحات HTML. الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن يكون أكثر من Internet Explorer أو Netscape Navigator أو الأثنين معا، وبما أنك الآن تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح أيضا، ستحتاج إلى معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من نوع إلى آخر لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من أنها تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية الصفحة بمتصفحه أيا كان. المشكلة التي قد تواجهك في كتابة ...

نتابع سلسله الدروس وسنتكلم اليوم عن انواع الأوسمة ـ وتقسم الى فئتين : Block Elements , Inline Elements Block Elements: وفيها يفصل كل عنصر شكل مستقل عموديا ـ واحد تلو الآخر أى ان الوسم الذى ينتمى لهذه المجموعه سبكون مابداخله عبارة كتله واحده في سطر مستقل ـ ومثال على ذلك الفقرات p و العناوين h1, h2, h3 ..ويمكن لهذا العناصر أن تحتوى بداخلها عناصر Inline Elements علاوة عن عناصر من نفس فئتها . Inline Elements : لها نفس التعريف السابق ولكنها تأخذ الوضع الأفقي بالتجانب ومثال على ذلك وسم النص المائل em أو i والسمك bن ولا يمكن لهذه العناصر أن تحتوى على عناصر من Block Elements فقط يمكن أن تحتوى بداخلها على عناصر من نفس فئتها .  وتابع الصورة التاليه للتوضيح عن الوسم ومحتواه  وهنا نجد توضيح لكل من block و inline ومثال للعرض على المتصفح لكل منهم  وعن طريق اوامر css يمكننا ان نتحكم فى تلك العناصر والتغير من خصائصها بتحوليها منلا الى block والعكس ـ إذا كانت الوسم ينتمى الى فئه أخرى ، ويتم ذلك عن طريق الأمر display وتتفرع منه عده خصائص وما يهمنا منها الأن الخصائص التالية :  block : ...

- الوسم  <Div>  أحد أوسمه html وهو إختصار للكلمة Division وتعنى تقسيم او توزيع ـ وعموما يستخدم هذا الوسم بالصفحات التى تعتمد في التنسيق على css لتقسيم الصفحات والمحتويات الى أجزاء منفصلة بدلاً من الجدوال .. ويكون بهذا الشكل لو حددنا به فقرة مثلا : كود HTML: <div> <p> Welcome </p> </div> ويتميز ان المتصفح يفهمه بسرعه ويعرض محتوياته مباشرة بدون إنتظار تحميلة بالكامل عكس الجدوال بالإضافة انك يمكنك التحكم بكل <div> بشكل منفصل وتعطى لها خصائص عرض خاصة مثال :  كود HTML: <div class= "style" > <p> Welcome </p> </div> وهذا الوسم يصنف ضمن الـ Block Elements والـ Block Elements .. فيها يفصل كل عنصر بشكل مستقل عموديا ـ واحد تلو الآخر أى ان الوسم الذى ينتمى لهذه المجموعه سيكون مابداخله عبارة كتله واحده في سطر مستقل ـ ومثال على ذلك الفقرات <p> والعناوين <h1 , h2 , h3 ....> اى انه لو كتب بهذا الشكل مثلا .. كود HTML: <div> xxxxxxxxx </div> <div> xxxxxxxxx </div> <div> xxxxxxxxx </div...