صمم موقعك خطوة خطوة..دروس في التصميم

دعواتكم لزميلنا المفكر د.الباقر العفيف بالشفاء العاجل
مرحبا Guest
اخر زيارك لك: 12-11-2024, 10:47 PM الصفحة الرئيسية

منتديات سودانيزاونلاين    مكتبة الفساد    ابحث    اخبار و بيانات    مواضيع توثيقية    منبر الشعبية    اراء حرة و مقالات    مدخل أرشيف اراء حرة و مقالات   
News and Press Releases    اتصل بنا    Articles and Views    English Forum    ناس الزقازيق   
مكتبة خالد محمد نور ادريس(قرشـــو)
نسخة قابلة للطباعة من الموضوع   ارسل الموضوع لصديق   اقرا المشاركات فى شكل سلسلة « | »
اقرا احدث مداخلة فى هذا الموضوع »
02-05-2002, 01:12 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
صمم موقعك خطوة خطوة..دروس في التصميم

    بسم الله الرحمن الرحيم


    مقدمة تمهيدية




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

    أولا : قبل البدء في تصميم موقعك عليك تحديد موضوعه هل هو شخصي - برامج - تعليم - ثقافي .. إلخ

    ثانياً : ماهي البرامج اللازمة لتصميم صفحات الويب ؟

    1- المفكرة ( Notepad ) : وهي موجودة ضمن البرامج الملحقة بويندوز ... ويتم استخدامها لتحرير النصوص التي ستضعها في موقعك ومن ثم نسخها ولصقها في الفرونت بيج .

    2- مايكروسوفت فرونت بيج 2000 (FrontPage): وهو موضوع شرحنا ، وقد اخترناه لأنه من عائلة ميكروسوفت أوفيس التي اعتاد الكل تقريبا على استخدامها وهذا سيسهل من استخدامه . وهو برنامج قوي تستطيع أن تصمم صفحات بمستوى احترافي بواسطته . ويوجد هذا البرنامج ضمن مجموعة أوفيس 2000 كما ذكرنا ( وهو غير معّرب ) .

    3- برنامج رسومي : لإضافة لمسات جمالية للصفحة كالخلفيات والعناوين .. إلخ . ومن هذه البرامج ما يلي : * فوتوشوب (Photo Shop) * بينت شوب (Paint Shop Pro) * فلاش (Flash) * الرسام المرفق بويندوز أو أي برنامج رسومي آخر تجيد استخدامه . وسيكون هناك دروس لبعض هذه البرامج في الموقع بمشيئة الله .


    --------------------------------------------------------------------------------

    تعّرف على واجهة فرونت بيج 2000 : ولكن قبل البدء في شرح رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب

    نقسم صفحة الويب إلى منطقتين هما:

    1- منطقة الرأس أو الهيد: وتبدأ بـالوسم وتنتهي بـالوسم وتحتوي على عنوان الصفحة .

    2- منطقة الجسم أو البودي: وتقع بين الوسمين و .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة . والآن افتح الفرونت بيج2000 ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview .

    * القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .

    * القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .

    * القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview . * إليك الآن شرح أهم رموز أشرطة أدوات فرونت بيج 2000 :







    انتهى الدرس الأول


                  

02-05-2002, 02:16 PM

قرشـــو
<aقرشـــو
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 11385

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
شكرا سيدى (Re: Frankly)

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

    قرشــــــو
                  

02-05-2002, 01:34 PM

قرشـــو
<aقرشـــو
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 11385

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
يا شبكة جاك بلا (Re: Frankly)

    شكرا اخى فرانكلى

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

    قرشــــــو
                  

02-05-2002, 01:50 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: يا شبكة جاك بلا (Re: قرشـــو)


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

02-05-2002, 01:15 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)

    بسم الله الرحمن الرحيم


    الدرس الثاني



    # استخدام فرونت بيج : بعد أن حددت موضوع موقعك وتعرفت على واجهة فرونت بيج 2000 ابدأ التنفيذ الآن : أولاً : حدد خصائص الصفحة ... كيف ؟ في أي مكان فارغ في الصفحة اضغط يمين الفارة واختر من القائمة المنسدلة Page Properties ستظهر لك النافذة التالية :



    حدد ما تريد... بعد ذلك اضغط في الأعلى على علامة التبويب Background ستظهر لك النافذة التالية :



    حدد ما تريد ثم اضغط OK .


    --------------------------------------------------------------------------------

    ثانياً : ابدأ بتحرير الصفحة وإدراج الصور وعمل الارتباطات بين الصفحات .... كيف ؟ * لإدراج نص في الصفحة : ضع المؤشر في أي سطر تريد وفي أي جههة ( وسط أويمين أو يسار ) ثم ابدأ بالكتابة . [ ملاحظة : عند الكتابة في الفرونت بيج وأردت الانتقال للسطر التالي لإكمال الجملة السابقة بالضغط على Enter ستكون المسافة كبيرة بين السطور ولكن اضغط ( Shift+Enter ) . ] * لإدراج صورة : افتح القائمة Insert ثم اختر Picture ستفتح قائمة اختر منها From File بعد ذلك اختر الصورة التي تريدها واضغط OK . * لوضع وصلة أو ارتباط أو لنك أو حسب ما تسميها ، تنقلك لصفحة أخرى أو لصورة أو لمستند وورد أو لأي ملف عند الضغط عليها : 1- اكتب اسم الارتباط : مثلاً .. لمشاهدة صفحتي الشخصية "اضغط هنا" . 2- ظلل "اضغط هنا " .. وهي الجملة التي تريدها أن تصبح ارتباط لصفحتك الشخصية . 3- افتح القائمة Insert واختر منها Hyperlink أو اضغط Ctrl+K في لوحة المفاتيح .. ستظهر لك النافذة التالية


    (1) : في هذه المساحة ستظهر الصفحات التي قمت بحفظها .. وهذا سيسهل عمل ارتباط إلى هذه الصفحات .. فقط أشر بالماوس على الصفحة التي تريد ربطها بجملة " اضغط هنا " وستكتب مباشرة في الخانة (2) ، ثم اضغط OK . (2) : في هذه الخانة يمكنك كتابة اسم الصفحة مباشرة مع امتدادها وهو (htm.) . (3) : بالضغط على هذا الرمز ستفتح لك نافذة جديدة يمكنك من خلالها أن تستعرض مجلدات وملفات جهازك واختيار ما شئت لتربطه بالجملة المظللة في الصفحة . (4) : بالضغط على هذا الرمز ستفتح لك نافذه لعمل ارتباط إلى بريد إلكتروني .. عند الضغط على الوصلة في المتصفح يفتح برنامج البريد الإلكتروني الافتراضي للشخص المتصفح ليرسل لك رسالة على العنوان التي ستكتبه في هذه النافذة . بعد أن تختار نوع الملف الذي ستربطه بجملة " اضغط هنا " اضغط OK . ستلاحظ أن جملة "اضغط هنا" أصبح تحتها خط أي أنها أصبحت ارتباط لصفحة أخرى أو لملف آخر . [ وبنفس الطريقة تقوم بعمل جميع الارتباطات في موقعك .. جرب عمل وصلة أخرى لملف من نوع آخر !!] . ** لاحظ أن الارتباط يجب ان يكتب فيه الاسم مع امتداد الملف ... فمثلاً البرامج تكون عادة بامتداد exe أو zip لذا يجب عليك كتابة هذا الامتداد اذا رغبت عمل صفحة برامج مجانية ... فمثلاً لو اردت عمل ارتباط لتحميل برنامج باسم mIRC وامتداده هو exe يجب ان يكون الارتباط كالتالي : mIRC.exe ، وهكذا لبقية الملفات باختلاف امتداداتها .


    --------------------------------------------------------------------------------

    # كيف سأحفظ صفحاتي وبقية ملفاتي في الجهاز ؟؟؟

    1- قم بحفظ الصور التي ستستخدمها في موقعك بأحد الامتدادين jpg أو gif . * حيث ستستخدم امتداد jpg للمناظر الطبيعية أو الصور التي لا تقبل تقليل ألوانها حتى لا تفسد دقتها . * أما امتداد gif فهو للجرافيك التي ستقوم بعملها في برنامج الرسم لديك .

    2- يجب حفظ جميع ملفاتك من صفحات وصور .. إلخ في مجلد واحد وبعد ذلك قم بعمل ارتباطات إليها .. وذلك حتى لا تحدث مشاكل في ظهورها عند ارسالها إلى الشبكة ... كيف ؟؟؟؟ [ يفترض فرونت بيج حفظ جميع صفحاتك في المجلد التالي C:\mydocument\myweb .. لذلك يجب عليك أن تضع جميع ملفاتك التي ستستخدمها في مجلد myweb قبل عمل اي ارتباط لها . أما بالنسبة للصور فيفترض فرونت بيج لها مجلد داخل مجلد myweb وهو images لذلك يفضل أن تضع الصور والجرافيك فيها خاصة اذا كان موقعك به عدد كبير منها .. أي ستحفظها في c:\mydocument\myweb\images وبعد ذلك تقوم بإدراجها في الصفحة أو تصنع لها ارتباط كما تعلمت في السابق .. وبذلك يكون مسار استخدامها صحيح وتظهر عند ارسالها للشبكة بدون مشاكل بمشيئة الله ] . * طريقة حفظ الصفحة في الجهاز بعد عملها : افتح القائمة File واختر Save ستفتح لك النافذة التالية :


    في الخانة File name اكتب اسم الصفحة .. كما يمكنك تغيير عنوان الصفحة الذي حددته مسبقا في خصائص الصفحة من هذه النافذة وذلك بالضغط على Change فوق اسم الصفحة بعد ذلك اضغط Save ستلاحظ أن البرنامج حفظها في مجلد myweb كما ذكرنا آنفاً. ** ملاحظات مهمة **

    1- يجب أن يكون اسم الصفحة الرئيسية Index وذلك حتى تظهر مباشرة عند كتابة عنوان موقعك في المتصفح دون الحاجة إلى كتابة اسم هذه الصفحة .

    2- يجب أن تستخدم الحروف اللاتينية لكتابة اسم الصفحة أو أي رمز من الرموز المعروفة والموجودة في لوحة المفاتيح ولا تستخدم حروف عربية أو رموز غريبة .


    --------------------------------------------------------------------------------
    # كيف سيكون مسار ملفاتي في الشبكة ؟؟؟ أنت في جهازك قمت بحفظ ملفاتك في مجلد myweb الذي مساره c:\mydocument\myweb هذا المسار سيستبدل باسم موقعك أي سيصبح مثلا www.des4arab.com ، وستنقل ملفاتك إلى الشبكة بنفس ترتيبها في جهازك .. فمثلاً أنت لديك مجلد تحفظ فيه جميع صور موقعك وهو باسم images .. لذلك ستقوم بإنشاء مجلد بنفس الاسم في موقعك في الشبكة وتضع فيه جميع الصور المستخدمة . أما بالنسبة للملفات الأخرى مثل صفحات الويب التي قمت بعملها والتي تتميز بامتداد (htm.) ، أو مستند وورد ، أو غيرها فأنت وضعتها في جهازك في مجلد myweb جنباً إلى جنب مع مجلد images .. لذلك سترسلها إلى الشبكة بجانب مجلد images .. وبذلك لن تحدث مشاكل في فتح الارتباطات على الشبكة بمشيئة الله .

    BR>


    . انتهى الدرس الثاني
                  

02-05-2002, 01:18 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)

    بسم الله الرحمن الرحيم


    الدرس الثالث

    # كيف تتعامل مع الجداول في فرونت بيج 2000 : استخدام الجداول في صفحتك يجعل منها اكثر تنظيماً واحترافاً ... فمن غير الجداول لن تستطيع توسيط نص بجانب صورة أو تضع نصوص على شكل أعمدة متجاورة أو تضع خط رأسي أو أو ... إلخ . لذلك نحن نصحك باستخدام الجداول في صفحتك واتقانها !! # والآن ابدأ باستخدام الجداول : اضغط على رمز ادراج جدول في شريط الأدوات العلوي ( راجع شرح الرموز في الخطوة الأولى ) واختر عدد الأعمدة والصفوف التي تريدها . أو استخدم insert>table وحدد عدد الخلايا . * ستلاحظ أن حدود الجدول الداخلية والخارجية بارزة .. فماذا لو كنت تريد حدود الجدول مخفية في (Preview) وظاهرة في قسم (Normal) للتعامل معها وتدرج ما تريد ؟؟ ... بسيطة !! ضع المؤشر في أي خلية داخل الجدول وانقر يمين الفارة ستفتح قائمة اختر منها Table Propeties ستفتح لك نافذة توضح خصائص الجدول وهي كالتالي :



    (1): لتحديد موضع الجدول في الصفحة . (2): لتحديد المسافة بين الخلايا . (3): من هذا الخيار يمكنك اخفاء حدود الجدول في المتصفح وذلك بوضع قيمة سمك الإطار B*order=0 ، ويمكنك من هنا أيضاً زيادة سمك الإطار . (4): لاختيار لون الإطار حول الخلايا . (5): لاختيار لون خلفية للجدول . (6): لاختيار صورة كخلفية للجدول . (7): لاختيار عرض وارتفاع خلايا الجدول . (: باختيار لونين مناسبين من الخانتين Light border و Dark border يمنكنك جعل خلايا الجدول وكأنها بارزة .. وهذا سيعطها مظهر جميل . قم باختيار ما شئت من خصائص واضغط OK . ** ملاحظة ** ( أي اختيار ستختاره من خصائص الجدول سينطبق على جميع خلايا الجدول ) . ولكن ماذا لو أردت تطبيق خصائص معينة على خلية واحدة أو مجموعة من الخلايا دون البقية ؟؟ الأمر بسيط ..!! 1- لخلية واحدة ضع المؤشر بداخلها .. ولعدة خلايا قم بتحديد هذه الخلايا . 2- اضغط يمين الفارة واختر Cell Properties ستظهر لك النافذة التالية التي توضح خصائص الخلية :



    3- كما تلاحظ أنها شبيهة بخصائص الجدول .. اختر منها ما تريد من خصائص لتطبيقها على خلية واحدة أو خلايا محددة ثم اضغط OK . ** ملاحظة ** ( لفهم الجداول والتعرف إلى تعقيداتها بشكل أفضل احفظ الصفحات التى ترى تعقيداً في تصميمها وافتحها في الفرونت بيج 2000 )


    . انتهى الدرس الثالث
                  

02-05-2002, 01:44 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)

    بسم الله الرحمن الرحيم


    الدرس الرابع


    # حسّن مظهر صفحتك مع فرونت بيج 2000 : # أولاً: كيف تضع خط أفقي في صفحتك ؟ لوضع خط أفقي في الصفحة اذهب إلى Insert>Horizontal Line سيظهر لك الخط باعداداته الافتراضية ... لكن يمكنك تغييرها حسب ما تريد .. كيف ؟ انقر نقرة مزدوجة على الخط الأفقي عندها ستظهر لك النافذة التالية :


    (1) : طول الخط (2) : سمك الخط (3) : لون الخط
    --------------------------------------------------------------------------------
    # ثانياً: كيف تدرج رمز ما في صفحتك ؟ لإدراج رمز اذهب إلى Insert>Symbol ستفتح نافذة بها عدد كبير من الرموز .. اختر منها واضغط Insert ثم اضغط Close .
    --------------------------------------------------------------------------------
    # ثالثاً: كيف تضع تعداد رقمي أو نقطي في صفحتك ؟ أي لو كان لديك عدد من الأسطر وتريد ترقيمها أو وضع نقاط بجانبها بأي شكل كانت .. فماذا تفعل ؟ 1- اكتب السطور التي تريد ترقيمها واجعل الانتقال بينها بواسطتة Enter فقط وليس Enter+Shift . 2- ظلل السطور التي تريد ترقيمها واذهب إلى Format>Bullest and Numbering واختر منها ما تريد ثم اضغط OK .. ستجد أن المسافة بين الأسطر أصبحت صغيرة .
    --------------------------------------------------------------------------------نرجو لكم الفائدة # رابعاً: كيف تدرج نص متحرك في صفحتك ؟ اذهب إلى Insert>Component>Marquee ستفتح لك النافذة التالية :


    (1): اكتب هنا النص المتحرك . (2): سرعة تحريك النص . (3): نوع الحركة . (4): لوضع لون لخلفية النص المتحرك . اختر ما تريد ثم اضغط OK ... قم بمعاينته في قسم Preview . لو اردت تغيير الاعدادات انقر نقراً مزدوجاً على النص المتحرك ستظهر النافذة السابقة .. أجر تعديلاتك ثم اضغط OK .
    --------------------------------------------------------------------------------
    # خامساً: ما هي خاصية البوك مارك ؟ هل سبق لك أن زرت موقع عندما تضغط على ارتباط ينقلك إلى مكان آخر ولكن في نفس الصفحة ؟ انها خاصية البوك مارك !! فكيف يتم عملها ؟ تابع الخطوات التالية فالعملية سهلة : 1- حدد النص أو الصورة التي تريد الزائر أن ينتقل إليها عند ضغط ارتباط معين . 2- اذهب إلى Insert>Bookmark ستفتح النافذة التالية :


    3- اكتب اسم لهذا النص أو الصورة في خانة Bookmark name ثم اضغط OK . 4- حدد النص أو الصورة التي تريد الزائر أن يضغطها لينتقل إلى هناك . 5- اذهب إلى Insert>Hyperlink ستفتح النافذة التالية :




    هذا جزء من النافذة فقط وهو ما يهمنا في هذه النقطة 6- افتح القائمة المنسدلة بجوار كلمة Bookmark ستجد أن الاسم الذي كتبته في الخطوة (3) موجود هنا قم باختياره ثم اضغط OK . قم بتجربته في المعاينة ... ولكن لن يتضح لك إلا إذا كانت المسافة بين الارتباط والهدف أكبر من ارتفاع الشاشة 0
    --------------------------------------------------------------------------------
    # سادساً: كيف تدرج أزرار متغيرة بواسطة فرونت بيج 2000 ؟ هل سبق لك أن زرت موقع عند مرور الفارة على زر يتغير لونه أو يتحرك أو يحدث له أي تأثير ؟ ... يمكنك عمل بعض هذه التأثيرات بواسطة فرونت بيج 2000 كالتالي : 1- ضع المؤشر في المكان الذي تريد ظهور الزر فيه . 2- اذهب إلى Insert>component>Hover Button ستفتح النافذة التالية :


    3- حدد الخيارات التالية :
    (1): في هذه الخانة اكتب النص الذي تريد ظهوره في الزر . (2): الصفحة التي تريد الزائر ينتقل إليها عند ضغط الزر . (3): لون الزر . (4): نوع التأثير . (5): عرض الزر . (6): ارتفاع الزر . وبعد ضبط الإعدادات اضغط OK ، ثم قم بتجربة التأثير في قسم المعاينة Preview . ** ملاحظة ** [لو اردت تغيير الاعدادات انقر الزر نقراً مزدوجاً على الزر ستفتح النافذة السابقة ثم قم بالتعديلات اللازمة واضغط OK].





    . انتهى الدرس الرابع
                  

