سلسلة دروس كيف تصمم موقعك

[الحلم]

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

ماالجديد الذي ستضيفه لزوار موقعك؟
لعلك تدرك العدد الهائل للمواقع المنشورة على الشبكة ويبقى أن ترسم لك مساراً يجعلك متميزاً بينها ولموقعك طابعه الخاص.
وامنح موقعك خاصية التجديد والابتكار والابداع ولا تجعله جامداً غير قابل للاضافة.
خدمات الزوار: وسنؤجل الحديث عنها لحينه كونها مرحلة متقدمة في التصميم ومن المحسنات المحببة لدى الكثيرين.
أين تريد تسكين موقعك؟
بعد أن تصمم الموقع على جهازك يجب أن تعرف أن ليس بالإمكان مشاهدته من قبل الآخرين إلا إذا تم نشره وهنا يمكن أن أشبه لك هذا
بشخص كتب مقالاً في مفكرته هل بإمكان الآخرين الاطلاع عليه ؟ بالطبع لا ، وحتى يتم ذلك يقوم بنشره في الصحف مثلا.
ولنشر موقعك يتم ذلك بطريقتين:
1- نشره عن طريق المواقع التي توفر استضافة مجانية وهذا لن يكلفك دفع أي مبلغ مالي ،وسنتحدث عنها لاحقاً.
2- نشره عن طريق استئجار حيز مدفوع بشكل شهري أو نصف سنوي أو سنوي ، وسنين ذلك فيما بعد.
(ياجماعة لا يكون شرحي ممل!!!... يالله ..أحاول الاختصار)
شروط متابعة الدروس:
1- يكون عندك جهاز كمبيوتر
2- تكون عندك الأوفيس "اكس بي" وفيه "الفرنت بيج " طبعاً أنا أقول (اكس بي )لأن شرحي سوف يكون على (الفرونت بيج إكس بي).والا فيه غيره كثير.
اللي ما عنده فرنت بيج إكس بي يروح يشتري اسطوانة من محلات الكمبيوتر ويحملها على الجهاز أو يطلب من أحد العارفين تحميلها.
3- تكون ملم ببعض البرامج على الأقل تستطيع التعامل مع "الوورد" وأعني به محرر النصوص اللي تكتب عليه خطاباتك وأعمالك الكتابية.
ولا بأس أن تكون على دراية بالفلاش والفوتوشوب أو أحد برامج الرسوم والميكروميديا(أوووه الظاهر صعبناها.هههه)لكن راح نفسر كل شي في وقته.
4- يكون عندك "طولة بال" وتصميم على التعلم.
5- تتابع الدروس وتقوم بتطبيقها أول بأول.
6- لا تسأل ولا تعلق على الدرس في هذا القسم وسوف يكون هناك قسم خاص بالأسئلة والتعليقات وأطلب من الإخوة المشرفين تحويل الأسئلة والمداخلات والتعليقات إلى ذلك القسم
وذلك حتى لا نشوش على المتابعين . اتفقنا؟
إذاً الكل يستعد للدرس الأول.

[الحلم]

الدرس الأول:
السلام عليكم
كلكم مستعدين؟..هيا توكلنا على الله...

روح بسرعة للمستندات.يالله مافيه وقت..
افتح المستندات- دور على مجلد اسمه (My webs ) إذا ماالتقى مهو مشكلة انته تقدر تسوي مجلد بنفس الاسم لكن أنا متأكد أنه موجود
المهم... افتح المجلد (My webs ) احذف كل اللي في داخله ماعدا المجلد (images) وإذا كان غير موجود قم بالآتي:
انشئ مجلد جديد (بالضغط على زر الفأرة الأيمن واختيار جديد - ثم مجلد والنقر عليه) سم المجلد الجديد الذي أنشأته (images)
أو أي اسم تختاره بس لازم يكون اسمه بالحروف اللاتينية(الانجليزية) مهم لا تنسى ..تمام.
والآن كل الصور اللي تبغى تحطها في الموقع حطها داخل هذا المجلد الذي قمت بإنشائه مع ملاحظة أن تكون تسميتها بالحروف اللاتينية أو الأرقام
والصورة اللي اسمها بالعربي تقدر تغيره باللاتيني بالضغط عليها بالزر الأيمن للفأرة ثم اختيار إعادة تسمية وتحويل المشير إلى اللغة الانجليزية بالضغط
على زري (alt+shift) وسميها زي ما تبغى.إذاكان عندك ملفات فلاش أو أصوات أو أفلام تبغاها تكون في الموقع حطها أيضاً مع الصور في نفس المجلد الذي أنشأته.
الآن خلاص قفل النافذة اللي أمامك ورجع لسطح المكتب .
افتح برنامج الفرونت بيج .. ولا تقول كيف؟ العملية بسيطة روح لقائمة إبدأ - البرامج - تلاقي شكل مكتوب عليه (Microsoft FrontPage) دق عليه
وبس خلاص تلاقي الفرونت بيج فتح ويكون شكله قريب على الوورد (محرر النصوص) كما في الصورة :
http://tfl2.jeeran.com/drs/fas.jpg

