(كيف تصمم موقعك خطوة خطوة) لو عايز تعمل موقع ادخل واعمله بنفسك - منتدى ليالي

dimostic · 21-02-2008, 01:19 PM

الحمد لله والصلاة والسلام على خاتم الأنبياء والمرسلين وعلى آله وصحبه ومن تبعهم بإحسان إلى يوم الدين أما بعد،، جميعنا يعرف أن الإنترنت افضل وسيلة إعلامية توصل إليها العقل البشري ،ذلك لما توفره من معلومات وبيانات وصور وأخبار لكل فرد ولما لها من خصائص تسمح لكل فرد بأن يشارك في الطرح والعرض علاوة على طرق الاتصال التي تتوفر لكل مستخدم والاتصال بالصوت والصورة الذي توفره خصائص الإنترنت للجميع والكثير الكثير من المميزات التي من أهمها إمكانية تخصيص مساحة خاصة لكل إنسان لكي ينشر فيها ما يشاء ويضع فيها ما تحب نفسه وتهواه سواء كان ذلك مواد علمية أو أفكار واعتقادات أو ترف وترفيه ونحن هنا بصدد الحديث عن الاستفادة من هذه الخاصية وبناء موقع خاص بنا على الإنترنت ولعمل ذلك بكل يسر وسهولة علينا اتباع الخطوات التي ساوردها فيما بعد ولكن نحتاج إلى وقفة بسيطة مع أنفسنا قبل الشروع في العمل البــداية لكل إنسان في هذا العالم الكبير هدف وهواية وطريقة تفكير ولكل إنسان دين وعقيدة و أسلوب ومنهج وقال تعالى ومن أحسن قولا ممن دعا إلى الله وعمل صالحا وقال إنني من المسلمين (فصلت33) ذلك بالإضافة إلى نشر العلم والفائدة والعمل على إصلاح المجتمع قدر استطاعتنا بعد أن أدركنا كل ذلك دعنا نبدأ بسم الله الرحمن الرحيم ملاحظة إذا رغبت في استثمار وقتك وجهدك بأحسن شكل وإذا رغبت في بناء موقع ناجح بإذن الله تعالى فأتبع التعليمات التالية بدقة شديدة احضر ورقة وقلم اكتب في أعلى الورقة الهدف من بناء الموقع ابتعد عن الحاسب واذهب إلى أي مكان آخر ، استعن بالله تعالى أولا ثم بمن هم اكبر منك سنا وخبرة وفكر مليا لتحديد الهدف (حدد ثلاث أهداف على الأقل) ولا تنسى أن أهدافك يجب أن تكون عملا تكسب منه رضى الله سبحانه أولا ثم مغانم الدنيا الزائلة وإذا عرض عليك الشيطان المشاركة في بناء الموقع فأستعذ بالله منه ولا تقبل أن يفسد عملك لأن عدو الله يدرك أن هذا الأمر خطير و سيراه أعداد غير محدودة من الناس بناء على الأهداف التي قررتها وبعد تنقية أهدافك من أي مخالفة لتعاليم الله سبحانه أبدأ في كتابة المواد التي سوف تعرضها في الموقع واجعل كل موضوع مفصول عن الآخر ( تذكر أن تكتب كل شئ توصلت إليه ولا تؤجل التفكير في أي شئ منها لأننا سوف نقوم ببناء القاعدة وسوف يصعب تعديلها فيما بعد) اجمع المواد التي تريد أن تضعها في موقعك كاملة ابدأ في فهرسة المواد - مثال سوف نضع في الموقع 5 مواضيع وهي كيفية صلاة النبي ( يحتوى على صفحتين) كيف نخدم الإسلام في الإنترنت ( يحتوي على صفحة ) احب الأعمال إلى الله ( يحتوي على مقال من صفحة) الدار الآخرة هي الحيوان ( يحتوى على صفحة واحدة) الشبكة السعودية ( يحتوي على روابط لمواقع إنترنت في صفحة واحدة )