02-05-2002, 02:18 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)



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

    My Homepage
    images أنقر عليه مرتين لفتحه ثم اعمل بداخله ملف جديد بإسم >images سجل هذه الصور في ملف






    الصور يستحسن ان تحفظ بأسمائها الاصلية وهو ما سيظهر في الصورة ادناه

    My Homepage > images اضغط على ذر ادراج صورة ثم اذهب الى ملف
    ستطهر لك النافذة التالية:


    logo اختر من القائمة
    ok ثم أضغط Normal / HTML / Preview في الإطار أسفل البرنامج يحتوي على ثلاث قسام هي
    HTML تحول الى
    ستجد هذا النص الذي نود تغييره بعض الشئ وذلك لجعل الصورة اليى اقصى الشمال واقصى قمة الصفحة



    ينغيير النص في المكان المعلم بالاحمر ليصير هكذا



    الان نريد تغيير لون الخلفية ليوافق خلفية الصورة ذات اللون الازرق

    اضغط على مؤشر الفأرة الايمن ستفتح هذه النافذة


    ستفتح هذه النافذة Page Properties اضغط على



    اضغط على اضافة الوان اخري ستفتح لك هذه النافذة



    اضغط على الانبوبة المعلمة باللون الاحمر وتحرك بها الى داخل الصورة الى مساحة اللون الازرق ثم اضغط على الفأرة ثم اضغط
    ok

    index الان نريد خفظ الصفة بأسم

    اضغط على زر الحفظ ستظهر لك النافذة التالية



    ووجدت النص كما يلي فكل شئ يسير على ما يرام وينبقي HTML والان اذا انتقلنا الى



                  

