شكككككككككككرا اخ net
رجاااااااء كمل وبس بغيت اعرف كيف ارفع الصفحات في مكان انا حجزته
مو جيران ترا :42:
بصراحه طلعت الصفحه اللي سويتها رهيبه
:30:
وبغيت اسال كمان
يعني الحين لو بسوي صفحه في بطن الصفحه الرئيسيه هذي
عرفت يعني احط رابط ويوديني على صفحه داخليه ... هذي كيييييييييف؟
هل ابنيها (الصفحه الداخليه هذي) ابنيها لحالها من جديد وبعدين احط لينك لها في الصفحه الرئيسيه كيف اقدر اسمي اللينك هذا او اعرف اسمه؟
ارجو التوضيح
واذا كان هذا الموضوع جاي في الطريق بالتفصيل ياليت تعجل :42: عشان الحماس ما ينطفي
وشكراااااااااااااااااااا مره اخرى لكل من اثرى الوضوع الجميل هذا
يا هلا أخوي عبد الرحمن
راجع هذا الرابط .. فهو خاص بالإستفسارات
أما هذا الموضوع فهو لطرح الدروس .. فقط لاغير
و إن شاء الله راح نستمر معاكم في تقديم دروس لغة تصميم صفحات الويب ( HTML )
راجع هذا الرابط .. فهو خاص بالإستفسارات
أما هذا الموضوع فهو لطرح الدروس .. فقط لاغير
و إن شاء الله راح نستمر معاكم في تقديم دروس لغة تصميم صفحات الويب ( HTML )
توضيحات على ما سبق من الدروس
هذه مجرد توضيحات على ما سبق طرحه من دروس مختلفة ..
الكود Doctype وظيفته يقوم بتعريف مستند HTML .. و هذا الكود تم تقديمه في مواصفات HTML 3.2 ، ففي النسخ السابقة كان هذا الكود غير معروفا .
مثل ما قلنا .. وظيفة هذا الكود هو تعريف بالمستند ، و المستندات التي لا تتضمن هذا الكود يمكن أن تؤدي وظيفتها بشكل ممتاز ، لكن من الأفضل أن نقوم بكتابة هذا الكود و الذي لا يتعدى عدة كلمات قليلة .
هذا الكود يجب أن يكون أول سطر من المستند .. و طريقة كتابته كالتالي :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN>
و حيث أن لغة HTML تكتب بالإنجليزية .. كتبنا في الكود السابق ( EN ) و تعني اللغة الإنجليزية .
------------------------------------
الكود Meta يوفر تفاصيل حول مستند HTML و التي لم يتم تغطيتها بواسطة أي كود آخر ضمن المعرف أو الجزء < Head > .
و يكتب هذا الكود هكذا :
<Head>
<Title>TEST</Title>
<Meta Name="Woman" Content="Cooking">
<Meta Name="keywords" Content="SARA, HTML, Cooking">
<Meta http-equiv="refresh" Content="5;http://www.saracookingweb.com">
</Head>
فمثلا .. الكلمة ( Name ) تشير إلى اسم يستطيع أي محرك بحث في الإنترنت فهمه ، و هنا الإسم هو ( Woman ) و تعني المرأة ، فلو بحثت في الإنترنت على هذه الكلمة ، ستجد هذا الموقع من ضمن نتائج البحث .
و الكلمة ( Content ) تشير إلى محتوى هذه الصفحة بالذات .. فهناك مواقع كل صفحة منها لها طابع خاص .. فمثلا في الموقع الواحد هناك صفحة خاصة بالبرامج و هناك صفحة أخرى خاصة بالأخبار مثلا ..
فلو كان وصف الصفحة هو ( Cooking ) الطبخ .. و عملت بحث عن مواقع الطبخ .. ستظهر لك هذه الصفحة ضمن نتائج البحث .
يتبقى الجزء الأخير و هو ( http-equiv="refresh" ) و هذه تستخدم لتحديث الصفحة تلقائيا بعد مرور مدة معينة أنت تحددها .. و نحن حددنا هذه المدة بـ ( 5 ) ثواني و ذلك واضح في الكود .
------------------------------------
بعض مصممي الصفحات .. عندما يتصفحون مواقعهم بإستخدام أنظمة مختلفة ، يجدون هذه المواقع مكتوبة بخطوط مختلفة و السبب راجع إلى أنهم استخدموا أنواع من الخطوط لا يقبلها ذلك النظام .
و هناك خمسة أنواع تقبلها جميع أنظمة الكومبيوتر .. الويندوز و الماكنتوش و اليونيكس و هي : Arial و Times Roman و Courier و Sans Serif و Wingdings .
------------------------------------
الكود nobr تم تصميمه لبمنع المتصفح من إدخال فاصل سطر ضمن سطر به نص طويل .
مثال :
<nobr>This is a long-ish line of text that will not be broken up into seperate lines by the browser</nobr>
------------------------------------
الكود wbr يُخبر المتصفح عن المكان المسموح في الجملة الطويلة لفصل السطر ، و صمم ليتم استخدامه مع الكود nobr .
مثال :
<nobr>
This is a really, really, really, really, really, really, <wbr> really, really, really, long sentence that can be broken after the sixth "really"
</nobr>
------------------------------------
رموز الدول :
مثل ما قلنا سابقا ..
فالموقع الثاني ينتهي بـ ( sa ) و هذا رمز المملكة العربية السعودية .
و هذه رموز بقية الدول :
al : ألبانيا
ao : أنجولا
ar : الأرجنتين
au : استراليا
bs : الباهماس
bd : بنجلاديش
bm : برمودا
bo : بوليفيا
br : البرازيل
bf : بوركينا فاسو
kh : كمبوديا
ca : كندا
td : تشاد
cn : الصين
cu : كوبا
dj : جيبوتي
ec : الإكوادور
af : أفغانستان
dz : الجزائر
am : أرمينيا
at : النمسا
bh : البحرين
be : بلجيكا
bg : بلغاريا
cm : الكاميرون
cl : تشيلي
co : كولوميبا
hr : كرواتيا
dk : الدنمارك
sa : المملكة العربية السعودية
kw : الكويت
qa : قطر
ae : الإمارات
lb : لبنان
jo : الأردن
eg : مصر
uk : المملكة المتحدة
us : الولايات المتحدة الأمريكية
fr : فرنسا
fi : فنلندا
ge : جورجيا
gh : غانا
gr : اليونان
hu : هنغاريا
in : الهند
ir : إيران
ie : إيرلندا
it : إيطاليا
jp : اليابان
kz : كازخستان
kr : كوريا
hk : هونج كونج
is : آيسلندا
id : أندونيسيا
iq : العراق
il : إسرائيل
jm : جاميكا
lr : ليبيريا
mg : مدغشقر
mt : مالطا
mx : المكسيك
ma : المغرب
ng : نيجيريا
nl : هولندا
no : النرويج
pa : باكستان
ph : الفلبين
pl : بولندا
ru : روسيا
my : ماليزيا
ml : مالي
np : نيبال
nz : نيوزيلندا
ne : النيجر
om : عمان
pe : البيرو
pt : البرتغال
ro : رومانيا
sg : سنغافورة
se : السويد
sy : سوريا
th : تايلند
tr : تركيا
ye : اليمن
za : جنوب أفريقيا
------------------------------------
أمثلة على أكواد الروابط :
لنأخذ مثال على موقع نسناس www.nasnas.com
كود رابط الموقع
<a href="http://www.nesnas.com">موقع نسناس</a>
كود رابط الموقع .. و لكن حجم الخط أكبر
<a href="http://www.nesnas.com"><font size="5">موقع نسناس</font></a>
و نقدر نزيد من حجم الخط بزيادة العدد 5 .
كود رابط المواقع بخط كبير .. و الخط مكتوب على خلفية صفراء اللون
<a href="http://www.nesnas.com"><font size="5">
<span style="background-color: #FFFF00">موقع نسناس</span></font></a>
و اللون الأصفر هو ( FFFF00 ) .
كود لرابط الموقع .. لكن عندما نضغط عليه تفتح صفحة ( نسناس ) في نافذة جديدة و ليس في نفس النافذة التي كنا فيها .
<a target="_blank" href="http://www.nesnas.com">موقع نسناس</a>
كود لرابط الموقع و حجم الخط كبير .. و رابط الموقع محاط بإطار
<font size="5">
<a style="border: 3px double #003399" href="http://www.nesnas.com">موقع نسناس </a></font>
هذه مجرد توضيحات على ما سبق طرحه من دروس مختلفة ..
الكود Doctype وظيفته يقوم بتعريف مستند HTML .. و هذا الكود تم تقديمه في مواصفات HTML 3.2 ، ففي النسخ السابقة كان هذا الكود غير معروفا .
مثل ما قلنا .. وظيفة هذا الكود هو تعريف بالمستند ، و المستندات التي لا تتضمن هذا الكود يمكن أن تؤدي وظيفتها بشكل ممتاز ، لكن من الأفضل أن نقوم بكتابة هذا الكود و الذي لا يتعدى عدة كلمات قليلة .
هذا الكود يجب أن يكون أول سطر من المستند .. و طريقة كتابته كالتالي :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN>
و حيث أن لغة HTML تكتب بالإنجليزية .. كتبنا في الكود السابق ( EN ) و تعني اللغة الإنجليزية .
------------------------------------
الكود Meta يوفر تفاصيل حول مستند HTML و التي لم يتم تغطيتها بواسطة أي كود آخر ضمن المعرف أو الجزء < Head > .
و يكتب هذا الكود هكذا :
<Head>
<Title>TEST</Title>
<Meta Name="Woman" Content="Cooking">
<Meta Name="keywords" Content="SARA, HTML, Cooking">
<Meta http-equiv="refresh" Content="5;http://www.saracookingweb.com">
</Head>
فمثلا .. الكلمة ( Name ) تشير إلى اسم يستطيع أي محرك بحث في الإنترنت فهمه ، و هنا الإسم هو ( Woman ) و تعني المرأة ، فلو بحثت في الإنترنت على هذه الكلمة ، ستجد هذا الموقع من ضمن نتائج البحث .
و الكلمة ( Content ) تشير إلى محتوى هذه الصفحة بالذات .. فهناك مواقع كل صفحة منها لها طابع خاص .. فمثلا في الموقع الواحد هناك صفحة خاصة بالبرامج و هناك صفحة أخرى خاصة بالأخبار مثلا ..
فلو كان وصف الصفحة هو ( Cooking ) الطبخ .. و عملت بحث عن مواقع الطبخ .. ستظهر لك هذه الصفحة ضمن نتائج البحث .
يتبقى الجزء الأخير و هو ( http-equiv="refresh" ) و هذه تستخدم لتحديث الصفحة تلقائيا بعد مرور مدة معينة أنت تحددها .. و نحن حددنا هذه المدة بـ ( 5 ) ثواني و ذلك واضح في الكود .
------------------------------------
بعض مصممي الصفحات .. عندما يتصفحون مواقعهم بإستخدام أنظمة مختلفة ، يجدون هذه المواقع مكتوبة بخطوط مختلفة و السبب راجع إلى أنهم استخدموا أنواع من الخطوط لا يقبلها ذلك النظام .
و هناك خمسة أنواع تقبلها جميع أنظمة الكومبيوتر .. الويندوز و الماكنتوش و اليونيكس و هي : Arial و Times Roman و Courier و Sans Serif و Wingdings .
------------------------------------
الكود nobr تم تصميمه لبمنع المتصفح من إدخال فاصل سطر ضمن سطر به نص طويل .
مثال :
<nobr>This is a long-ish line of text that will not be broken up into seperate lines by the browser</nobr>
------------------------------------
الكود wbr يُخبر المتصفح عن المكان المسموح في الجملة الطويلة لفصل السطر ، و صمم ليتم استخدامه مع الكود nobr .
مثال :
<nobr>
This is a really, really, really, really, really, really, <wbr> really, really, really, long sentence that can be broken after the sixth "really"
</nobr>
------------------------------------
رموز الدول :
مثل ما قلنا سابقا ..
فالموقع الثاني ينتهي بـ ( sa ) و هذا رمز المملكة العربية السعودية .
و هذه رموز بقية الدول :
al : ألبانيا
ao : أنجولا
ar : الأرجنتين
au : استراليا
bs : الباهماس
bd : بنجلاديش
bm : برمودا
bo : بوليفيا
br : البرازيل
bf : بوركينا فاسو
kh : كمبوديا
ca : كندا
td : تشاد
cn : الصين
cu : كوبا
dj : جيبوتي
ec : الإكوادور
af : أفغانستان
dz : الجزائر
am : أرمينيا
at : النمسا
bh : البحرين
be : بلجيكا
bg : بلغاريا
cm : الكاميرون
cl : تشيلي
co : كولوميبا
hr : كرواتيا
dk : الدنمارك
sa : المملكة العربية السعودية
kw : الكويت
qa : قطر
ae : الإمارات
lb : لبنان
jo : الأردن
eg : مصر
uk : المملكة المتحدة
us : الولايات المتحدة الأمريكية
fr : فرنسا
fi : فنلندا
ge : جورجيا
gh : غانا
gr : اليونان
hu : هنغاريا
in : الهند
ir : إيران
ie : إيرلندا
it : إيطاليا
jp : اليابان
kz : كازخستان
kr : كوريا
hk : هونج كونج
is : آيسلندا
id : أندونيسيا
iq : العراق
il : إسرائيل
jm : جاميكا
lr : ليبيريا
mg : مدغشقر
mt : مالطا
mx : المكسيك
ma : المغرب
ng : نيجيريا
nl : هولندا
no : النرويج
pa : باكستان
ph : الفلبين
pl : بولندا
ru : روسيا
my : ماليزيا
ml : مالي
np : نيبال
nz : نيوزيلندا
ne : النيجر
om : عمان
pe : البيرو
pt : البرتغال
ro : رومانيا
sg : سنغافورة
se : السويد
sy : سوريا
th : تايلند
tr : تركيا
ye : اليمن
za : جنوب أفريقيا
------------------------------------
أمثلة على أكواد الروابط :
لنأخذ مثال على موقع نسناس www.nasnas.com
كود رابط الموقع
<a href="http://www.nesnas.com">موقع نسناس</a>
كود رابط الموقع .. و لكن حجم الخط أكبر
<a href="http://www.nesnas.com"><font size="5">موقع نسناس</font></a>
و نقدر نزيد من حجم الخط بزيادة العدد 5 .
كود رابط المواقع بخط كبير .. و الخط مكتوب على خلفية صفراء اللون
<a href="http://www.nesnas.com"><font size="5">
<span style="background-color: #FFFF00">موقع نسناس</span></font></a>
و اللون الأصفر هو ( FFFF00 ) .
كود لرابط الموقع .. لكن عندما نضغط عليه تفتح صفحة ( نسناس ) في نافذة جديدة و ليس في نفس النافذة التي كنا فيها .
<a target="_blank" href="http://www.nesnas.com">موقع نسناس</a>
كود لرابط الموقع و حجم الخط كبير .. و رابط الموقع محاط بإطار
<font size="5">
<a style="border: 3px double #003399" href="http://www.nesnas.com">موقع نسناس </a></font>
الصفحة الأخيرة
بالإمكان الإطلاع على ما سبق من دروس .. و الإستفادة منها
و محاولة التطبيق على هذا الرابط .. بالتوفيق ،،