وإلى اللقاء في الحلقة القادمة ... قصدي الدرس القادم.
لاتنسون .. أي سؤال أو تعليق يكون في قسم الاسئلة والتعليقات وما يكون هنا.
مهم: (جميع التسميات بالحروف الانجليزية ..والا تخرب الشغلة كلها).
نشوفكم على خير

[الحلم]

الدرس الثاني:
السلام عليكم

في الدرس السابق فتحنا برنامج الفرنت بيج.
ومن الشكل اللي أمامك روح لـ- ملف -واختر (جديد) يطلع لك شكل كما في الصورة:
http://tfl2.jeeran.com/drs/fas2.jpg
ضغط الخيار المبين على الصورة السابقة (صفحة فارغة).
الآن سنقوم بضبط خصائص الصفحة:
انقر بزر الفأرة الأيمن على وسط الصفحة أو أي مكان داخل الصفحة- اختر خصائص الصفحة -سيظهر لديك الشكل التالي:
http://tfl2.jeeran.com/drs/3.jpg
اكتب عنوان الصفحة كما تحب أن يظهر في شريط المتصفح وذلك في الخانة المبينة في الصورة السابقة.
من نفس النافذة المفتوحة اختر (الخلفية)وسيكون لديك كما في الصورة التالية:
http://tfl2.jeeran.com/drs/4.jpg
اختر لون الخلفية وإذا كنت تريد الخلفية صورة أشر إلى المربع (صورة خلفية) وقم باستعراض الصور
تذكير: يجب أن تكون الصورة التي تختارها كخلفية موجودة في المجلد (images)الذي قمت بإنشائه في البداية أو أن
تغير مسار حفظها في هذا المجلد عندما يطلب منك البرنامج ذلك ويجب أن يكون اسمها بالحروف اللاتينية.
انتقل إلى (هوامش) كما في الصورة:
http://tfl2.jeeran.com/drs/5.jpg
اجعل الهوامش تساوي(0) واضبط خيار الصفحة من اليمين لليسار
اختر موافق للخروج من هذه الاعدادات .
معلومة:
يتعامل برنامج الفرونت بيج في تصميم الصفحات مع الجداول وجميع ما نراه مرتباً على صفحات HTML من صور ونصوص هي في الأساس
وضعت داخل جداول وحتى يحين موعد الدرس القادم تدرب على إدراج الجداول وتنظيم أشيائك بداخلها
حتى يحين ذلك الموعد أترككم في رعاية الله

تحياتي

[الحلم]

الدرس الثالث:
توقفنا في الدرس الماضي عند تجهيز الصفحة
والآن يجب أن نتذكر أن معظم عملنا سيكون على الجداول
إذهب إلى -- جداول --إدراج جدول
تظهر لك نافذة كما في الصورة:
http://tfl2.jeeran.com/drs/JDWL1.jpg
حدد عدد الصفوف (3) وعدد الأعمدة (1) ثم اضغط على موافق فينتج لديك شكل الجدول الموضح في الصورة السابقة
ضع المشيرة في الصف الأول من الجدول واضغط علامة التوسيط ثم قم بإدراج جدول بنفس الطريقة السابقة مع وضع عدد الصفوف (1) وعدد الأعمدة (3)حتى تحصل على الشكل الموضح في الصورة التالية:
http://tfl2.jeeran.com/drs/JDWL12.jpg
والآن ضع المشيرة على الجدول الجديد واضغط بزر الفأرة الأيمن واختر خصائص الجدول وغير لون الخلفية الموضحة بالدائرة على الصورة التالية ثم اضغط موافق:
http://tfl2.jeeran.com/drs/JDWL13.jpg
ضع المشيرة في الخلية الوسطى من الجدول الملون واكتب عنوان موقعك وليكن الحلم وقم بتكبير الخط واختر الخط الذي يناسبك كما في الصورة التالية:
http://tfl2.jeeran.com/drs/JDWL22.jpg
يمكنك كتابة (مساحة إعلانية ) في الخليتين اليمنى واليسرى أو استغلال المساحة بما تريده حسب فنياتك
ولآن ضع المشيرة في الصف الثاني من الجدول الأول وقم بإدراج جدول عدد صفوفه (1) وعدد أعمدته (2) حتى يصبح الشكل لديك كما في الصورة التالية :
http://tfl2.jeeran.com/drs/JDWL33.jpg
ضع المشيرة على الجدول الجديد واضغط بزر الفأرة الأيمن واختر خصائص الجدول وضع حجم حدوده تساوي الصفر كما في الصورة:
http://tfl2.jeeran.com/drs/JDWL36.jpg

واتعد للدرس القادم .

تحياتي

[الحلم]

الدرس الرابع:

بعد إدراجك لجدول من ثلاثة أعمدة وصف واحد وجعل حدوده غير مرئية في الدرس السابق
قم الآن بوضع مؤشر الفأرة في الخلية اليمنى لهذا الجدول ثم أدرج بداخله جدولاً عدد الأعمدة فيه (1) وعدد الصفوف(5) أو حسب مزاجك . اعمل نفس الشيء في الخلية اليسرى كما في الصورة:

http://tfl2.jeeran.com/drs/JDWL44.jpg

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

http://tfl2.jeeran.com/drs/JDWL45.jpg

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

http://tfl2.jeeran.com/drs/46.jpg

سيصبح الشكل لديك كما في الصورة السابقة.

وإلى اللقاء في الدرس القادم بإذن الله

تحياتي

[الحلم]

الدرس الخامس:
يا جماعة عرفت من بعض الزملاء أن الصور ما تظهر حاولوا بالضغط على الصورة بزر الفأرة الأيمن واختيار (إظهار الصورة) كرروا العملية ترون راح تظهر وعموماً اليوم قررت أنزل الدرس على الفلاش بدل الصور لأن الفلاش يظهر مية في المية.
الارتباط التشعبي:
بالتأكيد أن موقعك سوف يضم أكثر من صفحة كل صفحة متخصصة في مجال معين أو موضوع بعينه ولكي يصل المتصفح إلى تلك الصفحات يجب أن تربطها ببعضها البعض وهذا ما يسمى بالارتباط التشعبي وهو إما أن يؤدي إلى صفحة داخل الموقع أو صفحة من موقع آخر .
في الدرس الماضي كنا قد ملأنا الجداول بعناوين الصفحات والمواقع التي سوف نربطها بالصفحة التي نعمل عليها وتسمى الرئيسية . ولربط صفحة ما قم بتظليل العنوان الهدف بواسطة مؤشر الفأرة ثم تابع ما يلي:
width = 640 height = 384
لاحظ بأنا قد اخترنا للارتباط الصفحة المسماة ( a.htm) ولهذا يجب عليك فيما بعد تصميم صفحة وتحفظها في موقعك بهذا الاسم على أن تحتوي معلومات تعريفية بصاحب الموقع(من نحن) وعلى فكرة يمكنك استخدام اي اسم بشرط يكتب اسمه بالحروف الانجليزية وله امتداد( htm) .
قم بتكرار العملية مع بقية العناوين الموجودة في كل خلية من خلايا الجدول الأيمن ولتكن التسمية (b.htm ) و (c.htm) (d.htm) أو أي أسماء تختارها.
وإلى اللقاء في الدرس القادم
تحياتي

[الحلم]

