المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تعلم تصميم صفحة في 5 دقائق !!!


6allob
17-05-02, 02:11 PM
إنطلاقا من مبدأ المنتدى وهو تنمية الثقافة لدى الشباب العربي عامة والشباب الكويتي خاصة لهذا كان لا بد من تقديم بعض المواضيع التي تفيد في مجال الكمبيوتر والإنترنت .

من المؤكد أن لديك فكرة تحب أن تنشرها بين الناس ، أو أن لديك هوايات تريد أن تعرفها أن يتعرف عليها أصدقاؤك أو أقاربك .. لقد أقتربت من تحقيق هذا الحلم !! :eek: .

سأقوم الآن بشرح طريقة عمل صفحة إنترنت رائعة ومتواضعة في فترة أقل من خمسة دقائق ، عن طريق موقع www.expage.com

بسم الله .. فلنبدأ

الخطوات :
1 - توجه الى موقع http://www.expage.com
2 - اضغط على الزر الموضح بالصورة
http://6allob2006.jeeran.com/images/6allob1.gif
3 - عند الضغط عله الزر السابق ستظهر لك صفحة جديدة من المستطيل الموضع بالصورة ادخل البانات التالية :
http://6allob2006.jeeran.com/images/6allob2.gif
في الخانة رقم 1 أدخل اسم المستخدم وسيكون هو عنوان صفحتك كالتاليwww.expage.com/userID
وفي الخانة رقم 2 أدخل كلمة السر لموقعك .. وستحتاج هذه الكلمة في كل مرة تدخل لتعديل صفحتك
الآن اضغط على الزر رقم 3 المبين بالصورة السابقة
مبرووووك الآن لقد أصبح لديك صفحة على النت وبكل بساطة ...
4 - تظهر لك صفحة جديدة وبأعلاها سيظهر لك مستطيل كما في الصورة التالية وهو المفتاح الذي سيمكنك من أجراء جميع التعديلات على صفحتك
http://6allob2006.jeeran.com/images/6allob3.gif
الآن سنقوم بشرح هذا المستطيل بالأرقام المبينة بجانب كل زر إبتداءً من الزر رقم 1 إلى الزر رقم 16 :

1 : يستخدم لأختيار شكل الصفحة وتنسيقها من حيث مكان العنوان والصور .. الخ ، ويفضل إستخدامه عن الإنتهاء من بقية الخطوات .

2 : يسخدم لكتابة عنوان الصفحة .
ملاحظة : الصفحة تنقسم إلى أربعة أقسام رئيسية هي : عنوان الصفحة - البداية أو المقدمة - المحتوى أو المنتصف - النهاية أو الحاشية السفلى .
http://6allob2006.jeeran.com/images/6allob4.gif
الزر رقم : 1 - لكتابة النص - 2 - لإختيار اللون - 3 - لإختيار حجم النص .

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

4 : وهو أهم جزء بالصفحة و قسم المحتويات الذي سيحتوي على كل ما تريد تقديمه لزوار صفحتك من معلومات وروابط ( لينكات )

5 :وهو القسم الذي يكون في آخر الصفحة وعادة ما يحتوي على اسم صاحب الصفحة وتاريخ التصميم مثال : حقوق الطبع محفوظة لدى أحمد - 2002

6 : وفيه تختار طريقة عرض اللنك أو الوصلة بإحدى الطريقتين :
- URL : يعني أن يظهر اللنك بصورة عنوان مثال : www.arabiclub.net
- prior word : يعني أن يظهر اللنك على طريقة نص ونضغط على آخر كلمة من النص لتفتح لك الصفحة .. مثال : موقع النادي العربي وتكون كلمة العربي هي اللنك أي أنك عندما تضغط عليها ستفتح لك الصفحة المطلوبة .

7 : لإضافة صفحتك في أحد الأقسام الرئيسية ليسهل على محركات البحث ايجاد موقعك.

8 : لإختيار لون الخلفية .

9 : وتستخدم لإدخال صورة على الصفحة من الموقع ( مثال : إذا أردت أن تضع صورة كرة قدم ، أختار من اليمين قسم sports ثم اضغط زر GO وأختر من المربع الكبير أسم soc-ball )

10 : نفس الزر السابق ولكن الفرق هو ان هذه الصور هي صور متحركة والصور السابقة صور ثابتة .

11 : ومنه تختار نوع ولون الفاصل الذي ستستخدمه للفصل بين أجزاء الموقع الأربعة التي ذكرناها سابقا ً