بداية العمل الآن اعمل مجلد جديد على سطح المكتب وسمه (محتويات الموقع) وذلك بالنقر على الماوس الأيمن واختيار جديد ثم اختيار مجلد الآن سوف نبني الفهرس (صفحة البداية ) وتعتبر هي القاعدة التي يبنى عليها الموقع و نعرف أن هناك الكثير من المواضيع والأقسام سوف نضيفها في يوم من الأيام للموقع افتح برنامج فرونت بيج وإذا لم يتوفر لديك هذا البرنامج افتح فرونت بيج اكسبرس سوف يفتح لك اكسبرس صفحة خالية انقر بالماوس الأيمن في أي جزء من الصفحة ثم اختر خصائص الصفحة ثم حدد اسم لعنوان الصفحة وحدد نوع اللغة التي ستكتب بها محتويات الصفحة وإذا كنت لا تعرف تستخدم فرونت بيج أو اكسبرس فراجع قسم تعلم فرونت بيج .ولاحظ أن هناك فرق في خصائص وتطبيقات البرنامجين ولكن كيفية التعامل مع الصفحات والخلايا واحدة فبرنامج فرونت بيج يوجد به عدد كبير من الخصائص والمميزات التي لا يمكن عملها بواسطة اكسبرس ولكن يمكن بناء موقع إنترنت محترف ببرنامج اكسبرس ولذلك سوف نقوم بالشرح على هذا الأساس
الآن قم بحفظ الصفحة كملف في مجلد محتويات الموقع باسم بناء صفحة البداية لآن افتح برنامج اكسبرس أو فرونت بيج وافتح من خلاله مجلد محتويات الموقع ثم صفحة (index) والتي ستكون صفحة البداية اعمل جدول داخل الصفحة بعدد 3 أعمدة و3 صفوف وهذا مثال فقط ، يمكنك عمل الجدول حسب ما تحتاج
ختر العامود الأيمن الأوسط واكتب فيه عناوين المواضيع التي سيحتويها الموقع (سوف تكون هذه هي الروابط لباقي الصفحات الداخلية في الموقع) [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.28.gif[/IMG]
الآن ظلل عبارة (كيفية صلاة النبي)ثم انقر على مفتاح الوصلة المحدد في الصورة التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.29.gif[/IMG] New Page ثم حدد عنوان الصفحة بـsalat.htm الآن اختر من نافذة خيارات الوصلة[IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.30.gif[/IMG]
Normal Page سوف يتيح لك فرونت بيج اكسبرس تحديد نوع الصفحة اختر
انقر موافق ثم احفظ العمل من خيارات ملف في فرونت بيج ثم اغلق الصفحة بواسطة مفتاح اغلاق الإيطار [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.32.gif[/IMG]
ستنتقل الى الصفحة الرئيسية (index) قم بحفظ العمل واغلاق الصفحة كما فعلت مع الأولى. الآن ا نتقل إلى مجلد محتويات الموقع وانقر على صفحة الرئيسية وسوف يفتحها المتصفح مباشرة ، انقر على وصلة صفة صلاة النبي وسوف ينقلك المتصفح إلى صفحة صفة صلاة النبي التي قمنا بصناعتها من قبل ،، الآن اختر من المتصفح خيار تعديل الصفحة بواسطة فرونت بيج اكسبرس كما يلي [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.33.gif[/IMG]
وسيقوم المتصفح بنقلك إلى فرونت بيج اكسبرس ، الآن ادرج في الصفحة جدول من ثلاثة أعمدة وثلاثة صفوف كما فعلت في صفحة البداية من قبل ثم اكتب في العامود الأوسط في الأعلى عنوان الصفحة ثم انتقل إلى العامود الأيمن في الصف الأوسط واكتب كلمة البداية ثم ظلل كلمة البداية واختر مفتاح الربط الذي استخدمناه من قبل وعندما تنفتح لك نافذة خصائص الوصلة اختر خيار Other ثم حدد عنوان الوصلة بـ index.htm [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.34.gif[/IMG]
لاحظ أن الرابط سيظهر عنوانه في اسفل الخيارات كما يليindex.htm وبذلك يستطيع الإكسبلورر أن يتعرف على مواقع الصفحات بين محتويات الموقع

الآن احفظ العمل ثم انتقل إلى المتصفح (إكسبلورر) واختر أمر تحديث الصفحة [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/3_files/myweb.35.gif[/IMG].... سوف يظهر لك رابط البداية الذي عملناه انقر فوق الرابط و سوف تنتقل إلى صفحة البداية الحمدلله لقد نجت في عملية ربط الصفحات من البداية الى الفرعية والعكس بناء صفحة فرعية يتيح لك فرونت بيج اكسبرس تحديد ألوان الخلايا وخلفية الصفحة وتغيير حجم ونوع الخط ولونه وكذلك وضع إطارات بألوان مختلفة حسب رغبتك وذلك من خلال تظليل الجزء الذي ترغب في تعديله سواء كان الصفحة كاملة أو عبارة أو خلية ثم النقر بمفتاح الفارة الأيمن لتفتح لك الخيارات التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/4_files/talm3.4.gif[/IMG]
الآن افتح صفحة salat بواسطة فرونت بيج وعدل لون الخلفية الى اللون الذي تفضله ثم اختر الخلية الوسطى في الجدول واكتب فيها صفة صلاة النبي (ويمكنك نسخ المعلومات من أي مكان ولصقها في هذه الخلية مباشرة واذا كنت ترغب في إضافة صورة فيمكنك ادراجها بكل سهولة كما يلي إدراج صورة في صفحات الموقع الحمد لله لقد نجحت في ربط صفحة صفة الصلاة مع البداية والآن علينا أن ننقل المعلومات الخاصة بصفحة الصلاة إلى الصفحة ووضعها في المكان المناسب حسب رغبتك، وإذا وجد صور فأنه يتحتم علينا أولا وضعها في داخل مجلد محتويات الموقع وذلك قبل كل شيء ، ثم نفتح الصفحة بواسطة اكسبرس و نختار خيار إدراج صورة ( GIF أو JPEGيجب أن يكون نوع الصورة) [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/4_files/myweb.37.gif[/IMG]
فإذا كانت الصورة متوفرة لدينا وقد وضعناها في مجلد فنختار الأمر From File ثم نحدد مسار المجلد فإما نبحث عنها عبر مفتاح Browse على جهاز الكمبيوتر أو إذا كانت الصورة على الإنترنت فنختار الأمر From Location ونكتب عنوان الصورة على الإنترنت وهذا يبين لنا انه يمكن عرض صور في موقعنا بدون تخزينها على الموقع ووضع عنوانها فقط يكفي لكي تظهر في موقعنا وهذا الخيار يساعدنا في استغلال مساحة اكبر لتخزين الملفات على الموقع . ولاحظ انه سيظهر رمز للصورة فقط ولن تظهر الصورة الا بعد تركيب الموقع على الإنترنت لذا يجب التأكد من شكل ظهورها المناسب وموقعها في الصفحة الآن وقد انتهينا من بناء صفحة الصلاة و وضعنا فيها الصور اللازمة وقمنا بربطها بصفحة البداية علينا أن نطبق هذه الخطوات على بقية الصفحات الأخرى ،كما يمكن ربط كل الصفحات بجميع صفحات الموقع وإضافة أي روابط أخرى من الإنترنت لمواقع ذات علاقة وهذا مما سيظهر الموقع بشكل احترافي ويجعل الزائر ينتقل من مكان إلى آخر داخل الموقع بيسر وسهولة ولربط وصلات من الإنترنت بصفحات موقعنا فقط نكتب اسم الصفحة ثم نظلل الاسم ونختار مفتاح الربط ثم نحدد العنوان على الإنترنت كما يلي [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/4_files/myweb.38.gif[/IMG]
ملاحظة لعمل وصلة للبريد فقط نختار mailto: بدل http:// ثم نكتب العنوان البريدي لتكون كما يلي mailto:info@saudint.com تحميل الموقع على الإنترنت أخي المصمم لاحظ أننا نحتاج إلى تصفح الموقع وهو على جهازنا والتأكد من أن جميع الصفحات والوصلات والصور تظهر عند فتح الصفحات بواسطة الاكسبلورر وإذا وجد أي خلل فيجب تعديله فورا وعليك بالروابط فهي تحتاج إلى دقة في العناوين لكي لا يتعثر المتصفح أثناء زيارة موقعك وإذا انتهينا من ذلك واكتملت الصفحات وعملت كل الروابط بالشكل المطلوب فأنه يلزمنا أيجاد مساحة على الإنترنت لكي نضع فيها موقعنا ولذلك علينا اختيار إحدى الشركات التي تمنح هذه المساحات بدون مقابل ويوجد منها الكثير على الإنترنت ولكن الأهم هو سهولة العنوان وسرعة الخادم ونحن قد اخترنا شركة(ياهو) لكي نسكن عليها موقعنا وعليك أن تجرب ذلك ثم إذا وجدت شركة افضل يمكنك الانتقال إليها بكل يسر وسهولة في المستقبل ولكي نحمل موقعنا علينا الآن الانتقال إلى الموقع التالي على الإنترنت http://geocities.yahoo.com/home/ Sign Up Now! إذا كنت تمتلك بريد على (الياهو) فلن تحتاج إلى التسجيل وإذا لم يكن كذلك فأختر الأمر ثم ستفتح لك الصفحة التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/talm3.2.gif[/IMG]
إملاء البيانات السابقة بدقة وتأكد من السؤال الخاص بالتحقق من الهوية لأنك ستحتاجه إذا فقدت كلمة المرور او حصل واخترق أحد موقعك (وهذا شيء نادر ) وبعد ذلك تنتقل إلى الصفحة التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.40.gif[/IMG]
ثم تنتقل الى هذه الصفحة [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/talm3.3.gif[/IMG]
لآن انقر لبناء لبناء موقعك على الإنترنت وسوف تفتح لك الصفحة التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.42.gif[/IMG]
Yahoo Page Builder اختر على امر باني الصفحات وسوف تنتقل الى هذه الصفحة [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.43.gif[/IMG]
وسوف يقوم ويندوز بسؤالك عن تشغيل هذه الخاصية ، انقر بالموافقة [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.44.gif[/IMG]
سوف يقوم الموقع بتزويدك ببرنامج باني الموقع وبعد الإنتهاء من تنزيل البرنامج سوف يعمل مباشرة ويظهر لك النافذة التالية [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.45.gif[/IMG]
اختر الأمر File ثم اختر الأمر Upload Files and Images لتحميل الصفحات والصور من على جهازك الى موقعك على الإنترنت وسوف يعرض عليك البرنامج تحديد مسار الصفحات والصور لالتي تريد تحميلها كما [IMG]file:///F:/برامج/كيف%20تصمم%20موقعك%20خطوة %20خطوة/5_files/myweb.46.gif[/IMG]
اختر مسار الصور او الصفحات التي تريد تحميلها الى الموقع ويمكنك تحديد اربع اختيارات في وقت واحد ثم اختر Upload وبعد تحميل كافة الصفحات والصور احفظ العمل ثم اغلق برنامج باني الصفحات وافتح موقعك عبر عنوانه الذي تحدد من قبل والحمدلله الذي سخر لنا هذه المعرفة وهذه الخدمات ........
ناسف لان الصور لم تظهر ازا اردت الصور قم بنسخ الرابط وسوف تري الصور او الروابط

وارجو منكم با اخواني ان تكون مواقعكم مواقع لرفع

شعار(لا اله الا الله محمد رسول الله)

اتمني ان يكون الشرح وافي وقد الم كل الجوانب

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