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

مشاهدة النسخة كاملة : حقق حلمك فى متلاك موقع


mazroh2002
08-01-2003, 04:01 AM
هل تريد ان يكون لك موقع
كلنا بحلم بوقع له الان نحقق امنيتك بقدر الاستطاعه
اولا نبدأ بشرح html
التش تى ام ال احد لغات التصميم والتى يجب ان يعرفها كل مصمم
-------------------------------------
اولا : مبادىء اتش تى ام ال
اولا للكتابه فى منتصف ويسار ويمين الصفحه
<P ALIGN=******>هنا تكتب ما تريد</P>
1-للكتابه فى منتصف الصفحه استبدل **** بـ
center
2-اذا اردت ان تكتب فى اليمين استبدلها بـــ
right
3- اذا اردت ان تكتب فى اليسار استبجلها بــــ
center
------------------------------------------
اما اذا اردت عمل رابط لموقع
<a href="هنا عنوان الرابط على النت">هنا تضع العنوان عند الضغط عليه يقتح الرابط</a>
------------------------------------------
اما اذا اردت عمل الرابط لبريد
<a href=mailto:بريدك >الكلمه عند الضغط تفتح البريد</a>
-----------------------------------------
لادراج صوره
<img src="هنا عنوان الصوره بمسارها">
------------------------------------------
الادراج خلفيه صوتيه
<bgsound SRC=http://هنا عنوان الملف الصوتى المراد loop=1>
------------------------------------------
لاختيار نوع ولون الخط
<font size=***** color=******>
استبدل النجوم باللون و حجم الخط
سوف نعرض لكم اكواد الالوان لاحقا
-----------------------------------------
لادراج ملف فيديو
<img dynsrc=http:// *****start=fileopen>
استبدل النجوم بعنوان الملف
----------------------------------------
هذه هى مبادىء الاتش تىام ال
المبادىء فقط لها الكثير

قريبا يتم نشر طريقة تصميم موقع بالفرونت بيج
---------------------------------------------
طريقة حجز مساحه
لعل افضل مستضيف هو
http://www.freeservers.com
يمكنك ان تعرف طريقة الحجز من هنا
الشــــــــــــــــــــــــــــرح


او الدخول الى دليل الاستضافه

الى دليل الاستضافه
--------------------------------------------------
مهلا
اولا يجب ان تقرأ هذه
الهف من انشاء موقع
في بداية كل مشروع يسعى إليه الإنسان لتحقيقه يوجد هنالك أهداف محدد يجب أن يضعها نصب عينيه فعند البدء في إنشاء الموقع لابد أن تحدد الأهداف للموقع ... هل هو لكسب المال ؟؟ هل هو لعرض سلعة؟؟ هل هو للشهرة ؟؟ أو لإظهار موهبتك إما الأدبية أو الفنية أو العلمية ؟؟ أو للتعارف ؟؟ .........
وبعد ذلك تحدد ما الذي تريد أن تقدمه لزوار موقعك وما هي المواضيع التي تهمك . عندما تبدأ باختيار المواضيع فكر بما هو جديد لديك حتى تجعل من موقعك فريد من نوعه وهنالك مواضيع يفضل أن تكون في موقعك وهي :
1- تعريف لصاحب الموقع
2- روابط (مواقع )
3- الاتصال
أكتب مواضيعك في ورقة ثم انتقل إلى الخطوة التالية

الخطوة الثانية
كتابة كل موضوع على حداه
بعد أن كتبت رؤوس الأقلام في المواضع التي تريدها ابدأ بالتفصيل وأفضل كتابتها على أوراق بعيدا عن الكمبيوتر حتى تسهل لك عملية الكتابة والمراجعة ثم رتب أوراقك على النحو التالي : الورقة الأولى : الهدف من الموقع
الورقة الثانية : أسماء المواضيع
الورقة الثالثة : الموضوع الأول
الورقة الرابعة : الموضوع الثاني
والثالث والرابع .... وهكذا
وبعد الانتهاء من كتابتها ومراجعتها نحويا وبلاغيا أعد كتابتها على الكبميوتر واستخدم برنامج WordPad الدفتر ( أحد ملحقات ويندوز) أو برنامج word ( أحد برامج مايكروسوفت اوفيس )
انتقل للخطوة التالية

