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

مشاهدة النسخة كاملة : حجز موقع + رفع ويب بالفرونت بيج (شرح مفصّل)

JavaGirl
16/2/2002, 08:41
</b><font face="Tahoma" size=2>السلام عليكم و رحمة الله و بركاته.

<u><font color="#800000">ملاحظة</font></u>: تحتوي الصفحة على العديد من الصور، فصبركم معانا :)

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

--------------------------------------
<font color="#FF0000">&nbsp;المقدّمة </font>
--------------------------------------
اليوم سنتعلّم كيف نرفع الويب التي قمنا بتصميمها باستخدام الفرونت بيج على الإنترنت.&nbsp; لأن المستضيف <a href="http://www.tripod.com">http://www.tripod.com</a> يدعم الفرونت بيج. سنتعلم اليوم كيف نرفع موقعنا عليه إن شاء الله. :-)

--------------------------------------
<font color="#FF0000">الخطوة الأولى:</font>
--------------------------------------
نفتح الموقع:<blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step01.gif" width="447" height="89"></blockquote>تضغط كما هو واضح في الشكل على الزر المكتوب عليه Sign Up.

--------------------------------------
<font color="#FF0000">الخطوة الثانية</font>
--------------------------------------
سيأخذك المتصفّح إلى صفحة فيها هذا الخيار، لا تغير فيه شيئاً لأننا نريد حجز الموقع المجاني:<blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step02.gif" width="620" height="77"></blockquote>و تنزل إلى نهاية الصفحة و تضغط على continue:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step03.gif" width="174" height="43"></blockquote>

--- يتبع ---
JavaGirl
16/2/2002, 08:41
</b><font face="Tahoma" size=2>--------------------------------------
<font color="#FF0000">الخطوة الثالثة</font>
--------------------------------------
الآن ستظهر لديك صفحة فيها عدة أجزاء. و الجزء العلوي منها هو هذا، اكتب البيانات المطلوبة: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step04.gif" width="576" height="238"></blockquote>ولاحظ أنه يوجد في الصفحة على اليمين مساعدة في كل جزء. تخبرك عما يجب أن تقوم به. في الجزء الذي يليه: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step05.gif" width="400" height="440"></blockquote>
لا يجب أن تضع معلوماتك الحقيقة، و لكن ضع معلومات لايمكن أن تنساها، وضع إيميلك الصحيح، لأنه سيتم إرسال اسم المستخدم و الباسوورد له. ثم ستجد هذا الجزء:<blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step06.gif" width="396" height="158"></blockquote>وهنا تضع إهتماماتك. ثم هذا الجزئين، وهما الخاصين بالعروض التي يقدّمها الموقع، إذا أحببت أن تشترك في أحدها: <blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step07.gif" width="300" height="130">
<img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step08.gif" width="300" height="91"></blockquote>ثم نأتي للخطوة المهمة، وهي هذه:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step09.gif" width="571" height="109"></blockquote>تجد في الدائرة رقماً في شكل صورة، عليك أن تكتب الأرقام كما هي في المكان الذي يشير إليه السهم. ثم في النهاية ستجد هذا الجزء: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step10.gif" width="300" height="85"></blockquote>و عندها إن شئت فاقرأ اتفاقية الاستخدام ثم اضغط على زر I Agree كما في الدائرة. :-) قديحدث أن يكون شخص آخر قد حجز الاسم قبلك، أو أن تكون قد أهملت إدخال أحد الحقول، فستظهر لك فورم تطلب منك التصحيح، ثم سيعطيك confirmation code جديد هكذا:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/error1.gif" width="378" height="55"></blockquote>فلا تنسى إدخاله بعد أن تقوم بالتصحيح :-) فإذا تم إدخال جميع البيانات المطلوبة، فستظهر لك هذه الشاشة لتخبرك أنه تم حجز الموقع باسمك:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step11.gif" width="400" height="143"></blockquote>

