دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات العمل

الهوى ماهو كلام · 05-02-2006, 12:15 صباحاً

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

عمل صفحة وحفظها

إن الموقع يتكون من عدة صفحات مترابطة، سنتعلم الآن كيفية عمل صفحة جديدة في دريم ويفر وحفظها.

1. من القائمة في أعلى البرنامج اختر File>New.

ومن النافذة New Document اختر HTML لاحظ الصورة:

2. اضغط ضغطا مزدوجا على الخيار HTML، أو اضغط Create.

3. في الصفحة التي ستفتح عندك أكتب أي نص يعجبك واختر له عنوان مناسب، أريد أن يظهر ما كتبت كالتالي:

4. بعد هذا النص اضغط Enter من على لوحة المفاتيح لعمل سطر جديد، ومن شريط الإدراج اضغط على Image، أيضا لإدراج صورة إذهب إلى قائمة Insert في أعلى البرنامج واختر Image.
ومن النافذة التي ستظهر لك أدخل إلى أي مجلد به صور (My Pictures مثلا) واختر الصورة التي تعجبك.

5. ظلل السطر الأول، ومن شريط الإدراج اختر Text بدلا من Common من الخيارات التي لديك.
ومن الأزرار التي تظهر لديك اضغط على H2، سيتغير حجم الخط.

6. أيضا ظلل السطر الثاني، ومن لوحة الخصائص بالأسفل غير نوع الخط Font إلى Tahoma، والحجم Size إلى 10 points.

طريقة اختيار نوع الخط Tahoma كالتالي:

من القائمة التي تظهر عند اختيار خط معين Font اختر Edit Font list، وأضف Tahoma كما في الصورة:

7. احفظ الصفحة التي قمت بعملها: File>Save، باسم index.htm داخل مجلد باسم myweb (سنستخدمه بعد ذلك).
8. أغلق الصفحة، ولا تغلق البرنامج:

9. افتح الصفحة File>open>index.htm من المجلد myweb.
10. ولتستعرض صفحتك في المستعرض اضغط على الزر Preview من شريط الأدوات، واختر البرنامج الذي تريد الإستعراض فيه (لدي IE).

ملاحظة: تستطيع عمل صفحة جديدة وحفظها وفتح الصفحات من خلال الشريط Standard، ولإظهار هذا الشريط إذهب إلى: View>Toolbars>Standard.

التنقل بين وضعيات العمل

تعلمنا كيف ننتقل بين الوضعيات الثلاث: التصميم، والشيفرة، والتصميم والشيفرة معا.

وضعية التصميم Design:

قمنا في الدرس الماضي بتحرير صفحة index.htm في وضعية التصميم.

وضعية الشيفرة Code:

انتقل إلى وضعية الشيفرة كما تعلمت سابقا.
افتح الصفحة index.htm التي قمت بعملها في الدرس الثاني.
غير الكود التالي:
<h2>text</h2>
إلى:
<h3>text</h3>
اضغط على زر Refresh.
إرجع إلى وضعية التصميم Design ولاحظ الإختلاف.

وضعية التصميم والشيفرة معا Split:

إذهب إلى القوائم في أعلى البرنامج:
File>Revert
سيسألك عما إذا كنت تريد إعادة الصفحة لما كانت عليه وتضييع ما قمت بتغييره.. أضغط Yes.
انتقل إلى وضعية التصميم والشيفرة معا Split كما تعلمت سابقا.
كرر الخطوات السابقة في وضعية الشيفرة.

robinio · 12-26-2006, 12:54 مساءً

شكرا على الشرح الرائع بس انا حاولت اعرض الصفحه فى المتصفح مش راضيه بيحصل مشاكل

mojamed26 · 04-27-2008, 12:22 صباحاً

شكرا على الشرح الرائع