02-05-2002, 07:07 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)


    الان الصفحة الاولى شبه مكتملة وينقصها الارتباطات للصفحات الاخرى ولكن قبل ان نقوم بذلك سنقوم بإعداد الصفحات الاخرى
    وهم:
    aboutme.htm

    links.htm

    main.htm

    sudan.htm

    افتح صفحة جديد وضغط على ادراج جدولواختار صفين كما موضح في الصورة ادناه



    وفي الصف اليسر اضف جدول من بيتين عرضيين في البيت الايسر اضف صورة
    menu
    كما فعلت لادراج صورة
    logo

    وفي الصف الاول ادرج صورة
    banner

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



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



    لتغيير لون الخلفية قم بنسح الكود بالصفحة الاولى والصاقه في مكان الكود
    الكود هنا معلم بالاحمر



    الان قم بتخزين هذه الصفحة بإسم
    aboutme

    ثم اختر مرة اخرى
    save as..مهم جدا ان لا تختار
    save

    Save as.. links

    Save as.. main

    Save as.. sudan

                  

02-05-2002, 05:56 PM

3bdo

تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 1926

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)

    سلامات فرانكلي

    انا جيت ...معليش كنت غايب ..عملت فورمات للجهاز كان فيه مشكلة وحسع حاحاول اشوف فرونت بيج 2000 من الشباب علشان انزله في الجهاز واتابع معاك ان شاء الله

    3bdo
                  

