شرح مبسط لكيفية انشاء موقع على الانترنيت ببرنامج فرونت بيج 2003

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003

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

ولكن سأحاول رسم الخطوات الأساسية لانشاء الموقع

موقع ويب عبارة عن مجموعة من صفحات HTML ورسومات يتم ربطها بواسطة ارتباطات تشعبية.

وسنعمل موقع افتراضي كواجهة رئيسية ومنها يمكن الدخول الى صفحات الموقع

أولآ نفتح صفحة جديدة من file أو ملف ثم جديد New ستفتح صفحة جديدة فارغة



نختار لهذه الصفحة جداول بما يتلائم مع ما نريده من الواجهة
والجداول عبارة عن هياكل شبكية مستطيلة ، تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً أو أفلام أو فلاش وهكذا
وفائدتها هي جعل الموقع يتلائم مع حجم الشاشة ونوع المتصفح لجميع الأجهزة





لوضع صور البنر في أعلى الجدول
اضغط على ادراج ثم صورة ثم من ملف



عند الضغط على الصورة الاولى نحدد مكانها يمين الجدول والثانية وسطه والثالثة في اليسار



يتبع ... باذن الله

[منازار]

عاشت ايدك اخي ابو حيدر ......


بانتظار باقي السلسلة


تحياتي

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

سندرج الآن جدول يمين الصفحة متكون من عدد من الصفوف الافقية وعمود واحد
فائدته سنضع داخله أزرار ارتباطية ويكون عددها حسب ما ترغب سنختار 6 صفوف

اضغط على جدول أو Table ثم ادراج ثم جدول كما في الصورة :



نؤشر بالماوس على المستطيل الاول في الجدول الجديد ثم نضغط على ادراج ثم زر تبادلي كما في الصورة





بعد اختيار نوع ولون وحجم الزر التبادلي ونختار اسمه يمكن نسخه الى كافة صفوف الجدول للسهولة ثم نغير من اسم وعنوان ارتباط كل الأزرار من كلك أيمن بالماوس ثم خصائص الزر



نختار خلفية لموقعنا من خصائص الصفحة ثم الحقل تنسيق ثم نختار صورة أو لون للخلفية
الى هنا أصبح موقعنا المفترض بهذا الشكل :



"خطوط الجداول بهذه الصورة وهمية أي لا تظهر في المتصفح "


يتبع باذن الله

[أبو حيدر الحسيني]

عاشت ايدك اخي ابو حيدر ......


بانتظار باقي السلسلة


تحياتي

وعاشت ايدك أخت منازار


والله استمدينه النشاط منك

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

كيفية انشاء البوم للصور في الموقع

نفتح صفحة جديدة من ملف جديد في ثم نختار معرض الصور الفوتوغرافية كما في الصورة



دبل كلك على الصفحة الجديدة ستظهر خصائص معرض الصور
في الحقل صور يمكن اضافة الصور وحذفها والتحكم بحجمها



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



ننشئ في أعلى الصفحة جدول من 3 صفوف وعمود واحد لوضع اسم البوم الصور وشعار الشبكة
ونضع زر تبادلي يكون فيه رابط الرجوع للصفحة الرئيسية



ملاحضة :
نحفظ جميع الاعمال التي قمنا بها من ملف ثم حفظ
نحفظ العمل سيتم حفظ الصور التي أضفناها وحفظ صفحة الالبوم بامتداد Htm
سيتم الحفظ في هذا المسار

C:\Documents and Settings\****\My Documents\My Web Sites

نغير اسم الصفحة الافتراضي الى Photo أو غيرها لتمييزه




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

لربط الزر التبادلي بصفحة الالبوم كلك أيمن على الزر ثم خصائص الارتباط التشعبي







يتبع باذن الله

[باب المعظم]

عاشت يداك أخي أبو حيدر

شرح ممتع .. ومعلومات مفيدة

طبعاً مايكروسوفت غيروا أسم الفرونت بيج في الاوفس 2007 الى Share Point
وقد وضعت لكم نسخة له ( العربية ) في منتدانا قبل أسابيع

تحية طيبة

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

اضافة ملف فيديو من موقع آخر

سنضيف ملف فيديو من موقع يوتيوب " قتلوك يامولاي ياباقر الصدر "

الفيلم على الرابط التالي

http://www.youtube.com/watch?v=sgDUHVDwb4w

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

سنستبدل هذه الجملة watch?v= بهذه /v/ ليصبح الرابط :

http://www.youtube.com/v/sgDUHVDwb4w

نفتح الفرونت بيج في الواجهة الرئيسية نحدد المكان الذي نريد وضع الفيديو فيه (كلك بالماوس على المكان )

نضغط على ادراج ثم Web Component ستظهر نافذة نختار عناصر تحكم متقدمة ثم نؤشر على فيلم بتنسيق Flash



ستظهر لنا نافذة لتحديد الملف نلصق الرابط للفيلم الذي عملنا عليه التغيير الأخير سيتم الاتصال بالموقع



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

بعدها نحفظ العمل ثم نستعرض الصفحة بواسطة المتصفح وذلك بالضغط على ملف ثم معاينة في المستعرض




يتبع باذن الله

[أبو حيدر الحسيني]

عاشت يداك أخي أبو حيدر

شرح ممتع .. ومعلومات مفيدة

طبعاً مايكروسوفت غيروا أسم الفرونت بيج في الاوفس 2007 الى Share Point
وقد وضعت لكم نسخة له ( العربية ) في منتدانا قبل أسابيع

تحية طيبة

أسعدني مرورك أخي باب المعظم وأشكر كلماتك

وشكرآ للنسخة العربية ياريت لو وضعت رابط مشاركتك وهل النسخة للـ 2007