12 : وهي تستخدم لإضافة علامة دائرية قبل الجمل ، وللإستخدمها كل ما عليك فعله هو كتابة ( رمز النجمة الموجود على لوحة الكيبورد على اليمين فوق الأرقام ثم حرف البي كابيتال ) في أي مكان للنص من أقسام الصفحة الأربعة السالفة الذكر .

13 : وهو لإظافة بعض المميزات على الصفحة مثل سجل الزوار والعداد واللإستفتاءات وقسم النكت وقسم الألعاب .. ألخ .. كم هو مبين في الصورة التالية :
http://6allob2006.jeeran.com/images/6allob5.gif
الزر رقم : 1 - لعداد الزوار ، 2 - ليبين للزوار متى كان آخر تحديث للصفحة ، 3 - لسجل الزوار ، 4 - لصفحة النكت ( الإنجليزية ) ، 5 - لأضافة محرك بحث ، 6 - لأضافة استفتاء ، 7 - للإضافة ألعاب ، 8 - لأضافة حكمة أو كلمة تتغير كل يوم ، 9 - للإضافة ألمبوم للصور ، 10 - لإضافة موسيقى على الصفحة .

14 : لتحميل الملفات من جهازك الى الموقع ( مثلاً لتحميل الصور لإضافتها في المنتدى )

15 : للخروج .

16 : للمساعدة وفيها شرح لكيفية إضافة وصلات وشرح كيفية إضافة كودات الجافا سكريبت .

الآن وبعد شرح جميع محتويات القائمة نكون قد وصلنا إلى نهاية الدرس .

أرجو أن أكون قد أفدتكم من هذا الموضوع ، وانا حاضر لإستقبال أسئلتكم واستفساراتكم .


تحياتي ///// :)

World Cup
17-05-02, 03:59 PM
يا سلام موقع و لا أروع

شكرا لك

امدررررس
17-05-02, 11:03 PM
مشكور والله يعطيك العافية يا 6allob

cool^__^man
17-05-02, 11:14 PM
شلون اذا بقيت اكتب النكت

او حكمة اليوم

6allob
18-05-02, 01:35 AM
بالنسبة الى الحكمة والنكت فيمكن لزائر الصفحة انا يختارها من آخر الصفحة وتظهر له الصفحة الخاصة بالحكم أو النكت بالإنجليزية ولا يمكنك أن تكتب أن الحكمة أو النكتة ..

SHMAS71
20-05-02, 05:54 PM
مشكور على هذا الدرس
وعندي استفسار

شلون اعرض تصاميمي هل هي عن طريق تحميل الملفات
واذا ممكن تششرح لي الطريقة
حجزت صفحة لعرض تصاميمي الرياضية .


http://expage.com/alghanimi

6allob
20-05-02, 08:40 PM
النص الأصلي مرسل من قبل SHMAS71

شلون اعرض تصاميمي هل هي عن طريق تحميل الملفات
واذا ممكن تششرح لي الطريقة
حجزت صفحة لعرض تصاميمي الرياضية .

http://expage.com/alghanimi

حياك الله أخوي ..

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

في البداية يجب عليك تحميل الصور إلى أحد مواقع تحميل الصور وعلى سبيل المثال موقع arab3.com

بعد تحميل الملف ويجب أن يكون بامتداد JPG يجب عليك نسخ عنوان الصورة

ثم ومن خلال صفحة التصميم الخاصة لموقع expage.com أختر الخيار رقم 4 كما هو مبين في الدرس وهو MIDDLE ثم أكتب هذا الكود في الكان الذي تريد وضع الصورة فيه ..
<table background=ضع عنوان الصورة هنا height=إرتفاع الصورة width=عرض الصورة><tr><td></table>

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

SHMAS71
20-05-02, 08:47 PM
آنه عندي صفحة في جيران

وراح اعمل مثل ما قلت وارد عليك
ومشكور مقدما

SHMAS71
20-05-02, 08:57 PM
لو سمحت ابي اعرض التصاميم صغير وبالضغط على الصور ينتقل لتصميم الكبير شنو الكود ؟

6allob
20-05-02, 11:30 PM
تفضل هذا اهوة الكود
<table background="عنوان الصورة" height=ارتفاع الصورة width=عرض الصورة border=0><a href="عنوان الصورةالكبيرة"><tr><td></table>

ملاحظة طبعاً الإرتفاع والعرض هو لقياسات الصورة وهي صغيرة وعند الضغط عليها ينقل لعناون الصورة بالموقع المستضيف ( مثلاً جيران ) وتظهر بقياساتها الطبيعية .