--- يتبع ---
JavaGirl
16/2/2002, 08:42
</b><font face="Tahoma" size=2>--------------------------------------
<font color="#FF0000">&nbsp;الخطوة الرابعة</font>
--------------------------------------
تذهب إلى نفس الموقع الذي ذكرناه سابقاً و لكن هذه المرة ستقوم بالدخول كعضو: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/login.gif" width="447" height="89"></blockquote>سيطلب منك إدخال اسم المستخدم و الباسوورد، ثم سيأخذك إلى مساحتك النخصصة لك والتي تستطيع إدارة موقعك فيها. و عندما تدخل، ستجد صفحة في الجزء العلوي منها هذا الشكل: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step13.gif" width="440" height="37"></blockquote>إضغط على My Account كما هو موضح في الشكل. ستظهر لنا صفحة في القسم العلوي منها هذا الشكل: <blockquote> <img border="0" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step14a.gif" width="313" height="283"> </blockquote>لاحظ وجود الموقع في الأعلى :) وهو ما وضعنا عليه دائرة حمراء :) فهنا سيكون اسم موقعك أنت. أما الجزء الذي يهمّنا في الواقع الآن هو هذا الجزء: <blockquote><img border="0" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step14b.gif" width="261" height="98"></blockquote>وهذا الجزء مهم جداً جداً. لأننا الآن سنقوم بتفعيل الفرونت بيج لموقعك (حتى تتمكن من عمل publish). بعد أن تضغط عليه، قد يطول الوقت قليلاً. (وقد يعلّق الاكسبلورر) فعد بالشاشة للخلف عندها و اعمل ريفرش، ستجد هذا: <blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step15.gif" width="237" height="62">
</blockquote> و هكذا، نكون قد جهّزنا الموقع لرفع الصفحة عن طريق الفرونت بيج :-)

--- يتبع ---
JavaGirl
16/2/2002, 08:43
</b><font face="Tahoma" size=2>--------------------------------------
<font color="#FF0000">&nbsp;الخطوة&nbsp; الخامسة</font>
--------------------------------------

الآن افتح الويب التي قمت بعملها في الفرونت بيج. و من قائمة الملف اختر Publish Web> كما في الشكل:<blockquote>
<img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step16.gif" width="145" height="160"></blockquote>سيظهر لك مربع حوار كهذا، اكتب فيه الموقع الخاص بك كما محدد بالمربع الوردي في الشكل:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step17.gif" width="393" height="244"></blockquote>واضغط على Ok عندها سيظهر لك مربع حوار يطلب منك اسم المستخدم و الباسوورد، كهذا:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step18.gif" width="402" height="254"></blockquote>ثم سيقوم الفرونت بيج بعمل الاتصالات اللازمة لنقل الويب الخاصة بك للموقع. وستظهر لك هذه النافذة:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step19.gif" width="311" height="380"></blockquote>إضغط على publish، سيبدآ عندئذ بنقل جميع ملفاتك و سيظهر لك شريط الحالة هكذا:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step20.gif" width="356" height="214"></blockquote>وعندما ينتهي، سيظهر لك هذا المربع الحواري:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step21.gif" width="350" height="171"></blockquote>ثم اذهب للموقع ستجد أن صفحتك قد رُفعت. هكذا:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/step22.gif" width="300" height="258"></blockquote>

--------------------------------------
<font color="#FF0000">ملاحظات</font>
--------------------------------------<ul><li>إذا كنت تستخدم برنامج حماية، لاتنسَ أن تسمح للفرونت بيج باستخدام الانترنت :)<li>و يمكنك استخدام المساعدة إذا واجهتك أي مشاكل في tripod والموجودة في أسفل الصفحات كما في الشكل: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/help.gif" width="247" height="173"></blockquote><li>يمكنك تغيير نوع الإعلانات او طريقة عرضها عن طريق منطقة الإعلانات في My Account كما في الشكل:<blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/publishSite/ad.gif" width="270" height="136"></ul>أرجو أن يكون الدرس واضحاً :)

تحياتي
JavaGirl
عاشق النمر
17/2/2002, 01:38
درس رائع اتمنى انه ينجح معي :)


الله يعطيك العافية
شقراوي
17/2/2002, 03:44
عين الحسود فــــيها عــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــود

عيني عليك بارده

والله درس مفيد للغايه :)

الف شكر
Muhanad
17/2/2002, 03:49
من ابداع الى ابداع .. شرح رائع من رائع ..

يعطيكِ الف عافية على هذا الشرح المفصل ..

وان شاءالله مع شرحك نستفيد ;) ...
JavaGirl
17/2/2002, 19:22
</b><font size=2 face="Tahoma">السلام عليكم و رحمة الله و بركاته..