02-05-2002, 07:08 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: 3bdo)

    سلام يا عبده ونحنا في انتظارك
                  

02-05-2002, 11:15 PM

Elkhawad

تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 2843

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: صمم موقعك خطوة خطوة..دروس في التصميم (Re: Frankly)

    فرانكلي ممكن اشترك انا عاوز اصمم صفحه علي الانترنت لاكن ما تابعت الدروس من الاول يعني ممككن اسأل

                  

02-06-2002, 10:14 AM

قرشـــو
<aقرشـــو
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 11385

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
موقع على الشبكة (Re: Frankly)

    الأخ فرانكلى

    شكرا جزيلا على الدروس المفيدة ..
    هل الدرس الرابع هو نهاية الدروس ام هنالك دروس اخرى؟؟
    يعنى نبدأ فى التطبيق ام ننتظر بقية من دروس؟؟

    قرشــــــو
                  

02-16-2002, 12:24 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: قرشـــو)

    الاخ الخواض طبعا الف الف مرحب بيك وان كنت في غني عن الاشتراك معنا

    الاخ قرشو سلام نعم كان الدرس الرابع اخر درس ولكن الدروس التطبيقية ستوضح المزيد من الفنيات والاسرار لتصميم الصفحات كما ان الاستفسار يساعدنا كثيرا فقد نجد شخصا فينا يعلم طريقة اسهل من طريقة توصل لنفس النتيجة ارجو منك ومن الاخوة المشاركين ارسال ما عملوه الى الان على عنوان الايميل الخاص بي حتى اري الى ماذا وصلتم وماذا فهمتم واين قصرت في توصيل المعلومة ولكم مني اجزل الشكر
    عنواني هو:[email protected]
                  

02-16-2002, 06:44 PM

3bdo

تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 1926

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: Frankly)

    سلامات فرانكلينا
    حاشاك من التقصير ... قصر الملح ...نحن الطلاب الخايبين...انا جبت الفرونت بيج 2000 الليله يا دوب وجيتك طاير افتش عليك

    3bdo
                  

02-16-2002, 06:50 PM

Yaho_Zato
<aYaho_Zato
تاريخ التسجيل: 02-04-2002
مجموع المشاركات: 1124

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: 3bdo)

    brother frankly...

    you are the man
                  

02-27-2002, 01:12 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: Yaho_Zato)

    salam wa shukran ya shabab
                  

02-27-2002, 07:02 PM

3bdo

تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 1926

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: Frankly)

    سلامات فرانكلي...كيف حالك
    يا اخي ما شفت الحليلة...ليه زمن ما ظهر علينا..زاغ قبل نهاية الحصص
    3bdo
                  

02-28-2002, 03:21 AM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: موقع على الشبكة (Re: 3bdo)

    Dear Bros Frankly and 3bdo
    Salamat
    How R U
    Really lost U too much
    Ya Abu 3bda
    Salam
    Really I feel sorry to B absent this much but really I have some circumistances.
    Sure I didn't Zughta ,and I'm still following TIP TOE
    Waiting 4 U all
    By the way
    I'm up to date
    If brother frankly is having time let us meet some time in a net meeting
    What do U think 3bdo and Frankly?Waiting for your reply please
    Thanks a lot again
                  