عنوان الصورة وعنوان الصورة الكبيرة هو عنوان واحد ..

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

:rolleyes:

سرحبي فيك غامض
21-05-02, 05:50 AM
شرح رائــــــــع وموفق اخووي طلووب ..

يعطيــــــــــك العافيه .. وعساك على القوووه

تحيــــــــاتي :)

SHMAS71
21-05-02, 12:16 PM
6allob مشكور وعطني الاحلى والاصعب ;)

6allob
21-05-02, 01:55 PM
سرحبي فيك غامض
يعطيج العافية أختي ومشاركتج هي الأروع

=============

SHMAS71
العفو ، الحين انت جرب وخلنا نشوف هالطريقة واذا ما اكنت حلوة راح أعطيك الطريقة الثانية

حمراوي
09-07-02, 01:28 PM
موقعك يا طلوب مو راضي يطلع ..:(

6allob
09-07-02, 02:07 PM
ةالله الظاهر أن الصفحة اختربت ولا شي ... يمكن الشركة أعلنت إفلاسها :D


على العموم ولا تزعل نفسك راح أحطلكم دروس جديدة .. ومواقع جديدة .. وكل اللي تتمنونا يا أعضائنا الكرام

سرحبي فيك غامض
09-07-02, 09:47 PM
أخووي حمرااوي..

اذا قصدك موقع الاكسبيج http://www.expage.com/
فهوو شغاال تماام ..

اما اذا قصدك الصوور..اعتقد اخووي طلووب محملهم في موقع مركز الصور
والموقع مغلق للتعديل:D

<<<<<<<<<< الحين انتي وشمدخلج في السالفه(( نوع من انواع اللقافه:p ))

تحيــــــاتي :)

6allob
09-07-02, 10:20 PM
أختي( سر حبي فيك غامض ) ... والله اسمج قصة مو اسم :D ... وما نستغنى عن مساعداتج

موقع الاكسبيج ... أمس ماكان شغال بسبب السيرفر ... والحين اشتغل مرة ثانية .. وانا أمس مسحت الصور قلت ماراح احتاجهم واحتجتهم ... حظ من السما :D ... ععلى العموم انا أحاول أدورهم واذا مالقيتهم اسويهم مرة ثانية وأنزلهم لكم ...

6allob
14-07-02, 11:15 AM
الحمدلله لقد قمت بتجديد الصور مرة أخرى وتحميلها الى المنتدى .. والآن الموضوع شغال مية مية ... ولأي مساعدة آنا تحت أمركم

aziz
20-07-02, 06:07 AM
اكسبيج شركة ممتازة .. انا مسوي سايت عندهم .. لكن ما استمريت فيه :)

حمراوي
03-08-02, 04:17 AM
ممكن توظحلي بالرسائل الخاصه ؟؟ ممكن ؟؟

6allob
03-08-02, 05:51 AM
أي سؤال عندك اكتبه لي وانا أجاوبك .. علشان يستفيدون باقي الأعضاء بعد

وشكراً /// :)

حمراوي
04-08-02, 12:02 AM
كل شي:D

علي دائي البطل
15-08-02, 09:01 PM
اسمحولي .. ادّش عرض بينكم. :)

اردت فقط أن اشكرك يا طلوب على هذا الموقع الجميل و المفيد...
وكذلك على دروسك القيّمه عليها.. ترى انا معاكم من اول درس و قاعد اطبق اللي تقوله.. و مستفيد منك الكثير..
يعطيك الف عافيه يا أخي الكريم.. و الله يوفقك اكثر .. و إلى الأمام دوماً.
تحياتي و اعجابي بفـنّـك.

q8yboy
28-08-02, 08:37 AM
مشكوووور طلوب انا اتوقع موقع عجيب بس ماشفتة ولا طلع :( :(

حمراوي
11-09-02, 06:45 PM
موقع ولا اوع مشكور واااااااااااااااااااااااااااااااااااااااااااااايد اخي العزيز طلوب

حسين زكريا
06-10-05, 09:21 PM
الله يعطيك الف عافيه على المعلومه;)

دمي اخضر
07-10-05, 02:48 PM
شرح رائــــــــع وموفق اخووي طلووب

ღPiNKYaღ
07-10-05, 04:03 PM
كل الشكر لك اخي طلوب

على الشرح الكافي و الوافي ...

ربي يعطيك العافيه ..

وربي لا يحرمنا منك يالغالي ..

القلم الحر
10-10-05, 02:16 PM
شكرا طلوووووب