(درس ) الفرونت بيج - دروس وتطبيقات التصميم

[عمر حبيبي]

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

[عمر حبيبي]

http://daleelart.com/dares/front/1.jpg


تعريف الإنترنت :-
هو إختصار مشتق من الكلمة الإنجليزية international network وتعني الشبكة العالمية ..
وتعني لغوياً الترابط بين الشبكات الدولية ..
تعريف آخر :
اسم إنترنت كإختصار يتكون من البادئة (إنتر inter ) التي تعني بالإنجليزية «بين» وكلمة (نت net )التي تعني بالإنجليزية «شبكة»، أي «الشبكة البينية» والاسم دلالة على بنية إنترنت باعتبارها «شبكةً ما بين الشبكات» أو «شبكةً من شبكاتٍ»، وقد شاعت في وسائل الإعلام العربية تسمية «الشبكة الدولية للمعلومات» والتي تعني بالانجليزيه World Wide Web مع زيادة كلمة المعلومات وهو ما يختصر في www وتعتبر الشبكة العنكبوتية الدولية للمعلومات هي الطريقة الرئيسية للوصول إلى المواقع الخاصة .. وعرض كل أو أي معلومات متوفرة على الإنترنت . وهي تحتوي على وتشتمل على مجموعة هائلة من الوثائق المعروضة على صفحات الويب والتي تم تخزينها في أجهزة الكمبيوتر حول العالم والمربوطة بشبكة بينية Internet .
وصفحة الويب تعرض عادة وثائق ومعلومات على هيئة نص وتتضمن في بعض الأحيان صور.
طريقة عمل الشبكة العنكبوتية :-
تعمل على استدعاء الواقع ( Sites ) والتى تكون بدوها مخزنة في خادم الويب Web server الخاص بالشركة التى تقدمها خدمة الإنترنت لحين استدعائها من أي كمبيوتر مرتبط بالإنترنت وعند استدعاء الموقع يتم لإرسال نسخه منه إلى ذلك الجهاز الذي طلبة ويخزن في الذكره مؤقتة خاصة بالجهاز تسمى Cash Memory حيث يمكن تصفح الموقع والإطلاع على محتوياته.
والتقنية المستخدمة في إستدعاء عمل المواقع هي الروابط ( links ) والمسماة بالـ ( Hypertext ) ويمكننا من خلال هذه الروابط التقنية التنقل داخل الموقع أو في صفحات تحدد مسبقا برابط لها . أو صفحات خارجية .
الوصول للشبكة العنكبوتية :
هناك عنوان خاص للوصول إلى الشبكة العنكبوتية .. ويطلق عليه إختصار URL و هو إختصار (Uniform Resource Locator ) ويعني عنوان الموارد الموحد
ويدل على مكان وجود صفحة، أو أي نوع آخر من الموارد، ضمن فضاء شبكة ويب.
وتبدأ المواقع غالبا بـ ( http ) :
(Hyper Text Transfer Protocol) أي بروتوكول نقل النصوص التشعبي و هذه هي اللغة المتعارف عليها لنقل النصوص و الصور بين جميع أجهزة الحاسب على الإنترنت. فعندما يبدأ عنوان موقع بكلمة http يعني ذلك أنك تطلب من جهازك أن يقوم بإحضار صفحة إنترنت.
عناوين المواقع : Sites Address
أقسام العنوان الإفتراضية في أي عنوان موقع .أو المورد الموحد .
http : Hyper Text Transfer Protocol
www: World Wide Web
dn : domain name
كلمه Domain تعني الملكية التامة ( النطاق ) وفي الإنترنت فإن
Domain name يعني اسم وعنوان كمبيوتر معين وأين يمكن الاتصال به . ويكتمل باستخدام نقط ( . ) وعلامة خطين مائلين ( // ) مثلا :
www.google.com
واللاحقة الأخيرة وهي إما شركة أو شبكة أو منظمة أو ...الخ ..
و نستعرض بعض منها :
com للشركات .
net للشبكات .
org للمنظمات .
biz للأعمال.
info المعلومات.
tv التلفزيون .
gov : حكومي .
وأيضا يمكن أن تكون اللاحقة خاصة ببلد معين : مثل
sd : السودان
eg : مصر .
sa : السعودية
والصيغة الإفتراضية هي :
http://www.domainname.com .
تصميم موقع :
أهم ثلاثة مباديء في التصميم هي :
1- الفكرة .
2- التصميم .
3- النشر .
1- الفكرة :
في بداية الأمر أو بداية أي مشروع لا بد أن يكون مبنيا على أساس الفكرة ... فإذن وجب معرفة نوع الموقع الذي نحن بصدد تصميمه .. ومعرفة محتواه .. والغرض منه .. ونوع الزوار المراد زيارتهم للموقع.
2- التصميم :
هناك الكثير والعديد من الطرق والبرامج التي نستيطع بواسطتها تصميم موقع إلكتروني .. فيها برامج صعبة تحتاج لدراية ودراسة لها وتعتمد على البرمجة ويحتاج إلى كتابة الشفرات .. منها html و php و asp و java script .
وبرامج سهلة ذات قوالب جاهزة ولا تحتاج معرفة بكتابة الشفرات ولغات البرمجة إلا قليلا كبرنامج الفرونت بيج .. ( FrontPage ) وهو برنامج متوفر ضمن مجموعة برامج Office . وهو ما نحتاج لمعرفته و تعلمه هنا .
3- النشر :
لنشر أي موقع نحتاج لحجز مساحة على الشبكة الإلكترونية وبإسم نطاق فردي خاص مزود بإسم دخول ورمز دخول .. ويكون النشر بواسطة برنامج لإرسال الملفات
File Transfer program ويختصر إلى FTP .
وسنأتي بالتفصيل لشرح هذا البرنامج وطريقة عمله لاحقا ..
لغة HTML :
هي أول لغة أستعملت في برمجة المواقع قبل اللغات الأخرى والتي أتت لتطوير المواقع التفاعلية .
وهي إختصار لـ ( HyperText Mark-up Language ) أي لغة ترابط النصوص التشعبية . وهي التقنية التي تتحكم بظهور النصوص على الشاشة .
وهذه اللغة نحتاج إليها كثيرا في تصميم المواقع .. ولكن الفرونت بيج إختصر علينا كتباتها يدويا .. فيعطينا لها جاهزة وقت إنشاء الصفحة .
ولمعرفةو هذه اللغة ودراستها و طريقة كتابتها والبرمجه بها زور هذا الموقع :
www.ar.html.net

هذا ما وجدته من تعريف خلال بحثي ... أرجو أن اكون قد وفقت

[عمر حبيبي]

1- فتح البرنامج
2- واجهة البرنامج .
3-شريط القوائم .
فتح البرنامج
من قائمة إبدأ Start أختر كل البرامج ثم أختر برامج أوفيس ثم أضغط على فرونت بيج .. إذا كان عربي .. وfrontpage إذا كان إنجليزي : وأنا أعمل بالإنجليزي لأنه الأفضل والأسهل في فهم الرموز و الأكواد ..
http://daleelart.com/dares/front/2.jpg
واجهة البرنامج

http://daleelart.com/dares/front/3.jpg

واجهة التطبيق الرئيسية .. تحتوي على شريط القوائم حوالي 11 قائمة سنشرحها متتابعة بإذن الله ..

أولاً : قائمة File : شرحها حسب ترتيبها

http://daleelart.com/dares/front/4.jpg

1- New : إنشاء صفحة جديدة :
2- Open : فتح ملف موجود .
3- : Close : إغلاق الصفحة الحالية .
4- Open Site : فتح موقع تم حفظه .
5- Close Site : إغلاق موقع .
6- Save : حفظ الصفحة الحالية .
7- save as : حفظ عمل لأول مرة .
8- save all : حفظ جميع محتويات المشروع
9- file search : بحث ملفات ضمن المشروع
أو الشبكة .
10- : puplish site : نشر الموقع على
الشبكة .
11- Import : إستيراد كائن وإدارجه في المشروع
12- Export : تصدير كائن تمت معالجته .
13 - preview in Broser : عرضه في
المتصفح لرؤيته على طبيعته المراد نشرها .
14- page setup : إعدادات الصفحة .
15 - print preview : عرض إعدادات الطباعة
16- Print : طباعة المحتوى .
17- sent : إرسال الصفحة عبر البريد أو الفاكس
18 - propertes :عرض خصائص الصفحة
19- Rescent Files : الملفات الأخيرة التي تم
العمل عليها لفتحها مباشرة .
20- Rescent Site :المواقع الأخيرة .
21- Ext : خروج من البرنامج .

ثانيا: قائمة Edit :الشرح حسب الترتيب
http://daleelart.com/dares/front/5.jpg

1- Undo : تراجع عن عمل .
2- Redo : عودة لخطوة تم التراجع عنها
3- Cut : قص نص محدد .
4- Copy : نسخ تحديد معين .
5- Office Clipboard : حافظة أوفيس
لحفظ الكائنات التي تم نسخها أو قصها
للإستفادة منها لاحقاً ضمن فترة فتح
المشروع فقط .
6- Paste : لصق كائن تم نسخه أو قصه .
7- Past Special : لصق خاص :
هو مفيد في حالة جلب كائن منسوخ
من غير ترتيب أو تنسيق .. مثلا كنسخ
جدول ولصقه كنص فقط .. أو العكس
8- Dlate : حذف .. لا تحتاج لشرح .
9- selct all : تحديد الكل .وتفيد تحديد
محتوى الصفحة كاملاً .
10- Find : البحث ضمن الصفحة
11- Replace : إستبدال كلمة بأخرى بعد
البحث عنها .. وهو ضمن خيارات البحث
12- Go to Bookmark : إشارة مرجعية
ضمن الصفحة أو نص محدد نرجع إليه
لاحقا ويعطى رابطا .
13- Go to Function :
14-Quick Tag Edidtor : محرر العلامات
السريع : لتحرير لغة html .

[عمر حبيبي]

سنواصل إكمال القوائم ... غدا إن شاء الله ..
أتمنى من المشرفين أن ينقلوا هذا الموضوع إلى مكانه الصحيح إذا كان هنا غير ذلك ..
تحياتي ومودتي ..

[Almostshar]

الأخ عمر حبيبي مشكور جدا على هذا الشرح

وسأكون من اوائل الطلاب الذين يسجلون في هذه المادة

وسأتابع باهتمام كل ما تكتبه وشكرا

دروس مهمة نرجو التبحر فيها
ودمتم

[عمر حبيبي]

المستشار مرحب حبابك معي في هذا الدرس .. وألف شكر لتواجدك وردك المضيء .. وسأوصل بإذن الله ..
تحياتي لك

[عمر حبيبي]

http://daleelart.com/dares/front/6.jpg
رابعاً
قائمة View :الشرح حسب الترتيب
1- pages : عرض صفحة
2- :Folder : عرض مجلد
3- Remote web site : تحكم الموقع الإلكتروني
يربطك ربط مباشر بالشبكة عبر بينات الـ ftp
4- Reports : تقارير بها قائمة منسدلة سنعود
إليها لا حقا في وقتها .
5- Navigation :التنقل والإبحار عبر روابط الموقع
وتفيد دائما التأكد من صحتها ومراجعتها .
6- Hyperlinks : الروابط الموجودة بالموقع
7- Tasks : المهام المطلوبة يتم إعطائها من قائم
edit والتحكم ورؤيتها من قائمة view
8- Ruler and Grid : المسطرة والشبكة :
مهمة جدا لتنسيق وتركيب وترتيب الكائنات
المضافة بالصفحة .
9- Tracing Image :تتبع الصورة : يفيد معرفة
موقع الصورة بالضبط و معرفة بعض خصائصها
10 - Folder List : يظهر كل ما يحتويه مجلد
الموقع .
http://daleelart.com/dares/front/7.jpg
خامساً

قائمة :Insert : حسب الترتيب
1- Break : فاصل الصفحات .. ويفيد في حالة وجود موضوع كبير
وطويل وتحتاج تفسيمه إلى عدد من الصفحات ..
2- Horizontal Line : وضح خط أفقي بين المواضيح أو الفقرات
3- Layer :طبقة : وضع صورة ضمن طبقة والتعديل عليها .
4-Inline Frame : إطار مضمن .. لإدراج صفحة ضمن صفحتك الحالية .
5- Date and Time : التاريخ والوقت : لإدارج الوقت والتاريخ ضمن صفحتك الحالية ..
6- Symbol : رمز : لإدراج رمز محدد .
7- comment : إدراج أمر محدد داخل الصفحة .
8-Navigation : إدراج روابط متشعبة .. رأسية أو أفقية .. أو إدراج روابط للتالي والسابق .
9- Page Banner : لوضع شعار وإسم الصفحة ..
10- web Component: إدارج مكونات الويب .. وفيه جميع مكونات ويب الديناميكة والمهمة جدا في عملية برمجة الموقع . سنشرحها في وقت لاحق . عند الحوجة .
11- datbase : لإدراج قواعد بيانات ضمن الموقع .
12- Form : لإدراج نموذج . هناك المزيد من الخيارات سنعرض لها في حينها ..
13- Picure : لإدراج صورة ..
14-Interactive Button : إدراج زر تفاعلي .
15-File : ملف لإدراج العديد من تنسيقات الملفات وأهمها النصية ممايمكنك من إدارج ملف وورد كامل .. وإعادة تنسيقه بمايوافق الويب .
16-Book Mark : إنشاء إشارة مرجعية لمكان ضمن الصفحة أو نص محدد نعطيه إسماً من أجل الرجوع إليه لاحقاً أو إنشاء إرتباط به .
17 - Hyperlink : إرتباط تشعبي : للإنتقال بين الروابط المنشأة إذا كانت لصفحات الموقع أو صفحات خارجية أو إلى أي مكان آخر عن طريق الضغط على نص أو صورة .

[حسام التنين]

مشكور كتير ،،، واصل ليتم التثبيت

[محب]

الاخ عمر لك جزيل الشكر علي ما قدمتة لنا
واصل اخي

[الجندي المجهول]

الاخ عمر لك جزيل الشكر علي ما قدمتة لنا
واصل اخي

[نزار السر]

اخونا عمر والله اتحفتنا
واصــــــــــــــــــــــل

[ahmed algam]

عمر حبيبي



واصل بلافواصل


وفي انتظار المزيد منك

[عمر حبيبي]

شكرا لكم جميعا لهذا الدخول الرائع والردود والتشجيع .. وأتمنى أن أتمكن من مواصلة الدروس كما أود وأن أتمكن أن أوصلها لكم ببساطة ..

[عمر حبيبي]

نواصل شرح القوائم :

http://daleelart.com/dares/front/8.jpg

قائمة Format حسب الترتيب :
1- Font : الخط : يمكننا من التحكم بالخطوط و تغيرها .
2- Paragraph:الفقر ة للتحكم بخصائص الفقرات .
3- Bullets and Numbering : التعداد النقطي والرقمي :لترقيم النصوص حسبما نريد .
4- Border and shading : الحدود والتظليل : لوضح حدود وظل للنصوص والكائنات .
5- Position: التحكم بموضع الكائنات ضمن الصفحة .
6- Behaviors :إضافة برمجات أخرى كالجافا سكربت .
7- Layers : الطبقات : إضافة طبقة ضمن كائانات محددة .
8- Theme : السمة .. يعطي التصميم العديد من الخلفيات الجاهزةوالتأثيرات التي تضفي على التصميم شيئا من الجمال.
9- Style : النمط : يمكن من خلالها إختيار نمط الصفحة والتنسيق لفقرة بذاتها .
10- Style Sheet Links : إرتباطات الأنماط :لتطبيق معلومات برمجية متناسقة عن النمط عبر صفحات ويب متعددة .
11- Shared Borders : الحدود المشتركة : غير فعالة هنا ولكن سنعود لها فيما بعد .
12 - Page Transition : الإنتقال بين الصفحات : يمكن من خلالها وضع التأثيرات وقت الإنتقال من صفحة إلى أخرى والتحكم بوقت الإنتقال أو التنقل بين صفحتين . في حالة الدخول أو الخروج من الصفحة
13- Background : الخلفية : وضع خلفية للصورة .
14- Dynamic Web Tamplate :إدارج تصميم جاهز لموقع تفاعلي .
15 - Remove Formating : إزالة التنسيق :لإزالة التنسيقات التي تم عملها على الكائنات في هذه الصفحة.
16 Ptoperites : الخصائص : خصائص الكائن الذي يتم تحديده في الصفحة ..

[عمر حبيبي]

http://daleelart.com/dares/front/9.jpg
قائمة :Tools: حسب الترتيب :
1-Spelling :التدقيق الإملائي : لمعرفةالأخطاءالإملائية في الصفحة.
2-Thesaurus :قاموس المترادفات:يحتوي على العديد من الكلمات المرادفة التي يمكن إستبدالها بكلمة الخطأ في الصحة . وأيضا يمكن إضافة كلمات إليه في حالة أردت ذلك .
3- Set Language : إعدادات اللغة : لتختار لغة القاموس في الصفحة .
4- Accessibility :الوصول : التحقق من جميع الأخطاء الموجودة ضمن الصفحة وهناك العديد من الميزات التي ترافق هذا الأمر سنشرحها في وقت لا حق .
5- Broser Compatibility :توافق المستعرض : وهذه مهمة جدا لمعرفة مدى توافق صفحتك مع المتصفحات .
6- Auo thumbnail : صور مصغرة تلقائية : لتحويل الصور إلى مصغرة يتم تكبيرها بالنقر عليها .
7- Recalculate Hyperlinks :إعادة إحتساب الإرتباطات التشعبية : إصلاح جميع الإرتباطات التشعبية داخل ضمن الموقع.
8- Optimize HTML :أمثلية html :تساعد في تعديل ومعرفة أخطاء لغة اتش تي إم إل .. بإمكانك من هذا الخيار أن تحدد أمثلية اللغة للتعامل بها في الموقع .
9- Server : السيرفر : الملقم :تظهر هنا خصائص السيرفر للنشر .
10- Packages : حزم : ملفات مجمعة يتم إستيرادها أو تصديرها للإستخدام في الويب و يمكن أن تحتوي على مجموعة من صفحات الويب والكائنات وكونات الصفحات والرسومات و عناصر الويب .
11- Save Web Part to : حفظ جزء ويب إلى : لحفظ جزء من موقعك إلى موقع آخر .
12- Macro : ماكرو : هو عبارة عن سلسلة من الأومر والوظائف التي يتم تخزينها عبر وحدات الماكرو والتي يتم تخزينها في وحدة نمطية مايكرو سوفت فيشوال بيزك .
13- Add-ins : وظائف إضافية : لإضافة أوامر ووظائف أخرى إلى الصفحة ..
14- Customize :تخصيص : لتخصيص بعض خيارات البرنامج ليتم إستعمالها بإستمرار .
15- Site Settings : إعدادات الموقع :
16- options : خيارات : خيارات تشغيل البرنامج .
17- Pages Option : خيارات الصفحة بما يختص النشر والتعليمات البرمجية العامة لضبط الصفحة وإسمها و ضبط ألوانها وما إلى ذلك من الخيارات .

[عمر حبيبي]

http://daleelart.com/dares/front/10.jpg
قائمة :Table: حسب الترتيب 1- layout Tables and Cells :جداول وخلايا التخطيط : لإدراج شبكة لترتيب الكائنات المدرجة ضمن الصفحة . أو رسم جداول لبيانات معينة .
2- Cell Formatting : تنسيق الخلايا : تنسيق زوايا ورؤوس الخلايا .
3- Draw Table : رسم جدول : رسم جدول يدوي يمكن أن تتحكم فيه لاحقاً .
4- Insert : إدراج : لإدراج جدول أو خلايا أو صفوف أو أعمدة أو تسمية توضيحية .
5- Dlete Cells : حذف خلايا من الجدول .
6- Select :تحديد أجزاء من الجدول .. إذا كان صف أو خلايا محددة .
7- Merge Cells : دمج خلايا : لدمج عدد من الخلايا ضمن جدول معين .
8- Split Cells : تقسيم الخلايا : تقسيم خلية إلى عدة خلايا.
9- Split Table :تقسيم جدول
10- Table AutoFormat :تنسيق تلقائي للجدول
11- Distribute Rows Enenly :توزيع الصفوف بشكل متساو
12- Distribute Columns Evenly : توزيع الأعمدة بشكل متساو
13 : AutoFite to Contents : إحتواء تلقائي للمحتويات :
14- Convert: تحويل : لتحويل جدول إلى نص أو العكس نص إلى جدول .
15- Fill :تعبئة
16- Table Properties : خصائص الجدول . لضبط الجدول حسب مقتضيات الصفحة أو الموضوع أو الكائنات .

[عمر حبيبي]

http://daleelart.com/dares/front/11.jpg
قائمة :بيانات:عبارة عن البيانات الموجودة ضمن الموقع وتختص بإدارة قاعدة البيانات في موقع حيث يتم إختيار إدارج عرض البيانات وهي تعمل فقط في حالة إستخدام ملقم ويندوز شير بوينت سيرفس

[عمر حبيبي]

http://daleelart.com/dares/front/12.jpg
قائمة :Frames: حسب الترتيبإطارات :
دائما تكون غير فعالة .. و لكننا سنتتطرق إليها لشرحها في وقتها بإذن الله إذا ما إحتجنا لها
http://daleelart.com/dares/front/13.jpg
قائمة :Window: حسب الترتيبلفتح النوافذ :
أفتح الصفحة في نافذة جديدة أو أن تفتح موقع موجود أو إغلاق كافة الصفحات المفتوحة .

http://daleelart.com/dares/front/14.jpg
القائمة الأخيرة هي قائمة Help:
1- إظهار التعليمات الخاصة بالبرنامج بالضغط على F1
2- إظهار مساعد برنامج الأوفيس .
3- موقع البرنامج على الشبكة للمساعدة .
4- موارد تطوير برنامج الفرونت بيج على الشبكة .
5- للإتصال بنا .. إتصل بأصحاب البرنامج.
6- التحقق من وجود تحديثات خاصة بالبرنامج
7- الكشف عن الأخطاء وتصحيحها وإصلاحها ضمن البرنامج.
8- تنشيط المنتج ..
9- خيارات ملاحظات العملاء : من أجل تحسين وتطوير البرنامج.
10- معلومات عن البرنامج .

[عمر حبيبي]

http://daleelart.com/dares/front/15.jpg
إختصارات القوائم الشائعة في البرنامج .. 1 - إتصار لإنشاء صفحة جديدة
2- فتح مشروع موجود مسبقا على القرص الصلب
3- حفظ المشروع بعد التعديل
4- للبحث عن كلمة أو جملة ضمن الصفحة .
5- نشر الموقع بعد الإنتهاء وذلك مع أحد مزودات الخدمة
6- تبديل الجزء : يظهر في قائمة المجلدات المكونة للموقع
7- طباعة الصفحة .
8- معاينة الموقع في مستعرض الصفحات .
9- التدقيق الإملائي للأخطاء
10- قص كائن أو نص
11- نسخ كائن أو نص
12- لصق كائن أو نص تم نسخه أو قصه
13- نسخ التنسيق لعدة مواضيع أو صفحات أو نصوص .
14- تراجع عن العمليات التي تم إجراؤها.
15-إعادة الإجراء ات التي تم التراجع عنها .
16-إدراج مكون ويب ..
17-إدراج جدول
18- إدارج طبقة .
19-إدراج صورة .
20-إدراج شريط إختصار أدوات رسم .
21- إرتباط تشعبي .
22-تحديث
23-إيقاف .
24-إظهار الكل
25-إظهار نقاط الطبقة
26- المساعدة
27 - السهم الصغير يفيد إدراج شريط إختصارات أخرى

[عمر حبيبي]

http://daleelart.com/dares/front/16.jpg
شريط إختصار قوائم التنسيق :للتحكم بالخطوط وتنسق النص والوصول إليها توفير للوقت
1- إختيار نمط الخط .. وحتوي على الكثير من الخيارات التي تغير تنسيق الخط كالترقيم العدد والخطي .. و العنواين وما إلى ذلك من الإعدادات الجاهزة يمكن معرفة ذلك بتجربتها لرؤية التغيرات التي تطرأ .
2- نوع الخط وشكله .. وهناك العديد من الخطوط المميزة التي يمكن إختيارها للنص .. ولكن يفضل إستخدام الخطوم الأساسية الموجودة في البرنامج أو السيستم .. لعدم وجود نفس الخط عند كل زوار ومستعرضي موقعك وهذا قد يجعل النص في موقعك غير مقروء أو مشوه عند المستعرض .. ومن الخطوط الأساسية arial و tahoma و times
3- حجم الخط .. حيث يتم من هنا التحكم بحجم الخط الذي قمنا بإدراجه ضمن صفحات الموقع .
4- عند الضغط عليه يجعل الخط عريضا .
5- يصبح الخط مائلا عند الضغط عليه .
6- وضع خط تحت الكلمة أو النص ..
7- محاذاة النصوص أو الكائنات إلى جهة اليسار .
8- توسيط النصوص أو الكائنات
9- محاذاة النصوص أو الكائنات إلى جهة اليمين.
10- ضبط النص ضبطا كاملاً .
11- تكبير حجم الخط كلما ضغطت على هذا الخيار
12-تصغير حجم الخط كلما ضغطت على هذا الخيار ويمكن الإستفادة من هذا الخيار وضعه كخيار للتربيع
13- تعداد رقمي
14 تعداد نقطي
15- نقص المسافة البادئة في الهوامش
16-زيادة المسافة البائة في الهوامش
17-إضافة حدود خارجية للنص .
18- إختيار تمييز للنص بلون محدد .
19-إختيار لون للنص .
20- إتجاه الكتابة في حالة تكون من الشمال لليمين .
21-إتجاه الكتابة في حالة تكون من اليمين للشمال .
22- تشغيل إتجاه النص من الشمال لليمين
23-تشغيل إتجاه النص من اليمين للشمال .
24-مستند من الشمال لليمين .
25-مستند من اليمين للشمال .


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

نلتقي .. تحياتي لكم

[محب]

مشكوووووووووووووووووووووور علي هذا الشرح الوافي
تسلم يمينك

[تغريدا]

[quote=عمر حبيبي;492684]السلام عليكم ورحمة الله
الأخوة إدارة ومشرفي وأعضاء منتديات ودمدني ..
تحية وسلام ..
أرجو أن تسمحوا لي بأن أبدأ هنا في وضع سلسلة من دروس وتطبيقات التصميم ..
وستكون الدروس في بداية الأمر :
دروس الفرونت بيج كاملة من الألف إلى الباء ..
1- التعرف على انت ..
2- التعرف على البرنامج ..
3- البرمجة ..
4- تصميم وبرمجة موقع بالفرونت بيج ..
وبعدها سننتقل للتصميم على الفوتوشوب ..
وسيكون تصميم موقع كاملا ... ورفعه إلى مساحة الموقع ..
على كل سنتطرق إلى كل هذا خطوة بخطوة ..
فأرجو السماح والغفران إذا أخطأت والمشاركة بالتصحيح ..
[


/الأخ الكريم عمر السلام عليكم نهارك سعيد ويعطيك العافية وفى أنتظار المزيد