03-02-2002, 03:03 PM

omar_ragab
<aomar_ragab
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 1722

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
FRANKLY UPPPPPPPPPPP (Re: Frankly)

    SALAM FRANKLY
    LOVYAA YA SO MUCH
    GOD BLESS U
    SUDANA FOOG
    OMAR RAGAB
    HOLLAND
                  

03-02-2002, 05:25 PM

3bdo

تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 1926

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: omar_ragab)

    سلامات فرانكلي ...يا اخي اشتقنا ليك عديييل كدة ...اخبارك شنو؟
    الاخ الحليلة ...سلامات ..وينك يا فردة...كدة برضه تخليني براي وتزوغ...اسمع..بخصوص النت ميتنق...اظن انها فكره جيدة ...بس اظن انه علشان ما نتعب استاذنا فرانكلي نجتمع انا وانت برانا في الاول ونراجع سوي وبعد كدة نناقش شغلنا مع الاخ فرانكلي... اذا ما عندك مانع اضيفك في الام اس ان مسينجر بتاعي رسل لي رسالة بالمسينجر هنا فيها ايميلك
    3bdo
                  

03-03-2002, 10:50 AM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: 3bdo)

    Hi Abu Abda
    I'm ready
    e-mail me at my nikname of course it is Hotmail.
    C U there please
                  

03-04-2002, 02:43 AM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: elhilayla)

    يا ابو عبدة وين أحبابك؟؟؟؟؟؟؟؟؟؟؟؟؟
    شوف بريدك يالحبيب
                  

03-05-2002, 01:59 PM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: elhilayla)

    Where R U Ya Shabab?
                  

03-06-2002, 01:08 PM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: elhilayla)

    Where R U Ya Shabab?
    عبده
    فرانكلي
    والجمع الكريم
    وحشتونا خالص
    يا فرانكلي معقول كدا
                  

03-06-2002, 01:14 PM

Frankly
<aFrankly
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 35211

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: elhilayla)

    سلام
    الحليلة
    سلام عبدو
    سلام للكل

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

03-06-2002, 01:35 PM

elhilayla
<aelhilayla
تاريخ التسجيل: 02-05-2002
مجموع المشاركات: 5555

للتواصل معنا

FaceBook
تويتر Twitter
YouTube

20 عاما من العطاء و الصمود
مكتبة سودانيزاونلاين
Re: FRANKLY UPPPPPPPPPPP (Re: Frankly)

    Ya Frankly
    Please let me C U in the messenger.
    Thanks 4 your reeply.
    Really we want to C each other.
                  


[رد على الموضوع] صفحة 1 „‰ 1:   <<  1  >>

������� ��������� � ������ �������� �� ������� ������ ������� �� ������ ������ �� ���� �������� ����� ������ ����� ������ �� ������� ��� ���� �� ���� ���� ��� ������

� Copyright 2001-02
Sudanese Online
All rights reserved.




احدث عناوين سودانيز اون لاين الان
اراء حرة و مقالات
Latest Posts in English Forum
Articles and Views
اخر المواضيع فى المنبر العام
News and Press Releases
اخبار و بيانات



فيس بوك تويتر انستقرام يوتيوب بنتيريست
الرسائل والمقالات و الآراء المنشورة في المنتدى بأسماء أصحابها أو بأسماء مستعارة لا تمثل بالضرورة الرأي الرسمي لصاحب الموقع أو سودانيز اون لاين بل تمثل وجهة نظر كاتبها
لا يمكنك نقل أو اقتباس اى مواد أعلامية من هذا الموقع الا بعد الحصول على اذن من الادارة
About Us
Contact Us
About Sudanese Online
اخبار و بيانات
اراء حرة و مقالات
صور سودانيزاونلاين
فيديوهات سودانيزاونلاين
ويكيبيديا سودانيز اون لاين
منتديات سودانيزاونلاين
News and Press Releases
Articles and Views
SudaneseOnline Images
Sudanese Online Videos
Sudanese Online Wikipedia
Sudanese Online Forums
If you're looking to submit News,Video,a Press Release or or Article please feel free to send it to [email protected]

© 2014 SudaneseOnline.com

Software Version 1.3.0 © 2N-com.de