عاشق النمر :D
هلا والله.. و ياليت اتقول لي عن تجربتك و موقعك ;) و إذا احتجت شي لا تتردد .. اسأل.. لايردّك إلا لسانك :kany:

شقراوي :D
بعضٌ مما عندكم يا استاذنا، والله يخليك لنا ما تقصّر دايماً :jnbg:

زعيم آسيا :D
هلا والله، الله يخليك على المجاملة الرقيقة و تسلم ياأخي.. :yes:

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

الله يوفق الجميع..
JavaGirl
زيـziyadــاد
17/2/2002, 20:14
:ignor: درس مسكت ..

يالله شباب ..

كل واحد يسوي كذا :ignor:
JavaGirl
17/2/2002, 20:45
شباب عدّلت شوي في الخطوة الخامسة...

هاه.. أوكي زياد أنا بعد بسوي :ignor: بس شو السالفة؟ :amle:

تحياتي
JavaGirl
POWER
18/2/2002, 01:25
ما شاء الله عليكي
جهد رائع وتشكرين عليه
ومبدعه بالفعل يا استاذتنا الكبيره (JG )
والى مزيد من التقدم...وننتظر المزيد يا أبله
تحياتي الحاره لك
عاشق العثرات
18/2/2002, 02:58
والله درس رائع .. تسلم الايادي ..



ولكي تحياتي ياغاليه ..
محب الشلهوب
18/2/2002, 03:54
شاكرلك اختي على هذا الموضوع الرائع والمنسق ..

انا وصلت الى حجز الموقع

وهذا هو الموقع

http://alnade2004.tripod.com/

هل بأمكاني عن طريق هذا الموقع تحميل ملفات وصور

مع الف شكر لك :)
M.Alkahtani
18/2/2002, 05:28
الأخت الغالية JavaGirl ما قصرتي على الدرس و مشاء الله تبارك الله كل يوم تعطينا درس أحسن من اللي قبله .
و صدق زياد بنسوي كذا :ignor:
تحياتي لك :yes:
JavaGirl
18/2/2002, 19:53
أبو حسين :D الله يخليك يارب ما تقصّر.. تكفي طلّتك علينا في مواضيعنا المتواضعة انت و كل الأساتذة الكبار في ها الساحة :)

الذيب:D الأروع من الدرس هم الأعضاء اللي يهتمون بالاستفادة والله.. و تسلم الذيب، شرفتنا :)

mksa :D قلتها قبل وانا اختك و برجع أكررها.. والله المنتدى هذا اللي يخلي الإنسان يرتاح و يبدع :) وترا نحن نتعلّم منكم والله.. :) وليش انت بعد اتسوي جيه؟! تضامناً ويا زياد!؟؟! هيّن :mad:

خلاص تعالوا بقية الشباب كلنا بنسوي جيه :sher: هاهاهاهاهاها ;)

و على فكرة.. ترا ثلاث ارباع الدروس البسيطة اللي في موقعي البسيط هي في الواقع عبارة عن إجابات لأسئلة، و أنا أحاول أخليها شاملة بحيث تغطي الموضوع.. والله الموفّق لنا جميعا..

شكراً لكم على الدعم المتواصل، و ياليت لو عندكم ملاحظات أو اقتراحات ما تترددون أبداً.. :D

أختكم
JG
JavaGirl
18/2/2002, 20:24
</b><font face="Tahoma" size=2>السلام عليكم و رحمة الله و بركاته

محب الشلهوب :D

أولاً اعذرني على الرد على mksa قبلك، ليست واسطة لأنه المشرف :kayf: و لكن لأني فضلت أن أرد عليك في رد منفصل يا أخي الكريم :)

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

(1) إذا كنت قد صممت موقعك في صورة ويب، فأنت لا تحتاج إلى رفع الصور و الملفات بشكل منفصل، يكفي أن تقم باتباع الخطوة الخامسة لعمل publish و تنتهي السالفة، الفرونت بيج سيتكفّل برفع الموقع كاملاً :)

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

فقم بفتح الفرونت بيج، و عمل ويب جديدة فارغة( File--> New-->Web). سيقوم برنامج الفرونت بيج بانشاء ما تحتاجه من ملفات، و سيشئ مجلّداً للويب. يمكنك نقل ملفاتك و صورك (و المجلدات) إلى داخل الويب. مع الإحتفاظ بالملف index.html في فولدر الويب الأصلي.