الدرس السادس: إدراج شاشة إسمية متحركة
نرى في بعض المواقع جمل وعبارات متحركة من اليسار إلى اليمين كالترحيب مثلاً واليوم سنتعلم كيفية عمل ذلك.
إذهب إلى الخلية الوسطى التي سبق وأن أنشأناها وقم بإدراج جدول من عمود واحد وصف واحد بداخلها.
ضع المشيرة داخل خلية الجدول الجديد واذهب إلى (إدراج ------ مكون ويب----- شاشة إسمية ) كما في الصورة التالية:
http://tfl2.jeeran.com/drs/edragasmya.jpg
بعد ذلك سيظهر لك الشكل التالي:
http://tfl2.jeeran.com/drs/asm1.jpg
اضغط موافق لتظهر لك النافذة التالية التي ستكتب فيها نص الترحيب ولون الخلفية واتجاه النص وغيرة من الخصائص:
http://tfl2.jeeran.com/drs/asm2.gif
بعد أن تكمل البيانات في النافذة السابقة اضغط على زر موافق ليظهر لك النص المتحرك في خلية الجدول الذي قمت بإنشائه:
http://tfl2.jeeran.com/drs/asm3.gif
يمكنك تغيير لون الخط وحجمه بالنقر على النص ثم تطبيق ما تريده وكأنك تعمل في الوورد أو محرر النصوص
وإلى اللقاء في الدرس القادم.

تحياتي

[الحلم]

نسيت أقولكم على كيفية الحفظ . عموماً.. الصفحة اللي عملناها سوف تكون صفحة البداية (الرئيسية) وسوف نحفظها بداخل المجلد( My webs) وسوف نسميها index.html مع الأخذ في الاعتبار تسمية الامتداد بشكل html ويتم الحفظ من ___ ملف ___ حفظ باسم __ كما في الصورة ثم تكتب في خانة الاسم index.html كما في الصورة :
http://tfl2.jeeran.com/drs/fro20.gif

إدراج الصور في الصفحة:

تحتاج في كثير من الأحيان إلى إدراج صورة في موقعك وهنا سنتعلم كيفية إدراج الصورة . ضع المشيرة في الخلية التي تريد إدراج الصورة فيها ثم إذهب إلى---إدراج --- صورة----صورة من ملف وانقر عليها ليفتح لك المستعرض الصور . اختر الصورة التي تريدها كما في الصورة التالية :
http://tfl2.jeeran.com/drs/edrags2.jpg
بعد ذلك انقر الزر إدراج لتظهر الصورة في صفحتك كما يلي :
http://tfl2.jeeran.com/drs/edrags3.gif
قم بالنقر المزدوج على الصورة لتحدد مقاسات الطول والعرض كالتالي:
http://tfl2.jeeran.com/drs/edrags4.jpg
إذا أردت أن ترفق ارتباط مع الصورة بحيث إذا نقرت عليها تذهب بك لصفحة على الانترنت قم بالنقر على الصورة مرة واحدة للتحديد ثم اذهب إلى إدراج ارتباط تشعبي واكتب العنوان الذي تريده وليكن منتديات شبكة صامطة مثلا كالتالي:
http://tfl2.jeeran.com/drs/edrags5.jpg
اضغط على موافق
وإلى اللقاء في الدرس القادم
تحياتي

[الحلم]

الدرس الثامن:
إدراج وصلة فلاش :
لادراج وصلة فلاش أولا احرص على أن يكون امتداد الوصلة swf مثلا: hlm.swf
ضع المشيرة في الخلية التي تريد إدراج الفلاش فيها ثم اذهب إلى--إدراج---مكون ويب وانقر على مكون ويب كما في الصورة:
http://tfl2.jeeran.com/drs/edragasmya.jpg
بعد ذلك ومن النافذة التي ستظهر لك من يمينها خذ آخر خيار ومن اليسار انقر على (توصيل) ثم إنهاء كما في الصورة:
http://tfl2.jeeran.com/drs/edragfla1.jpg
تظهر لك نافذة كما في الصورة التالية فإذا كان الفلاش على جهازك يجب أن تضعه مسبقاً في مجلد (الايميج) الذي أنشأناه في البداية.
قم بالاستعراض وابحث عن الفلاش ثم انقر عليه نقرا مزدوجا ثم حدد الارتفاع والعرض كما في الصورة:
http://tfl2.jeeran.com/drs/edragfla2.jpg
أما إذا كان الفلاش على الانترنيت فضع عنوانه في الفراغ الأول المشار إليه في الصورة ثم اضغط موافق.
سيظهر لك الفلاش المدرج كما في الصورة التالية :
http://tfl2.jeeran.com/drs/edragfla3.jpg
قم بضغط زر المعاينة أسفل الصفحة لترى الفلاش بوضعه الطبيعي كما في الصورة :
http://tfl2.jeeran.com/drs/edragfla4.jpg
ملاحظة : لوضع ارتباط تشعبي على الفلاش يجب أن يتم ذلك أثناء تصميم الفلاش نفسه وليس هنا.
وإلى اللقاء في الدرس القادم