تحياتي

[باب المعظم]

الله يبارك بيك أخوية العزيز أبو حيدر ... سنتابع معك الشرح ..

وهذا هو الرابط لمن يريد النسخة الاحدث:

الفرونت بيج تم تغيير أسمه من قبل شركة مايكروسوفت الى أسم SharePoint Designer



قامت مايكروسوفت ، في حزمة الاوفس الجديدة 2007 بتغيير أسم برنامجها المعروف فرونت بيج الى برنامج Microsoft Office SharePoint Designer 2007
باختصار شديد (الشير بوينت) أعد خصيصاً للتعامل ولتحرير المواقع التفاعلية دون الحاجه للخوض فى أدغال الأكواد فهو يسهل عمليات إعداد التقارير والتعامل مع قواعد البيانات فى ذلك بالاضافه الى إنشاء التصاريح اللازمة ... فهو أداة سريعة تدعم كل من الـ ASP.NET و الـ XML وتمكنك من الأتصال وعرض بياناتك عن طريق الـ XSL ، وفى نفس مستوى الـ Microsoft Visual Studio فى معالجه وتحرير مشاريع الـ ASP.NET وأيضاً إعداد وتصميم التقارير بالاعتماد على تقنيات كل من الـ XHTML والـ CSS

معلومات أضافية:
http://office.microsoft.com/en-us/sh...650221033.aspx

يتم تحميله من الرابط الاتي ( النسخة العربية) :
http://download.microsoft.com/downlo...ntDesigner.exe

السيريال:
W2jjw-4kydp-2ymkw-fx36h-qyvd8

علماً أنني لم أجربه .. فنرجوا المعذرة

[أبو حيدر الحسيني]

الله يبارك بيك أخوية العزيز أبو حيدر ... سنتابع معك الشرح ..

وهذا هو الرابط لمن يريد النسخة الاحدث:

الفرونت بيج تم تغيير أسمه من قبل شركة مايكروسوفت الى أسم SharePoint Designer



قامت مايكروسوفت ، في حزمة الاوفس الجديدة 2007 بتغيير أسم برنامجها المعروف فرونت بيج الى برنامج Microsoft Office SharePoint Designer 2007
باختصار شديد (الشير بوينت) أعد خصيصاً للتعامل ولتحرير المواقع التفاعلية دون الحاجه للخوض فى أدغال الأكواد فهو يسهل عمليات إعداد التقارير والتعامل مع قواعد البيانات فى ذلك بالاضافه الى إنشاء التصاريح اللازمة ... فهو أداة سريعة تدعم كل من الـ ASP.NET و الـ XML وتمكنك من الأتصال وعرض بياناتك عن طريق الـ XSL ، وفى نفس مستوى الـ Microsoft Visual Studio فى معالجه وتحرير مشاريع الـ ASP.NET وأيضاً إعداد وتصميم التقارير بالاعتماد على تقنيات كل من الـ XHTML والـ CSS

معلومات أضافية:
http://office.microsoft.com/en-us/sh...650221033.aspx

يتم تحميله من الرابط الاتي ( النسخة العربية) :
http://download.microsoft.com/downlo...ntDesigner.exe

السيريال:
W2jjw-4kydp-2ymkw-fx36h-qyvd8

علماً أنني لم أجربه .. فنرجوا المعذرة

ألف شكر عزيزي باب المعظم
البرنامج حجمه 200 م ب والى أن أستطيع إكمال تحميله (انترنيت تعبان)
ان شاء الله سنرى الفرق

تحياتي

[أبو حيدر الحسيني]

أخي باب المعظم السيريال لا يعمل لبرنامج
SharePoint Designer ولا زلت أبحث عن سيريال فعال

[باب المعظم]

عزيزي أبو حيدر
أنا لم أجرب البرنامج كما ذكرت ..
ولكن لا تقلق سأبحث عن السيريات ..

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

الشاشة الاسمية (شريط اخباري)

هي عبارة عن نص يتحرك في اتجاه معين حسب الرغبة كالتي في المواقع الإخبارية

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




اضافة شريط بحث في الموقع

اختر إدراج ثم Web Component.
اختر البحث عن الويب ثم نوع البحث (ويب الحالي) ثم انهاء .

[أبو حيدر الحسيني]

بسم الله الرحمن الرحيم

أسرع طريقة لإنشاء موقع

هناك مواقع محمية بجدار ناري وهناك مواقع أخرى غير محمية

بامكان الفرونت بيج فتح المواقع الغير محمية كما تفتح بالمتصفح بصورة مباشرة من ملف ثم فتح موقع
سيفتح الفرونت بيج الموقع وبامكانك التغيير عليه وجعله متناسب مع ما تريد ثم حفظ العمل

أما المواقع المحمية بجدار ناري

نفتح الموقع بالمتصفح الفايرفوكس
ثم نحفظ الصفحة من ملف ثم حفظ الصفحة كـ ..

ثم بعدها نفتح الصفحة المحفوظة ببرنامج الفرونت بيج سيعرض لنا الصفحة كاملة

يمكنكم التجربة على موقع الجزيرة مثلآ فعند محاولة فتحه بالفرونت بيج سيتوقف لتظهر نافذة أن الموقع محمي

ولكننا نستطيع حفظ الصفحة الرئيسية للموقع بالمتصفح ثم نستعرضه بواسطة الفرونت بيج
سيكون لدينا موقع الجزيرة الارهابي كاملآ نغير عليه مانريد ثم نحفظ العمل ليكون موقعآ لنا

)): )): )):

[zaynab]

الاخ ابوحيدر عاشت يدك وسلمت .