الخطوة الثالثة
تصميم صفحات الوب
استخدم الآن برامج تصميم الصفحات المشهورة ومن بينها وهو الأسهل برنامج فرونت بيج اكسبرس ( أحد ملحقات ويندوز ) وابدأ بنسخ ما كتبته ولصقه على الصفحة ... وقبل كل شي لا بد لك أن تتذكر هذه الأمور وأن لا تنساها وهي : 1-إن تنسيق الموقع يوفر للمتصفح الراحة في تصفح موقع 2- لا يهم المتصفح جمال التصميم ولكن الجمال في المحتوى فيجب عليك أن تهتم في المحتوى قبل جمال الموقع
3- يجب أن تكون الصور من نوع JPG أو GIF وان يكون الحد الأعلى في الحجم 30 كيلوبايت حتى لا يمل المتصفح من بطيء تحميل الصفحة
4-ضع جميع الملفات والصور في مجلد واحد ولا تنسى أن تعمل له نسخه احتياطية وتضعها في قرص مرن
5 – أعط لكل ملف اسم مخصص له بأسلوبك أو باتباع الأسلوب التالي :
Index.html الصفحة الرئيسية
Default.html اسم آخر للصفحة الرئيسية
About.html معلومات صاحب الموقع
Services.html خدمات الموقع
Products.html المنتوجات التي يقدمها الموقع
Contact.html صفحة الاتصال
Links.html صفحة الروابط
أعط لصورك والملفات الملحقة اسم يرمز له (يمثلxxx اسم الصورة أو الملف)
Bg-xxx.gif صور الخلفية
But-xxx.gif صور الأزرار
Fil-xxx.exe ملفات التحميل
Pic-xxx.jpg صور الموقع
وهناك طريقة سهلة هي أن ترتب الصور والملفات على أسماء الصفحات المتواجدة فيها :
(in هو اختصار index ) (ab اختصار about )
In-xxx.gif الصور في الصفحة الرئيسية
Ab-xxx.jpg الصور في صفحة المعلومات
.... وهكذا

الخطوة الرابعة
الاشتراك في شركات الإستضافة
بعد أن تنتهي من تصميم صفحاتك تبدأ الآن مرحلة الاشتراك في شركات الاستضافة وهي الشركات التي تقدم لك خدمة تحميل صفحاتك وعرضها على الإنترنت فتوجد هناك شركات كثيرة للاستضافة ولكنها تختلف في الخدمات التي تقدمها للزبائن وهناك شركات تطلب الاستضافة بدفع مبلغ من المال وهناك شركات للاستضافة مجانية فلنستعرض اشهر شركات الاستضافة المجانية وما تقدمه من خدمات للأعضاء (المشتركين) فكل منها تقدم لك مساحة معينة للتخزين ونظام نقل الملفات السريع (ftp) وطريقة الاعلان في موقعك ( بعض الشركات تشترط عليك وضع أعلاناتها على موقعك )
الخطوة الخامسة
تحميل الموقع
حمل ملفاتك للشركة المستضيفة عنلى طريقتين :
1-اما بدخولك لحسابك الخاص في الشركة وتحميل ملفاتك عن طريق المتصفح
2-أو عن طريق أي برنامج لنقل الملفات ( ftp مثل cuteftp) اذا كانت الشركة تقبل نقل ملفاتك على ال ftp
وبعد التحميل تفقد موقعك واكتب أخطاءك حتى تتداركها قبل افتتاح الموقع
وهكذا انتهت هذه الخطوات الخمس والتي ان اتبعتها بالشكل الصحيح تحقق حلمك في انشاء موقع خاص بك

mazroh2002
08-01-2003, 04:02 AM
هذا شرح فورنت بيج
هذه هى طرييقة الفرنت بيج xp
اما الملينيوم سوف يتم بأذن الله
http://www.sadaagroup.com/Front%20Page%20XP/1.HTM

mazroh2002
08-01-2003, 04:04 AM
بعد كل هذا كيف تشهر موقعك
هناك العديد من الطرق التي يستخدمها أصحاب المواقع للتعريف بمواقعهم وتسهيل عملية الوصول إليها ومن أهم هذه الطرق وأشهرها ما يلي :

# انشاء الميتا تاج ( الميتا واصفات ) :

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


# ارسال موقعك لمحركات البحث الشهيرة :

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

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

mazroh2002
08-01-2003, 04:05 AM
هل تحب اضافة الجافا الى موقع؟؟؟؟؟؟ حسنا اقرأ التى
كيف أحرر الكود ليتناسب مع موقعي ؟

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



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

# كيف الصق الكود في صفحتي بالفرونت بيج ليعمل بشكل سليم ؟

بامكانك استخدام إحدى الطريقتين التاليتين :

1- فتح صندق تحرير الهتمل كالتالي : insert>advanced>HTML سيفتح الصندوق .. الصق به الكود ثم اضغط OK .
ولكن في حالة الأكواد المجزأة الى منطقتين يلزمك حصر الكود بين الوسمين الخاصين بهذه المنطقة .. أي إذا أردت وضع الكود في منطقة الرأس اكتب أعلى الكود <head> وأسفله </head> وإذا أردت وضعه في منطقة الجسم اكتب أعلاه <body> وأسفله </body> وبذلك سيذهب الكود الى المنطقة المحددة تلقائياً .

أما في حالة الكود الذي سيوضع في منطقة الجسم فقط فضع مؤشر الماوس في المنطقة التي تريد ظهوره فيها ثم افتح الصندوق والصق الكود واضغط OK .

2- وهي الطريقة الأسهل ما عليك سوى فتح قسم HTML من أسفل برنامج الفرونت بيج ستجد أن تقسيم الصفحة جاهز إلى منطقة الرأس ومنطقة الجسم .. ضع الكود في المنطقة المناسبة ثم شاهده في قسم المعاينة Preview وتابع تحرير صفحتك في قسم Normal .

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

** ملاحظات **
1- جميع الأكواد الخاصة بتأثير الارتباطات ( الوصلات ) يتم لصقها في منطقة الرأس .
2- الأكواد المجزأة استخدمها حسب التعليمات المرفقة .
3- بقية الأكواد يتم لصقها في منطقة الجسم فقط .



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

# كيف أقوم بتغيير الألوان في الأكواد ؟

بالنسبة للألوان اما أن تسميها باللاتيني مثل : أبيض : white ، أسود : black ، أحمر : red ، أزرق : blue ، أخضر : green ، بني : brown ، برتقالي : orange ، أصفر : yellow . أو تكتب رقم اللون داخل الكود كما يفعل فرونت بيج .

mazroh2002
29-01-2003, 02:45 PM
مستعد لأى سؤال
وشكرا
تحياتى:
محمد الطاهر

Mafia boy
14-05-2003, 07:19 AM
مشكور اخي على الشرح -----رائع +رائع +ممتاز جدأ جدأ

king10
14-05-2003, 08:35 AM
شكرا شكرا شكرا

شرح ولا أحلى

نشوووف المزيد
:)

ابو عواد
14-05-2003, 08:46 AM
شكرا لك يالغالي

الفضولي
24-05-2003, 02:33 PM
شكرا mazroh2002 وننتضر المزيد

mazroh2002
08-08-2003, 01:44 AM
العفو يا شبا
هذا اقل واجب نحو منتدى المشاغب