05-02-2006, 12:15 صباحاً	#1 (permalink)
الهوى ماهو كلام اسرة ابن الخليج تاريخ التسجيل: Jul 2005 الدولة: K S A المشاركات: 4,817 معدل تقييم المستوى: 651	دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات العمل بسم الله الرحمن الرحيم عمل صفحة وحفظها إن الموقع يتكون من عدة صفحات مترابطة، سنتعلم الآن كيفية عمل صفحة جديدة في دريم ويفر وحفظها. 1. من القائمة في أعلى البرنامج اختر File>New. ومن النافذة New Document اختر HTML لاحظ الصورة: 2. اضغط ضغطا مزدوجا على الخيار HTML، أو اضغط Create. 3. في الصفحة التي ستفتح عندك أكتب أي نص يعجبك واختر له عنوان مناسب، أريد أن يظهر ما كتبت كالتالي: 4. بعد هذا النص اضغط Enter من على لوحة المفاتيح لعمل سطر جديد، ومن شريط الإدراج اضغط على Image، أيضا لإدراج صورة إذهب إلى قائمة Insert في أعلى البرنامج واختر Image. ومن النافذة التي ستظهر لك أدخل إلى أي مجلد به صور (My Pictures مثلا) واختر الصورة التي تعجبك. 5. ظلل السطر الأول، ومن شريط الإدراج اختر Text بدلا من Common من الخيارات التي لديك. ومن الأزرار التي تظهر لديك اضغط على H2، سيتغير حجم الخط. 6. أيضا ظلل السطر الثاني، ومن لوحة الخصائص بالأسفل غير نوع الخط Font إلى Tahoma، والحجم Size إلى 10 points. طريقة اختيار نوع الخط Tahoma كالتالي: من القائمة التي تظهر عند اختيار خط معين Font اختر Edit Font list، وأضف Tahoma كما في الصورة: 7. احفظ الصفحة التي قمت بعملها: File>Save، باسم index.htm داخل مجلد باسم myweb (سنستخدمه بعد ذلك). 8. أغلق الصفحة، ولا تغلق البرنامج: 9. افتح الصفحة File>open>index.htm من المجلد myweb. 10. ولتستعرض صفحتك في المستعرض اضغط على الزر Preview من شريط الأدوات، واختر البرنامج الذي تريد الإستعراض فيه (لدي IE). ملاحظة: تستطيع عمل صفحة جديدة وحفظها وفتح الصفحات من خلال الشريط Standard، ولإظهار هذا الشريط إذهب إلى: View>Toolbars>Standard. التنقل بين وضعيات العمل تعلمنا كيف ننتقل بين الوضعيات الثلاث: التصميم، والشيفرة، والتصميم والشيفرة معا. وضعية التصميم Design: قمنا في الدرس الماضي بتحرير صفحة index.htm في وضعية التصميم. وضعية الشيفرة Code: انتقل إلى وضعية الشيفرة كما تعلمت سابقا. افتح الصفحة index.htm التي قمت بعملها في الدرس الثاني. غير الكود التالي: <h2>text</h2> إلى: <h3>text</h3> اضغط على زر Refresh. إرجع إلى وضعية التصميم Design ولاحظ الإختلاف. وضعية التصميم والشيفرة معا Split: إذهب إلى القوائم في أعلى البرنامج: File>Revert سيسألك عما إذا كنت تريد إعادة الصفحة لما كانت عليه وتضييع ما قمت بتغييره.. أضغط Yes. انتقل إلى وضعية التصميم والشيفرة معا Split كما تعلمت سابقا. كرر الخطوات السابقة في وضعية الشيفرة. من مواضيع الهوى ماهو كلام في المنتدى ما الفرق بين Java و JavaScript دعــــاء ما قبل الترقيم .. تصميم نموذج استعراض البيانات‏ مؤسسة الفرقان للإنتاج الإعلامي تقدم إصدارها المرئي فكوا العاني دورة Xml [الدرس الرابع-الجزء الأول]: منهجية عمل مستندات Xml وتكوينها الهرمي التعديل الأخير تم بواسطة : ADMIN بتاريخ 10-30-2006 الساعة 08:58 مساءً.

12-26-2006, 12:54 مساءً	#2 (permalink)
robinio عضو جديد تاريخ التسجيل: Nov 2006 المشاركات: 4 معدل تقييم المستوى: 9	رد: دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات العمل شكرا على الشرح الرائع بس انا حاولت اعرض الصفحه فى المتصفح مش راضيه بيحصل مشاكل من مواضيع robinio في المنتدى

04-27-2008, 12:22 صباحاً	#3 (permalink)
mojamed26 عضو جديد تاريخ التسجيل: Feb 2007 المشاركات: 7 معدل تقييم المستوى: 8	رد: دورة Dreamweaver MX [اليوم الثاني]: عمل صفحة وحفظها + التنقل بين وضعيات العمل شكرا على الشرح الرائع من مواضيع mojamed26 في المنتدى

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
دورة Dreamweaver MX [اليوم الثالث]: عمل موقع ويب في دريم ويفر	الهوى ماهو كلام	دروس في برمجة المواقع	4	05-03-2008 10:12 صباحاً
الزرقاوي الجيل الثاني للقاعدة دراسة منهجية ونقدية	صالح محمد عبدالله	المنتدى العام	0	09-22-2007 02:49 مساءً
[فهرس] اهم مواضيع ودروس قسم برمجة المواقع	ADMIN	دروس في برمجة المواقع	0	04-22-2007 08:21 مساءً
الآن سنتعرف على الكثير من بلدان العالم وسبب إختيارها لألوان أعلامها	كرم العربي	المنتدى العام	8	02-15-2007 05:04 صباحاً
علم الإجتماع	ADMIN	المنتدى العام	4	08-09-2006 05:52 صباحاً

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)