كيف أنشأ موقعاً؟

جزاك الله كل خير..

جميل جدا :)

سوف اكون من المتابعين لموضوعك

اشكرك عمجهوداتك :blush:

في انتظارك اخي

السلام عليكم ورحمة الله وبركاته

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

-- للعلم بالشيء ولا الجهل به: فإن الموقع يتألف عادتاً من

- أولا الهيدر the header ؟!!!

وهو عباره عن مساحة تكون في رأس الصفحة ناهيك عن مساحتها الطوليه ولكن تكون عادتاً مساحتها العرضية بمساحة الصفحة ١٠٠٪

و هي عادتاً ما تتألف من الأمور التالية:

* اللوغو وهو شعار الشركة صاحبة هذا الموقع

** السلوجن Slogan وهو صفة الشركة (وصفها المختصر) وعادتا ما يكون تحت الشعار

*** اللينكات links هي القطاعات الرئيسية للموقع فمن خلالها يتم الإنتقال من صفحة إلا أخرى.

**** لينكات مساعدة sub links وهي عادتاـً ما تتألف من :

الهوم بيج:home page

هو للإنتقال السريع للصفحة الرئيسية من أي صفة داخلية

site map سليت ماب

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

search السيرش: وهو عبارة عن محرك بحث داخل الموقع لإيجاد الكلمات التي تريدها و الصفح المطلوبة بالشكل السريع

About us من نحن؟: هذا الرابط يتحدث عن الشركة صاحبة العلاقة وذلك لإرشاد المستخدم ما هي الشركة و بعض المعلومات الأولية عنها.

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

- مكان عرض المعلومات : البودي Body :

وهو المكان الرئيسي بالصفحة ففيها تعرض جميع الأعمال و المعلومات و الصور وغيرها من الأمور يا أمور..

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

في نهاية الصفحة تكون هناك الفوتر footer

وهي مساحة توضع للأمور التالية في آخر الصفحة:

الليسنس copyright وهي الملكية : ملكية الشركة لهذا الموقع و ما يجمعه من معلومات و أعمال.

التنفيذ Design & developed وهو عن الشركة المصممة للموقع و المنفذة لبرمجياته.

هذه لمحة فقد للبداية..

الآن لتطبيق الدرس:

سيكون الموقع على النحو التالي و سنبدأ بتصميمه من الصفر إن شاء الله لكي تستطيع أن تنشأ موقعاً بنفسك.

التصميم على النحو التالي:

نفتح الأليترسيتر Adobe Illustrator CS4

و إنشاء صفحة بالمقاسات التالية

Width: 1400 PX pixel العرض

الطول Height: 1750 PX

و من ثم ننشأ مربع على نفس المساحة المذكورة و نجعل لونها:

f5f2ed#

لون البيج

إلى الآن لا نريد صوراً لكيفية العمل

ولكن الآن سنبدأ بالشرح مع الصور:

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

أولا سيكون على يسار الصفحة إسم الشركة corner of art production

السلوجن الشرح سيكون Creative Web في سبيل المثال

القطاعات الرئيسية ستكون التالي :

HOME | ABOUT US | SERVICES | PRODUCTS| COMPANY | CONTACT US

هذه القاعات في سبيل المثال..

سيكون على يمين الشاشة سيزرش بوكس

وسيكون تحتهم HEADER BANNER.

و من ثم الصفحة وقطاعاتها و الفوتر و بيناته

الآن يبدأ التصميم على النحو التالي : تبتعد عن اليمين ٢٠٠ بكسل و من الشمال أيضاً ٢٠٠ بكسل فيتبقى : ١٠٠٠ بكسل

هذه ال ١٠٠٠ بكسل ستكون منطقة العمل و ستكون جميع عرض الفواصل ( الهيدر البودي الفوتر) ١٠٠٠ بكسل

ستكون على النحو التالي:

جميل , أنتظر التقطيع :) فأنا لست من المصممين ولكن يهمني كيف يتم تقطيع موقع بالأليستريتر

سؤال : هل سيتم إنهاء التصميم كHTML و CSS في النهايه ؟

أعلم أن وقتك ثمين ولكن أرجو أن تحاول إنهاء هذا الدرس بسرعه :)

شكرا لك

bastr3 كتب:

جميل , أنتظر التقطيع :) فأنا لست من المصممين ولكن يهمني كيف يتم تقطيع موقع بالأليستريتر

سؤال : هل سيتم إنهاء التصميم كHTML و CSS في النهايه ؟

أعلم أن وقتك ثمين ولكن أرجو أن تحاول إنهاء هذا الدرس بسرعه :)

شكرا لك

أشكرك على هذا التعليق..

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

سأبدأ الدرس الثاني قريباً جداً ولكن فقط أنا الآن مشغول بأعمال لا تنتهي إلا بعد أسبوع على الأقل ولكن في هذه الأثناء إن شاء الله سيتم إنجاز بعض الدروس في هذا الموقع.

شاكر لك أخي مره أخرى على هذا التعليق.

نأسف على المقاطعة فقط الرجاء النظر إلى هذا الموقع و أتمنى أنينال إعجابكم..

MY Profile

و شكرا

cornerofart كتب:

بسم الله الرحمن الرحيم و الصلاة و السلام على النبي رحمة للعالمين وبعد:

سنبدأ الدرس بعنوان كيف أنشأ موقعاً؟

يتضمن هذا الدرس الأمور و البرامج التالية:

Adobe Illustrator CS4

Adobe Photoshop CS4

Adobe Dreamwaver CS4

و سنتعرف في هذا العمل كيف ننتقي الألوان الصحيحة للموقع الصحيح بإذن الله وصناعته على كيفية الويب ٢ و إنتقاء الخطوط الصحيحة في الصفحة و إضهاره بالشكل الصحيح.

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

cornerofart color hex

حتى مشاركاتكم و معرفتكم للأوان آو بعضها سأقوم بإرسال الدرس الأول بعد هذه المقدمة

دمتم بحفظ الله

السلام عليكم

مشكورين جدا عالمعلومات الطيبة

عاشت ايدك

كفيت وفيت يل غالي