تحياتي

[الحلم]

الدرس التاسع :
كيفية وضع صورة في خلفية الصفحة:

انقر بزر الفأرة الأيمن على أي مكان في الصفحة التي تقوم بتصميمها ثم اختر (خصائص الصفحة) كما في الصورة التالية :
http://tfl2.jeeran.com/drs/khalf1.jpg
حدد الصورة التي تريدها والأفضل أن تكون قد حفظتها في مجلد (images ) الذي سبق إنشاؤه في بداية العمل لإنشاء الموقع. إذا لم تكن تعرف عنوان الصورة الهدف قم بالاستعراض لتحدد مكان الصورة كما في الصورة التالية:
http://tfl2.jeeran.com/drs/khalf2.gif
انقر على زر موافق لترى الصورة وقد تكررت في صفحتك بأكملها كما في الصورة التالية:
http://tfl2.jeeran.com/drs/khalf3.jpg

ملاحظة تذكر أن اسم الصورة المدرجة يجب أن يكون بالحروف الانجليزية.
إلى اللقاء في الدرس القادم

تحياتي

[الحلم]

الدرس العاشر:
إضافة المؤثرات:
قد تحتاج إلى إضافة بعض المؤثرات التي تزيد من جمال ورونق موقعك.
وهنا سنتعرف على تأثيرات HTML الحيوية.
لتجعل الخلايا التي تحتوي على الروابط لامعة وتمثل الأزرار أي يتغير لونها عند مرور مؤشر الفأرة عليها اتبع الآتي:
قم بتظليل الخلية الهدف ثم إذهب إلى تنسيق ـــــــ> تأثيرات HTML الحيوية - انقر عليها كما في الصورة:
http://www.samtah.net/hlm30/drs/html111.gif

بعد ذلك ستظهر لك كما في الصورة التالية :
http://www.samtah.net/hlm30/drs/html33.gif
في خانة اختر حدثاً من الشريط الذي سيظهر لك --اختر المرور بالماوس --في خانة --اختر حدثاً --اختر تنسيق -في خانة --اختر الاعدادات --اختر الحدود--بالتتابع من(1-2) كما في الصورة التالية:
http://www.samtah.net/hlm30/drs/html11.gif
تابع العملية من النافذة التي سوف تظهر لك وذلك باختيار --تظليل-- ثم غير لون الخلفية باللون الذي تراه مناسباً --ثم اضغط على موافق كما في التوضيح التالي:
width = 351 height = 400

يمكنك وضع التأثير على الخط من خلال --اختيار الخط -- من خانة اختيار الاعدادات -- وسنوضح ذلك في الدرس القادم

إلى اللقاء

[الحلم]

الدرس الحادي عشر:

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

قم بتظليل الكود الذي تريد إضافته ثم قم بنسخه عن طريق الضغط على زري ctrl+c
اذهب إلى برنامج الفرونت بيج الذي تعمل عليه في تصميم الصفحة وضع مؤشر الفأرة في الخلية التي تريد أن يظهر تأثير الكود فيها.
من قائمة -إدراج- اختر -مكونات ويب- وذلك كما في الصورة الآتية:
http://www.samtah.net/hlm30/drs/cood1.gif
حدد الخيار الأخير من الخانة اليمنى واختر من الخانة اليسرى إما HTML أو الجافا وذلك حسب نوع الكود ثم اضغط على زر إنهاء كما في الصورة التالية :
http://www.samtah.net/hlm30/drs/cood2.gif
الصق الكود الذي سبق نسخه في النافذة التي تظهر لك بوضع المؤشر داخل النافذة والضغط على ctrl+v ثم اضغط موافق كما في الصورةالتالية:
http://www.samtah.net/hlm30/drs/cood3.gif

بعد ذلك قم بالمعاينة ولاحظ التأثير الذي أحدثه الكود.
يتبع في الدرس القادم ــــــــــــــــــ>

وإلى اللقاء

[ولد السعوديه]

شكرا لك اخوي الحلم والله يعطيك الف عافية

ولك مني كل تقدير واحترام

تحياتي ،،

[مزوام]

مجهود خرافي اخي الفاضل وحقيقة كلمة شكر ماتكفي


والله يكون في عونك بعد ماقرر مزوام انه يصمم بنفسه





تحياتي وتقديري

[aek]

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

[الحلم]

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

شكرا لاهتمامك وأتمنى لك التوفيق.

