لونك المفضل

المنتديات الثقافية - Powered by vBulletin
 

صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 20 من 39

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

  1. #1
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

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

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

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

  2. #2
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الأول

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

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

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

  3. #3
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الثاني

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

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

    تحياتي

  4. #4
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الثالث

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

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

    تحياتي

  5. #5
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الرابع

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

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

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

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

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

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

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

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

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

    تحياتي

  6. #6
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الخامس

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

  7. #7
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس السادس

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

    تحياتي

  8. #8
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس السابع

    نسيت أقولكم على كيفية الحفظ . عموماً.. الصفحة اللي عملناها سوف تكون صفحة البداية (الرئيسية) وسوف نحفظها بداخل المجلد( My webs) وسوف نسميها index.html مع الأخذ في الاعتبار تسمية الامتداد بشكل html ويتم الحفظ من ___ ملف ___ حفظ باسم __ كما في الصورة ثم تكتب في خانة الاسم index.html كما في الصورة :
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

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

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

    تحياتي

  9. #9
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس الثامن

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

    تحياتي

  10. #10
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس التاسع

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

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

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

    تحياتي

  11. #11
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

    الدرس العاشر

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

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

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

    إلى اللقاء

  12. #12
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810

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

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

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

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

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

    وإلى اللقاء

  13. #13
    Status
    غير متصل

    الصورة الرمزية ولد السعوديه
    عـضـو مـمـيز
    تاريخ التسجيل
    10 2003
    المشاركات
    354
    [c]

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

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

    تحياتي ،،
    [/c]

  14. #14
    Status
    غير متصل

    الصورة الرمزية مزوام
    عضو موقوف
    تاريخ التسجيل
    10 2003
    العمر
    45
    المشاركات
    7,498
    مجهود خرافي اخي الفاضل وحقيقة كلمة شكر ماتكفي


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





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

  15. #15
    Status
    غير متصل

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

  16. #16
    Status
    غير متصل

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

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

    تحياتي

  17. #17
    Status
    غير متصل

    الصورة الرمزية مزوام
    عضو موقوف
    تاريخ التسجيل
    10 2003
    العمر
    45
    المشاركات
    7,498
    الله جابك يالحلم

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

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

  18. #18
    Status
    غير متصل

    الصورة الرمزية العنووود نت2005
    تاريخ التسجيل
    08 2004
    المشاركات
    2

    العنووود نت

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

  19. #19
    Status
    غير متصل

    الصورة الرمزية الحلم
    تاريخ التسجيل
    07 2003
    الدولة
    صامطة
    المشاركات
    9,810
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي



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

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

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

    تحياتي..

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





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

  20. #20
    Status
    غير متصل

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

صفحة 1 من 2 12 الأخيرةالأخيرة

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •