انتقلت منتديات لكِ النسائية إلى هذا الرابط:
منتديات لكِ النسائية
هذا المنتدى للقراءة فقط.


للبحث في شبكة لكِ النسائية:
الصفحة 1 من 10 12345 ... الأخيرالأخير
عرض النتائج 1 الى 10 من 92

الموضوع: الدرس الرابع من( الجزء الاول ) من دورة تعليم تصميم المواقع

  1. #1
    تاريخ التسجيل
    Oct 2007
    الموقع
    أم الدنيـ مصرـا منـ العلم ـارة
    الردود
    9,083
    الجنس
    أنثى

    المواضيع المتميزة الدرس الرابع من( الجزء الاول ) من دورة تعليم تصميم المواقع






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

    الدرس الرابع من دروس تعليم تصميم المواقع بـ HTML

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

    لقد قمت في الدرس الأول بإيضاح بعض الوسوم الخاصة بالفقرات. ولا بأس من تذكيرك بها. فالوسم <P> يقوم بإنهاء الفقرة. والوسم <BR> ينهي السطر الحالي وينقل النص إلى سطر جديد. والوسم ‎&nbsp;‎ يقوم بإضافة الفراغات، ويجب تكرار كتابته بنفس عدد الفراغات المطلوب.
    ونتابع في هذا الدرس مع هذه الوسوم وغيرها.

    لقد قلت إن الوسم <P> هو وسم مفرد لكنه يستخدم أيضاً كوسم مزدوج <P> ... <‎/P> وفي هذه الحالة يمكّننا من تحديد إتجاه الفقرة وإتجاه النص فيها حيث يستخدم معه الخصائص ALIGN, DIR.
    فالخاصية ALIGN تحدد محاذاة الفقرة وهي تأخذ القيم اليسار ونكتب Left,

    Center نكتبها لتوسيط الفقره,

    Right لجعلها تبدأ من اليمين


    وأوضحها بالأمثلة التالية:
    كود هتمل:
     <P Align="left"> This is a left-aligned paragraph <‎/P>


    This is left-aligned paragraph
    كود هتمل:
     <P Align="right"> This is right-aligned paragraph</P>
    This is a right-aligned paragraph
    كود هتمل:
      <P Align="center"> This is a centered paragraph</P>
    This is a centered paragraph


    كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحة نستطيع استخدام الوسوم <CENTER> ... </CENTER> كما ذكرت فى الدرس السابق

    كود هتمل:
     <CENTER> This is a centered text </CENTER>
    This is a centered text
    أما الخاصية DIR والتي نستخدمها أيضاً مع <P> فتقوم بتحديد إتجاه قراءة النص وتأخذ القيم

    LTR
    إتجاه النص من اليسار إلى اليمين (Left To Right)
    RTL
    إتجاه النص من اليمين إلى اليسار (Right To Left)

    (تذكر هذه الخاصية جيداً فهي مهمة عند كتابة صفحات باللغة العربية)



    ولتنسيق الفقرات أيضاً يوجد الوسوم
    <BLOCKQUOTE> ... <‎/BLOCKQUOTE> أي وسوم الفقرات المقتبسة. ووظيفتها تمييز الفقرة من خلال إدراج مسافة إضافية على الهامشين الأيمن والأيسر لها. أنظر إلى الفقرة التالية التي قمت (باقتباسها) من إحدى صفحات هذا الموقع. ومن ثم وضعتها ضمن <BLOCKQUOTE> ... <‎/BLOCKQUOTE>


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

    والآن تأمل هذا الشكل وحاولو أن تستنتجوا طريقه إعداده...!؟
    A B C D
    E F G H
    I J K L
    M N O P
    Q R S T
    ربما توصلت إلى أني استخدمت عدداً كبيراً من وسوم الفراغات ‎&nbsp;‎ ونهاية السطر <BR>. حسناً، إستنتاجك لا بأس به ولكنه ليس دقيقاً فأنا لم أستخدم أياً من هذه الوسوم هنا. بل كل ما فعلته بعد إعداد هذا الشكل هو وضعه ضمن:
    كود هتمل:
     <PRE> ... </PRE>


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

    A B C D E F G H I J K L M N O P Q R S T
    لاحظ أن هذا الوسم يستخدم مع الفقرات التي لا نحتاج فيها إلى تنسيقات متعددة للخطوط أو الألوان. بل فقط مع الفقرات العادية موحدة الخط والتنسيقات.


    القوائم
    تحتوي لغة HTML على مجموعة من الوسوم الخاصة بتنظيم البيانات في قوائم وباستخدام عدة خيارات. وهناك نوعين من القوائم:
    أولهما المتسلسلة Ordered Lists. واليك المثال التالي عليها
    أسماء بعض المدن الفلسطينية


    1. القدس
    2. نابلس
    3. رام الله
    4. الخليل
    5. جنين
    6. طولكرم
    وثانيهما القوائم غير المتسلسلة Unordered Lists وهذا مثال عليها
    أسماء بعض الجامعات الفلسطينية



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

    كود هتمل:
      <OL> ... <‎/OL>
    أما بالنسبة للقوائم غير المتسلسلة فنستخدم
    كود هتمل:
     <UL> ... <‎/UL>
    ولتعيين كل بند من بنود القائمة نستخدم الوسم <LI> وهو وسم مفرد يكتب في بداية السطر الخاص بكل بند List Item.
    كود هتمل:
    [left]<OL>[/left]
    كود هتمل:
    [right][left]<LI>القدس
    [left]<LI>نابلس[/left]
    [left]<LI>رام الله[/left]
    [left]<LI>الخليل[/left]
    [left]<LI>جنين[/left]
    [left]<LI>طولكرم[/left]
    [left]<‎/OL>[/left]
    [left] [/left][/left][/right][left][/left]
    كود هتمل:
    [right]
    [left] [/left][/right]

    كود هتمل:
    <UL>
    كود هتمل:
    [right][left]<LI>جامعة النجاح[/left]
    [left]<LI>جامعة القدس المفتوحة[/left]
    [left]<LI>جامعة بيرزيت[/left]
    [left]<LI>جامعة الخليل[/left]
    [left]<‎/UL>[/left][/right]
    والخاصية الوحيدة التي تستخدم مع هذه الوسوم هي TYPE ووظيفتها تحديد شكل الرمز الظاهر مع بنود القائمة، وعادة تستخدم مع وسوم بداية القوائم <UL> أو <OL> وبذلك نحدد رمزاً واحداً لكل القائمة. ولكن نستطيع استخدامها أيضاً مع وسم البنود <LI> لإعطاء تحكم أكبر في مظهر القائمة من خلال تحديد رمز مختلف لكل بند.
    فعند وضعها ضمن تعريف القوائم المتسلسلة تأخذ القيم: A, a, I, i التي تغير رموز الترقيم من الأرقام العادية الإفتراضية (والتي رمزها 1) إلى ترقيم باستخدام الأحرف اللاتينية الكبيرة أو الصغيرة، أو باستخدام الأرقام الرومانية كما ترى في الجدول التالي:

    كود هتمل:
    [right][left]<OL TYPE="i">[/left]
    [left]        [/left][/right]
    كود هتمل:
    [right][left]    ‎<OL TYPE="I">‎     [/left]
    [left]        [/left]
    [left][/left][/right]
    كود هتمل:
    [right][left]    ‎<OL TYPE="a">‎     [/left]
    [left]        [/left]
    [left][/left][/right]
    كود هتمل:
    [right][left]<OL TYPE="A">‎[/left]
    [left]        [/left]
    [left][/left][/right]
    وهناك مسألة مهمة في لغة HTML وهي مسألة الوسوم والخصائص المحددة بمتصفح معين دون غيره أي التي تعمل مع أحد المتصفحات ولا تعمل مع غيره.وسنتطرق لها فى نهاية الدوره باذن الله تعالى

    والسبب في ذلك أن هذه الخاصية تستخدم أيضاً مع القوائم غير المتسلسلة، لكن ليس بصورة مطلقة...كيف؟ أنت ترى أن الرمز الموجود عند كل بند في القائمة هو عبارة عن نقطة سوداء يطلق عليها اسم Disc وهي المعرفة ضمناً في خاصية TYPE. لكن هناك رموز أخرى يمكن إظهارها وهي المربع square, والدائرة المفرغة circle وتعرف بالشكل التالي:
    كود هتمل:
    <UL TYPE="square">
    كود هتمل:
    [right][center][left]‎<UL TYPE="circle">‎ [/left][/center][/right]
    ولكن للأسف هذه الخاصية لا تعمل ولا يظهر تأثيرها إلا مع متصفح نيتسكيب وليس مع مايكروسوفت إكسبلورر الذي يتعامل فقط مع القيمة الإفتراضية للخاصية. (رجاءً لا يغضب مستخدمو إكسبلورر فهناك الكثير من الوسوم والخصائص التي لا يستطيع نيتسكيب عرضها أيضاً).
    ولإتمام الحديث عن القوائم، أذكر لك أن هناك وسوماً أخرى تستخدم لإنشاء القوائم غير المتسلسلة، وبنفس الطريقة المستخدمة مع <UL>...<‎/UL> وهذه الوسوم هي:
    كود هتمل:
    <DIR> ... <‎/DIR>
    كود هتمل:
    [right][left]<MENU> ... <‎/MENU>[/left][/right]
    هناك نوع خاص من القوائم يدعى قوائم الشرح أو التعريفات Definition Lists وكما يدل الإسم تستخدم عندما نريد إدراج قائمة من المصطلحات يتبع كل واحد منها شرح أو تعليق.

    HTML Hyper Text Markup Language WWW World Wide Web FTP File Transfer Protocol GIF Graphical Interchange Format JPG, JPEG Joint Photographic Experts Group
    ونحتاج لإنشاء هذه القوائم إلى ثلاثة وسوم:
    الأول <DL> ... <‎/DL> لتعريف بداية ونهاية القائمة.
    والثاني <DT> ويوضع قبل كل مصطلح لتحديده، وهو وسم مفرد.
    أما الثالث فهو <DD> وهو وسم الشرح أو التعليق وهو أيضا مفرد. ولنقم الآن بكتابة شيفرة القائمة السابقة
    ‎<DL>‎
    ‎<DT>HTML <DD>Hyper Text Markup Language‎
    ‎<DT>WWW <DD>World Wide Web‎
    ‎<DT>FTP <DD>File Transport Protocol‎
    ‎<DT>GIF <DD>Graphical Interchange Format‎
    ‎<DT>JPG, JPEG <DD>Joint Photographic Experts Group‎
    ‎<‎/DL>‎

    دلوقتى هنتعلم حاجه حلوه وبسيطه جدااااا
    لقد اقتصر حديثنا عن الصور حتى الآن على إضافة خلفيات للصفحات، وكان ذلك في الدرس الثانى أما إدراج الصور ضمن الصفحات نفسها فله حكاية أخرى، أبدأ بروايتها لك الآن.
    إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو <IMG> وهو وسم مفرد. لكن هل يكفي هذا لإدراج صورة؟ كلا، بالطبع يجب أن نحدد الصورة التي نريدها. لذلك نضيف الخاصية له SRC لتحديد موقع واسم الصورة وهى اختصار source يعنى المصدر.

    الصورة التالية إسمها bg.jpg وعندما قمت بإدراجها. كانت الشيفرة الخاصة بذلك هي
    كود هتمل:
    <IMG SRC="bg.jpg">


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

    الحالة الثانية: أن يكون ملف HTML موجوداً في مجلد ما وتكون الصورة موجودة في مجلد آخر بنفس المستوى. أي أنهما مجلدين متجاورين وليسا متفرعين أحدهما عن الآخر.
    وفي هذه الحالة نكتب .. (نقطتين) لتوجيه المتصفح للخروج من المجلد الفرعي الحالي (حيث يوجد ملف HT‎ML) ومن ثم الدخول إلى المجلد images حيث توجد الصورة.

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

    إن الأبعاد الأساسية لهذه الصورة هي 200×145 بيكسل Pixel (تابع القراءة حتى نهاية هذا الدرس وأعدك أن أوضح لك ما هي وحدة البيكسل إذا كانت هذه أول مرة تتعرف فيها على هذه الوحدة) وكما تلاحظ تم إدراج الصورة مع المحافظة على هذه الأبعاد. ومع ذلك فنحن نستطيع التحكم أيضاً بها وإظهار الصورة بالحجم الذي نريده من خلال هذا الوسم. كيف؟ بإضافة الخصائص HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين.
    كود هتمل:
    <IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120">
    كود هتمل:
    <IMG SRC="thedome.jpg" HEIGHT="300" WIDTH="500">
    الخاصية التالية التي تستخدم مع <IMG> هي ALT وفيها نحدد نصاً بديلاً يظهر مكان الصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعال في المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقع بطيئة التحميل.
    كود هتمل:
    <IMG SRC="thedome.jpg" ALT="The Dome Of The Rock">

    عندما نقوم بإدراج صورة ضمن فقرة فإن موقع ظهورها يتحدد بالطبع حسب ترتيب ورودها في الفقرة، مثلها مثل أي كلمة أو عبارة أخرى. ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافق لها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT وأوضح لك تأثير كل قيمة كما يلي:

    في الحالة العادية (مثل هذه) وعندما لا نقوم بتحديد أي محاذاة فإن النص الذي يلي الصورة يظهر بمحاذاة الحافة السفلى لها. وهذه هي الحالة الإفتراضية لظهور الصور والتي تمثلها القيمة BOTTOM
    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="BOTTOM">
    TOP

    وعند تحديد هذه القيمة فإن السطر الأول من النص الذي يلي الصورة يقع بمحاذاة الحافة العليا لها. أما باقي النص فيمتد أسفلها.
    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="TOP">
    MIDDLE

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

    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="MIDDLE">
    LEFT


    هذه القيمة تؤدي إلى محاذاة الصورة إلى أقصى اليسار. مع التفاف النص الذي يليها على الجهة اليمنى ولعدة أسطر حسب ارتفاع الصورة.


    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="LEFT">
    RIGHT


    أما هذه القيمة فتؤدي إلى محاذاة الصورة إلى أقصى اليمين. مع التفاف النص الذي يليها على الجهة اليسرى ولعدة أسطر حسب ارتفاع الصورة.


    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="RIGHT">

    الآن بعد أن قمنا بتحديد محاذاة الصورة نحتاج إلى تحديد المسافة الفاصلة بينها وبين النص الذي يجاورها. ونستخدم لذلك الخصائص التالية:
    VSPACE: لتحديد المسافة العمودية الفاصلة بين النص والحافتين العليا والسفلى للصورة.
    HSPACE: لتحديد المسافة الأفقية الفاصلة بين النص والحافتين اليمنى واليسرى للصورة.

    مثال:
    كود هتمل:
    <IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" HSPACE="20">
    النتيجة: هذه الشيفرة ستدرج الصورة المسماه image.jpg مع محاذاتها ليمين الصفحة وإضافة مسافة فارغة مقدارها 20 بيكسل على الجهات الأربعة. (قارن بين هذا الإطار والإطار السابق الذي وضحت فيه خاصية ALIGN مع القيمة RIGHT. ولاحظ المسافة بين الصورة والنص المرافق لها.)


    الخاصية الأخيرة والتي تستخدم مع الوسم <IMG> هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه. وهذه الخاصية تستخدم بشكل خاص عند تعيين صورة ما كوصلة تشعبية. ويتم التحكم بالسُمك من خلال إسناد رقم يمثل السُمك بالبيكسل. والقيمة الإفتراضية له هي 0 أي لا يوجد إطار حول الصورة.
    مثلاٌ لإضافة إطار سُمكه 5 بيكسل نكتب الشيفرة التالية:
    كود هتمل:
    <IMG SRC="image.jpg" BORDER="5">


    والآن حان الوقت لكي نناقش معاً بعض الأمور التي تتعلق بالصور والرسومات بشكل عام.

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

    JPG, JPEG
    إختصار لـِ Joint Photographic Experts Group. ويدعم هذا التنسيق صوراً بعيار 24 بت (أي 16.7 مليون لون). وميزة هذا التنسيق تتمثل في إمكانية ضغط الصور بنسب مختلفة عند تخزينها وبالتالي الحصول على صور صغيرة الحجم نسبياً.(أعني هنا حجم التخزين بالكيلوبايتات وليس أبعاد الصورة). لكن بالمقابل كلما إزدادت نسبة الضغط وصغر حجم الملف كان ذلك على حساب الجودة والوضوح.
    GIF
    إختصار لـِ Graphical Interchange Format وأقصى عدد للألوان في هذا التنسيق هو 265 لون. ومع ذلك فإن أحجام الصور المخزنة به كبير نسبياً مقارنة بتنسيق JPG. لكن هناك مزايا رائعة ينفرد بها تنسيق GIF مما يستدعي استخدامه في صفحات الويب، أولها القدرة على تخزين صور بخلفيات شفافة Transparent Images وثانيها الصور المتحركة Animated Gifs


    والآن قد تسأل، أي من هذين التنسيقين أستخدم في صفحاتي؟! لا يوجد جواب قطعي لهذا السؤال لكن إليك هاتين المعادلتين:
    JPG= الصور الحقيقية ذات العدد الكبير من الألوان، وذات الأبعاد الكبيرة
    GIF= الصور قليلة الألوان وصغيرة الأبعاد مثل الأزرار.

    * وحدة البيكسل Pixel (ألم أعدك مسبقاً بتوضيحها). وهي اختصار لـِ Picture Element. إذا كانت شاشتك بإستبانة 600×800 مثلا فهذا يعني أنها مقسمة(نظرياً) إلى شبكة من 600 عمود 800 سطر. وبمنتهى البساطة، إن كل خلية من هذه الشبكة تمثل بيكسل وبالطبع كلما زادت الإستبانة كلما صغر حجم وحدة البيكسل.

    * هل سبق لك وأن سمعت بمصطلح Thumbnail ضمن مصطلحات الإنترنت؟ حسناً، لا تلتفت إلى الترجمة الحرفية لهذه الكلمة، والتي تعني "ظفر الإبهام". فالمقصود حقيقةً بها هي تلك الصورة الصغيرة جداً التي تقوم بالنقر عليها فتؤدي إلى عرض صورة بحجم أكبر. لذلك قد يكون المصطلح الأنسب لوصفها هو "العيّنة".
    (وإذا كنت قد زرت أحد المواقع الإخبارية لرأيت كيف يتم عرض عينات وصور مصغرة للقطات الأحداث وعند النقر على العينة تظهر الصورة الأصلية. إذن أنت لست مجبراً على الإنتظار لوقت طويل لحين ظهور صورة ذات حجم كبير للقطة لست معنياً بها).

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

    أعرف ماذا ستسأل الآن، ستقول ألم نتعلم قبل قليل كيفية عرض الصور مع التحكم بأبعادها؟ ألا يؤدي استخدام الخصائص WIDTH, HEIGHT إلى التحكم بحجم الصور وعرضها بنسب مصغرة حسب ما هو مطلوب؟
    إن استخدامك لهذه الخصائص يؤدي إلى إظهار الصورة بحيث تبدو مصغرة، لكنك فعلياً قمت بإجبار متصفح الزائر على تحميل الصورة بالحجم والأبعاد الأصلية ثم عرضها بالحجم المصغر أي أنك في النهاية لم تحقق الغاية من وجود هذه العينات.



    اتمنى يكون درس النهارده سهل عليكم

    وهو اضافاته تنسيقيه للصفحه


    نيجى للواجب العملى



    عايزين نصمم الصفحه بالمواصفات دى

    الصور الموجوده حجمها كبير وفى التصميم نريدها ان تعرض بعرض = 200 وارتفاع = 200
    الخطوط حجمها = 18 ونوعها الانجليزى Time New Roman العربى Arial
    العربى جهة اليمين والانجليزى جهة اليسار والصوره فى النصف

    مستلزمات التصميم وشكله هتلاقوه بالضغط على

    آخر مرة عدل بواسطة الغزيل : 05-07-2009 في 05:55 AM السبب: بوركتِ .. :)

  2. #2
    تاريخ التسجيل
    Oct 2007
    الموقع
    أم الدنيـ مصرـا منـ العلم ـارة
    الردود
    9,083
    الجنس
    أنثى
    لتحميل الدرس لانى اواجه صعوبات هنا فى المنتدى
    فى عمليه التنسيق لانه يضيف اكواد من عنده

    حملوا الدرس افضل

    للتحميل اضغط

    الحمدلله

  3. #3
    تاريخ التسجيل
    Apr 2009
    الردود
    2,751
    الجنس
    امرأة
    جزاك الله خير على هذا المجهود

  4. #4
    تاريخ التسجيل
    Apr 2009
    الردود
    2,751
    الجنس
    امرأة
    سؤال هل يتم وضع الصور بنفس الامتداد في الكمبيوتر حقى ام نرفع الصور فى مركز رفع ونكتب اسم رابط الرفع عند تطبيق الدرس

  5. #5
    تاريخ التسجيل
    Oct 2007
    الموقع
    أم الدنيـ مصرـا منـ العلم ـارة
    الردود
    9,083
    الجنس
    أنثى
    تعقيب كتبت بواسطة hanonfanon عرض الرد
    سؤال هل يتم وضع الصور بنفس الامتداد في الكمبيوتر حقى ام نرفع الصور فى مركز رفع ونكتب اسم رابط الرفع عند تطبيق الدرس

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


  6. #6
    تاريخ التسجيل
    Apr 2009
    الردود
    2,751
    الجنس
    امرأة
    اقصد الصور التي سنضعها في التصميم هل اكتب رابط تواجدها في جهازي ام احملها في مركز رفع صور واستخدم رابط الرفع في الاكواد التي اكتبها في الدرس

  7. #7
    تاريخ التسجيل
    Oct 2007
    الموقع
    أم الدنيـ مصرـا منـ العلم ـارة
    الردود
    9,083
    الجنس
    أنثى
    تعقيب كتبت بواسطة hanonfanon عرض الرد
    اقصد الصور التي سنضعها في التصميم هل اكتب رابط تواجدها في جهازي ام احملها في مركز رفع صور واستخدم رابط الرفع في الاكواد التي اكتبها في الدرس

    لا تشتتى نفسك
    طريقتها لا تفرق عن طريقه وضع الصور التى عملناها سابقا فى الخلفيه
    توضع عنوانها بنفس الطريقه

  8. #8
    تاريخ التسجيل
    Jul 2008
    الردود
    3,082
    الجنس
    أنثى
    السلام عليكم ورحمه اللله وبركاته
    تفضلي يامس النجي
    http://www.herosh.com/download/675626/10HTML.rar.html

  9. #9
    تاريخ التسجيل
    Oct 2007
    الموقع
    أم الدنيـ مصرـا منـ العلم ـارة
    الردود
    9,083
    الجنس
    أنثى
    تعقيب كتبت بواسطة اسيرة الشوق1 عرض الرد
    السلام عليكم ورحمه اللله وبركاته
    تفضلي يامس النجي
    http://www.herosh.com/download/675626/10HTML.rar.html

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

    ياهلا ياهلا
    فينك من فتره
    وحشتينى خالص

    التصميم رائع
    وتمام

    وبعد رؤيه باقى التصميمات
    ساعتمد التصميم الافضل على انه الحل المثالى للتطبيق وينزله الاعضاء


  10. #10
    تاريخ التسجيل
    Jul 2008
    الردود
    3,082
    الجنس
    أنثى
    تسلمين يارب
    وانتي والله اكتر يا قلبي
    بس كان عندي شويه مشاغل ما قدرت ادخل المنتدى
    اسمعي يا حبي ,, بسألك سؤال الان لو واحد عنده مدونه يقدر من لوحه التحكم مثلا يكتب
    بلغه الهتمل وبعدين لما يضغط على نشر تطلعله الكتابه ملونه او تطلع الرموز حقت الهتمل
    معليش يامس انجي جاوبيني ضروري
    لانك ماشاء الله خبيرة فأكيد مافي شئ يعجزك
    سمعت بمرض بابتك الله يشفيه يارب ويخليله لكم يارب لان الاب لايتعوض

مواضيع مشابهه

  1. الدرس الاول من( الجزء الاول ) من دورة تعليم تصميم المواقع
    بواسطة Eng.E.M.K في ركن الكمبيوتر والإنترنت والتجارب
    الردود: 96
    اخر موضوع: 27-04-2010, 04:57 PM
  2. الدرس الثانى من( الجزء الاول ) من دورة تعليم تصميم المواقع
    بواسطة Eng.E.M.K في ركن الكمبيوتر والإنترنت والتجارب
    الردود: 89
    اخر موضوع: 02-12-2009, 12:04 AM
  3. الدرس السادس من( الجزء الاول ) من دورة تعليم تصميم المواقع
    بواسطة Eng.E.M.K في ركن الكمبيوتر والإنترنت والتجارب
    الردود: 70
    اخر موضوع: 01-11-2009, 10:57 PM
  4. الدرس الخامس من( الجزء الاول ) من دورة تعليم تصميم المواقع
    بواسطة Eng.E.M.K في ركن الكمبيوتر والإنترنت والتجارب
    الردود: 83
    اخر موضوع: 30-10-2009, 04:05 PM
  5. الدرس الثالث من( الجزء الاول ) من دورة تعليم تصميم المواقع
    بواسطة Eng.E.M.K في ركن الكمبيوتر والإنترنت والتجارب
    الردود: 93
    اخر موضوع: 29-10-2009, 12:58 AM

أعضاء قرؤوا هذا الموضوع: 0

There are no members to list at the moment.

الروابط المفضلة

الروابط المفضلة
لكِ | مطبخ لكِ