قم بترتيب و ربط الصفحات و تنظيمها باستخدام (view Navigation)، فقم بترتيب كل الصفحات في مستويات. مع الاحتفاظ بالصفحة index.html في رأس الهرم.

الآن انتهيت من تحويل الصفحات المتفرقة إلى ويب متكاملة، اذهب إلى الخطوة رقم (1) و افعل ما تقوله لك ;)

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


و سامحنا
JavaGirl
يا عذابي
21/2/2002, 04:50
الف شكر JavaGirl على الشرح الرائع ولكن انا وصلت الى الخطوه الخامسه تقريبا يعني حجزت الموقع لكن لما احاول ادخل ما اقدر ليش ؟؟؟؟؟؟؟
علما انه وصلتني منهم رسالتين يعني سجلت وخلصت لكن ما قدرت ادخل لموقعي عندهم:zael:
JavaGirl
21/2/2002, 18:22
السلام عليكم و رحمة الله و بركاته..

هلا والله بأخي الكريم.. بالنسبة لمشكلتك، اتبع هذا الرابط:
http://ldbreg.lycos.com/cgi-bin/mayaLogin?m_PR=26&m_CBURL=http%3A%2F%2Fwww.tripod.com%2Fbin%2Fmembership%2Fgateway&m_LOIMGSRC=http%3A%2F%2Fwww.tripod.lycos.com%2Fadm%2Fredirect%2Fwww%2Fbin%2Fmembership%2Flogout_gif


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

أخبرني عما يحدث معك أوكي؟ لو واجهت المزيد من المشاكل لا تتردد في الكتابة مرة أخرى :yes:

تحياتي
JG
يا عذابي
22/2/2002, 03:16
اخوي دخلت الصفحه ودخلت اليوزر نيم والباسوورد لكن يطلع لي كذا:zael:

Not A Member Yet?






Already A Member?

Member Name
Password
Save member name & password
(what's this?)

Lost your password?


Lycos Rewards Membership Benefits
Fun & Easy Homepages for FREE!
• Get 20MB of FREE hosting space
• Your site URL is short, easy to remember and easy to share
• Our web tools and templates are for beginners and experts
• Use HTML, CGI and Java Scripts when you feel adventurous
• Get cool site add-ons, like guestbooks, polls, forms & more
• Earn money with your website and get more visitors

Join the Lycos Network
Use the same member name and password to access other Lycos Network
services including
• Get free email and voicemail
• Talk to friends and family with Instant Messaging
• Edit and store your photos online
• Get free software downloads
• Download your favorite MP3s
JavaGirl
27/2/2002, 07:15
السلام عليكم و رحمة الله و بركاته..

يا عذابي.. اللي يصير لك غريب.. بس خل نجرّب :)

راسلني على إيميلي: javagirl@javagirl.ws

و إن شاء الله نوصل لحل للمسألة..


تحياتي
JG
hilallover
28/2/2002, 17:35
تحياتي لك ولمجهودك الرائع وكذلك على موقعك الرائع
وعندي استفسار وطلب بسيط وهو ماهو البرنامج الذي تستخدمينه في الشرح؟؟ وكيف أحصل عليه؟؟
وشكرا مقدما
JavaGirl
28/2/2002, 19:36
hilallover :D

يا هلا بأخي الكريم.. و شكراً على الملاحظة اللطيفة..

بس وانا اختك ما فهمت شو تقصد بالبرنامج اللي أسوي به الدروس؟

تقصد الصور؟

تحياتي
JG
hilallover
28/2/2002, 20:09
أقصد البرنامج اللي تلتقطين به الصور أثناء الإعداد للدرس
وتقبلي تحياتي
JavaGirl
28/2/2002, 21:38
السلام عليكم و رحمة الله و بركاته..

هلا بك يا أخي الكريم :)

ألتقط الصور باستخدام printscreen الموجود في الكيبورد لنسخ الشاشة كاملة، ثم أقوم بعمل لصق في الفوتوشوب، ثم أقوم بتعديل الصور و اقتطاع ما يلزم، ثم ترتيبها و إضافة المؤثرات باستخدام الفوتوشوب :)

لقد أرفقت لك صورة الزر المطلوب من على الكيبورد:
<img src=http://www.javagirl.ws/images4u/PrintScreen_Key.jpg border=1>


تحياتي
JG