تحياتي

[مزوام]

الله جابك يالحلم

انا ضااااااااااايع واصمم قسم بالله اللي مايشتري يتفرج

ولو سمحت كلمني مسنجر aljahow@hotmail.com

[العنووود نت2005]

اخوي الحلم انا مسوية موقع على النت وسويت كل الي علمتنياه بالدرووس وبعدين حفظة الصفحة ولما افتحة تكون كلها تمام بس يوم احملها على النت لموقعي وافتها الاقي الكتابه رايحة يسار وعندي محرك بحث بعد جاي معكووس ابي حل للمشكله وعشان تشوف المشكله بنفسك هذا موقعي metab.1ksa.com بس ادخله بدوون دبليو ويعطيك الف عافيه ماقصرت.

[الحلم]

http://www.samtah.net/hlm30/me/1up.gif



يسرني ..
أولا ..
أن أرحب بك في منتداك...
فأهلا وسهلا بك ..
وشكرا لتواصلك...

بخصوص السؤال..
أنا زرت موقعك..
واتضح لي أن هناك صورة ... للعنوان ... يجب إعادة تحميلها...

بشأن اتجاه الصفحة...
يجب عليك أولا قبل التصميم ... تحديد اتجاه الصفحة بحيث يكون ( من اليمين إلى اليسار ) ... ويتم ذلك من خلال النقر بزر الفأرة الأيمن على الصفحة وأخذ خصائصها ... ثم تعديل الاتجاه .. وبإذن الله راح يتعدل كل شيء..
http://tfl2.jeeran.com/drs/5.jpg
والدليل على كلامي هذا ...
إذهبي إلى صفحة موقعك على الانترنيت ... ستظهر الصفحة مقلوبة... من شريط المتصفح اللي فوق ..( ملف - تحرير - عرض ...) اضغطي على عرض...ومنه إلى ( ترميز) خذي آخر خيار ...( (مستند من اليمين إلى اليسار ... بتلاحظين قلب الصفحة ... وذلك لأن ترميز الصفحة وقت التصميم كان من اليسار إلى اليمين...
أتمنى أن أكون قد أجبت على استفسارك..

تحياتي..

ويا هلا بك مرة أخرى





http://www.samtah.net/hlm30/me/1dwn.gif

[العنووود نت2005]

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

[الحلم]

أهلا ..بك

بالنسبة لمشكلتك..
افتحي الصفحة التي صممتيها على جهازك...ببرنامج الفرونت بيج..
حددي الخلية .. (الخانة) اللي فيها الصورة.. امسحي كل اللي فيها..
روحي ... فوق.. إدراج صورة ... من ملف .. ابحثي عن الصورة ..
موافق... حفظ..

حملي الصفحة والصورة على الموقع مرة أخرى ..

لا تدرجي الصورة كــ (كود) من مكون ويب..

للمزيد راجعي درس إدراج صورة...على هذا الرابط:

http://www.samtah.net/vb/showpost.php?p=5072&postcount=8


تحياتي

[أبوإسماعيل]

http://www.samtah.net/abuesmail/photos/jadyd...1/basmala-nashk111.gif


أبو حسين
وفقك الله وأثابك على كل جهودك

الله يبارك فيك




http://www.samtah.net/abuesmail/photos/jadyd...1/tasbyha-sahra.gif

[الحلم]

ابو اسماعيل...

شكرا لمرورك من هنا...

وفق الله الجميع

تحياتي

[ســمير]

الله يعطيك الف عافيه


ورائع ومبدع

[محمد المباركي]

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

السلام عليكم ورحمة الله وبركاته .... وبعد في الحقيقة مجهود كبير جداً من الاستاذ الحلم على سلسلة دروس كيف تصمم موقعك .

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


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

[زاهر]

مجهود جبار ورائع رائع رائع أخي الحلم


الله يعطيك العافية والقوة على هذا التفاني والإخلاص في العمل













مع فائق احترامي وتقديري

[مزوام]

عدنا تمرين:

[المنسي]

رائع أخي الحلم


مجهود جبار كلمة الشكر لا تعطيك حقك

[أبو أسامة]

وهكذا أنت كما عهدناك أخي الحلم

فلاااااااااا عحب

( ابداع مستمر وتميز ليس له حدود )

أمنياتي الصادقة لك أخي ولكل مبدع

التقدم الدائم بعد توفيق الله العلي العظيم

[ورد وكاذي]

مشكور عزيزي الحلم على الموضوع الجميل

[هبة الله]

http://www.asool-qtr.com/vb/images/threadbag/wd1.gif

دروس رائعة اخي الحلم

شكرا الى الامام

اختك هبة الله

http://www.asool-qtr.com/vb/images/threadbag/wd1.gif

[ورد وكاذي]

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

عندي استفسار وهو صممت موقع واريد اجعل هناك صفحه لاقتراحات الزوار

يعني لما افتح الصفحه اجد اقتراحات الزوار كيف الطريقه لذلك


ولكم جزيل الشكر







aagdd@hotmail.com

[شاهد عيان]

ألف ألف شكر ماتكفيك يا"الحلم" على نشر الفائدة و جزاك الله خيراً

[بقايا ذكريات]

اخوي ياليت تساعدني مو فاهمه كيف الارتباط التشعبي: :(
ماشيه معك تمام بس وقفت هنا والله شرحك رهيب وكلو تمام بس الارتباط صعب (وجه يصيح )


الدرس الخامس:
يا جماعة عرفت من بعض الزملاء أن الصور ما تظهر حاولوا بالضغط على الصورة بزر الفأرة الأيمن واختيار (إظهار الصورة) كرروا العملية ترون راح تظهر وعموماً اليوم قررت أنزل الدرس على الفلاش بدل الصور لأن الفلاش يظهر مية في المية.
الارتباط التشعبي:
بالتأكيد أن موقعك سوف يضم أكثر من صفحة كل صفحة متخصصة في مجال معين أو موضوع بعينه ولكي يصل المتصفح إلى تلك الصفحات يجب أن تربطها ببعضها البعض وهذا ما يسمى بالارتباط التشعبي وهو إما أن يؤدي إلى صفحة داخل الموقع أو صفحة من موقع آخر .
في الدرس الماضي كنا قد ملأنا الجداول بعناوين الصفحات والمواقع التي سوف نربطها بالصفحة التي نعمل عليها وتسمى الرئيسية . ولربط صفحة ما قم بتظليل العنوان الهدف بواسطة مؤشر الفأرة ثم تابع ما يلي:
width = 640 height = 384
لاحظ بأنا قد اخترنا للارتباط الصفحة المسماة ( a.htm) ولهذا يجب عليك فيما بعد تصميم صفحة وتحفظها في موقعك بهذا الاسم على أن تحتوي معلومات تعريفية بصاحب الموقع(من نحن) وعلى فكرة يمكنك استخدام اي اسم بشرط يكتب اسمه بالحروف الانجليزية وله امتداد( htm) .
قم بتكرار العملية مع بقية العناوين الموجودة في كل خلية من خلايا الجدول الأيمن ولتكن التسمية (b.htm ) و (c.htm) (d.htm) أو أي أسماء تختارها.


width = 640 height = 384

هذا وشو<< اغبى انسانه

تكفون سعدوني < تنرحم

وشكووورن على الدرس ماننحرم ::d::

[بقايا ذكريات]

ليش محد رد علي :(

[الحلم]

أهلا بقايا ذكريات
الرابط هذا يحمل فلاش توضيحي للشرح ويمكن النقر عليه من التالي:

http://www.geocities.com/hlm300/rwa.swf

نأسف أن تأخرت إجابتنا فلم نلاحظ ذلك قبلا

تمنياتي لك بالتوفيق

[الصاعق]

وسعوا ياجماعة وسعوا من قبلي.... هربوا عني بس ملاكم::

المتكى ومواطا والباغة وسادحة والفرونت بيج و ينادي
والحلم و يشرح ... ومايتقفل مكبيوتر اليوم الا وقد فعلتولي موقع<<عرق حظرمي::d::
ومش موقع بس ...الا موقع وقاعدة بيانات كاملة والكامل الله
وهيا ترجولي بس تمرين2:

[الصاعق]

أبو حسين ..... قربلي راسك
طباععععععععععععع

اقسم بالله قديني من الناس الهاي هاي ::sa04::
يعني انسان قاحي جداً <<ومن اول كان ماهو ::d:: <<يشاله ضرب :redhot:

ومعايا موقع كنه ماهو ... بالله كنك زلا هنا وقلي رأيك
http://sa3eg.jeeran.com/

ياشيخ اروح سوفع قشع في عمود ::sa05::

[damri]

يعطيك العافيه