Embed Size (px)
Citation preview
( الخرج بمحافظة المجتمع لكلية ) موقع التخرج مشروع موضوع الدوسري فهد عائض بن / ناصر الطالب إعداد
اآللي / الحاسب القسمواإلنترنت / الشبكات التخصص
عيادي : كمال األستاذ بإشراف العمل تم
الموقع: عن نبذة من تحتويه بما المجتمع كلية عن كثيرة معلومات الموقع يضم
الكلية على التعرف على الطالب لتساعد وإدارات أقسام الكلية في التسجيل متطلبات وكذلك بها الموجودة واألقسام
يلتحق أن قبل الكلية عن الالزمة الخبرة الطالب ليأخذ وهذا يوجد ايضا الله بإذن التفوق على يساعده مما قسم أى في
يمكن كما المعلومات لهذه واإلضافة التعديل أمكانية بالموقع. واأللوان األشكال بعض تغيير
الموقع: تصميم في المستخدمة البرامجFront page 2003 بيج الفرونت برنامج-1
إلى ةباإلضاف الموقع تصميم في الرئيسي البرنامج وهو: التالية للبرامج محدود استخدام
Html البرمجة لغة-2JavaScript البرمجة لغة-3 Microsoft والجداول النصوص لتنسيق الوورد برنامج-4
Word 2003والشعارات الصور وتصميم لتعديل الفوتوشوب برنامج-5
Photoshop الموقع في المتحركة الرسومات لعمل الفالش برنامج-6
Macromedia Flash MX
من مأخوذة ألجزاء صور بعض بعرض أقوم سوف واآلن وليكن األجزاء هذه بتصميم الخاص الكود كتابة وكيفية الموقع
الرئيسية: الصفحة المثال سبيل على
2
في الموجودة األجزاء بعض إنشاء كيفية بشرح أقوم سوف: السابقة الصورة
الصفحة عنوان أوال: صورة
للحصول الفالش برنامج باستخدام تصميمه تم الجزء هذا قمت ثم الخرج بمحافظة المجتمع كلية عنوان حركة على هو كما الصور هذه وتشمل واحد صورة في الصور بجمع صور أيضا الكلية لواجهة وصورة الخرج محافظة برج واضح
3
بعض مع دمجها تم بالكلية تمت او تتم التي األنشطة من .Photoshop برنامج عبر وتعديلها
األفقية :القائمة ثانيا
أنها حيث بيج الفرونت برنامج على تصميمه تم الجزء هذا
خاليا ستة من مكون واحد صف من مكون جدول عن عبارة وهذا الموقع صفحات من معينة صفحة إلى تنقلنا خلية وكلالقائمة هذه تصميم في المستخدمhtml كود
<TD class=menuout dir=rtl onmouseover="className='menuin';" onclick="location.href='index.php'" onmouseout="className='menuout'" noWrap align=middle background="" height="29">
<a href=" الرئيسية20الصفحة% .htm"><a> </TD/>الرئيسية <TD align=middle width=1 background="" height="29">
<IMG height=26 src="h_bar_div.gif" width=4></TD> <TD class=menuout dir=rtl onmouseover="up('d0',this);className='menuin';" onclick="location.href='index.php?id=1&lang=ar'" onmouseout="down('d0');className='menuout'" noWrap
4
align=middle width="85" height="29"> أقسام<TD/>الكلية <DIV class=submenu id=d0 dir=rtl onmouseover="up('d0');" style="DISPLAY: none" onmouseout="down('d0');"> <DIV><NOBR><A class=link id=3 href=" الحاسب قسم .htm">
اآللي الحاسب قسم </A></NOBR> </DIV> <DIV><NOBR><A class=link id=3 href=" االنجليزية اللغة قسم .htm">قسم
اإلنجليزية اللغة </A></NOBR> </DIV> <DIV><NOBR><A class=link id=3 href=" اإلدارية والعلوم االقتصاد قسم .htm">قسم
اإلدارية والعلوم االقتصاد </A></NOBR> </DIV> </DIV> <TD align=middle width=1 background="" height="29">
<IMG height=26 src="h_bar_div.gif" width=4></TD> <TD class=menuout dir=rtl onmouseover="up('d1',this);className='menuin';" onclick="location.href='index.php?id=1&lang=ar'" onmouseout="down('d1');className='menuout'" noWrap align=middle height="29"> الكلية إدارات </TD>
5
<DIV class=submenu id=d1 dir=rtl onmouseover="up('d1');" style="DISPLAY: none" onmouseout="down('d1');"> <DIV><NOBR><A class=link id=3 href=" الطالب شئون .htm"> شؤون<A></NOBR> </DIV/>الطالب <DIV><NOBR><A class=link id=4 href=" االمتحانات شئون .htm">شؤون
<A></NOBR> </DIV/>االمتحانات <DIV><NOBR><A class=link id=5 href=" والتسجيل القبول .htm">القبول
<A></NOBR> </DIV/>والتسجيل <DIV><NOBR><A class=link id=6 href=" والمتابعة التدريب .htm">التدريب
<A></NOBR> </DIV/>والمتابعة <DIV><NOBR><A class=link id=7 href=" العامة العالقات .htm"> العالقات <A></NOBR/>العامة </DIV> <DIV><NOBR><A class=link id=8 href=" والمالية اإلدارية الشئون .htm"> الشؤون اإلدارية
<A></NOBR/>والمالية </DIV> <DIV><NOBR><A class=link id=9 href=" الموظفين شئون .htm"> شؤون <A></NOBR/>الموظفين </DIV> <DIV><NOBR><A class=link id=10 href="المكتبة.htm">المكتبة</A></NOBR>
6
</DIV> <DIV><NOBR><A class=link id=11 href=" والثقافي الطالبي النشاط .htm"> النشاط الطالبي
<A></NOBR/>والثقافي </DIV></DIV> <TD align=middle width=1 background="" height="29">
<IMG height=26 src="h_bar_div.gif" width=4></TD> <TD class=menuout dir=rtl onmouseover="up('d3',this);className='menuin';" onclick="location.href='index.php?id=1&lang=ar'" onmouseout="down('d3');className='menuout'" noWrap align=middle width="96" height="29"> القبول<TD/>والتسجيل <DIV class=submenu id=d3 dir=rtl onmouseover="up('d3');" style="DISPLAY: none" onmouseout="down('d3');"> <DIV><NOBR><A class=link id=3 href=" والتسجيل القبول .htm#t1">شروط
<A></NOBR> </DIV/>القبول <DIV><NOBR><A class=link id=4 href=" والتسجيل القبول .htm#t2">شروط
للجامعة االنتقال </A></NOBR> </DIV> <DIV><NOBR><A class=link id=5 href=" والتسجيل القبول .htm#t3">متطلبات
7
<A></NOBR> </DIV></DIV/>التسجيل <TD align=middle width=1 background="" height="29">
<IMG height=26 src="h_bar_div.gif" width=4></TD> <TD class=menuout dir=rtl onmouseover="up('d2',this);className='menuin';" onclick="location.href='index.php?id=1&lang=ar'" onmouseout="down('d2');className='menuout'" noWrap align=middle width="107" height="29">
والتخرج التدريب </TD> <DIV class=submenu id=d2 dir=rtl onmouseover="up('d2');" style="DISPLAY: none" onmouseout="down('d2');"> <DIV><NOBR><A class=link id=3 href=" والمتابعة التدريب .htm">التدريب
المتابعة و </A></NOBR> </DIV> <DIV><NOBR><A class=link id=6
href=" والمتابعة التدريب .htm#f1">الميداني التدريب أهمية </A></NOBR>
</DIV> <DIV><NOBR><A class=link id=7
href=" والمتابعة التدريب .htm#f2"> التدريب إدارة مهام
<A></NOBR> </DIV/>والمتابعة <DIV><NOBR><A class=link id=8
8
href=" والمتابعة التدريب .htm#f3">الميداني التدريب مميزات </A></NOBR>
</DIV> <DIV><NOBR><A class=link id=9
href=" والمتابعة التدريب .htm#f4"> المعنية األطراف التزمات
<A></NOBR> </DIV/>بالتدريب <DIV><NOBR><A class=link id=10
href=" والمتابعة التدريب .htm#f5"> التدريب برنامج ضوابط
<A></NOBR> </DIV/>الميداني <DIV><NOBR><A class=link id=11
href=" والمتابعة التدريب .htm#f6"> األكاديمية المتطلبات
<A></NOBR> </DIV/>للتدريب <DIV><NOBR><A class=link id=4 href="التخرج.htm">التخرج
</A></NOBR> </DIV> <DIV><NOBR><A class=link id=5 href="التوظيف.htm">التوظيف
</A></NOBR> </DIV></DIV> <TD align=middle width=1 background="" height="29">
<IMG height=26 src="h_bar_div.gif" width=4></TD> <TD class=menuout dir=rtl onmouseover="up('d5',this);className='menuin';" onclick="location.href='index.php?id=1&lang=ar'" onmouseout="down('d5');className='menuout'" noWrap
9
align=middle width="78" height="29"> اتصل<TD/>بنا
الرأسية ثالثا:القائمة
10
أنها حيث بيج الفرونت برنامج على تصميمه تم الجزء هذا عشرين من مكون واحد عمود من مكون جدول عن عبارة األمام جامعة شعار صورة على تحتوى األولى الخلية خليه من معينة صفحة إلى تنقلنا األخرى الخاليا من خلية وكل
هذه تصميم في المستخدمhtml كود وهذا الموقع صفحاتالقائمة
<TD vAlign=top width="99%" colspan="2" style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" bordercolor="#C0C0C0"> <DIV align=center>
<A href="http://www.rct.edu.sa/index.php?f=categories/mhn">
<IMG
11
src="imbsu.gif" border=0 width="116" height="74"></A><BR></DIV></TD> <TD vAlign=top background="T2.gif" rowSpan=22 width="1%">
<IMG src=" المجتمع%20كلية%بالخرج20 _files/T2.gif"
border=0 width="1" height="3"></TD></TR> <TR> <TD vAlign=top colSpan=2 style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" bordercolor="#C0C0C0"></TD></TR> <TR> <TD vAlign=top colspan="2" style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" bordercolor="#C0C0C0"> <TABLE id=table1 cellPadding=0 width="110%" bgColor=#CCCCFF border=0> <TBODY> <TR> <TD vAlign=top width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
12
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2> <SPAN lang=ar-sa> الكلية حول </SPAN></FONT></B></TD></TR> <TR> <TD colSpan=2 height=14 bgcolor="#9999FF">
<p align="center"> <a href=" الرئيسية20الصفحة% .htm"> <font color="#800080"> الكلية عن نبذة </font> </a> </TD></TR> <TR> <TD colSpan=2 height=26 bgcolor="#9999FF">
<p align="center"> <a href=" الكلية20رسالة% .htm"> رسالة<a></TD/>الكلية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href=" الكلية20أهداف% .htm"> أهداف
<a></TD/>الكلية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href=" الكلية20نظام% .htm"> نظام
<a></TD/>الكلية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href=" زارت%20شخصيات%
الكلية20 .htm"> الكلية زارت شخصيات </a></TD> <TR>
13
<TD colSpan=2 height=20 bgcolor="#9999FF"><p align="center"><a href=" الكلية20أنشطة% .htm"> أنشطة
<a></TD/>الكلية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href=" الكلية20مرافق% .htm"> مرافق
<a></TD/>الكلية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href=" الكلية20موقع% .htm"> موقع
<a></TD/>الكلية <TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="150%" background=block_med.jpg height=26>
<p align="center"><font color="#FFFFFF"><b> األقسام<b></font></TD></TR/>األكاديمية <TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href="%قسمالحاسب20 .htm"> اآللي الحاسب قسم </a></TD>
<TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
14
<p align="center"><a href=" اللغة%20قسم%االنجليزية20 .htm"> اإلنجليزية اللغة قسم </a></TD>
<TR> <TD colSpan=2 height=20 bgcolor="#9999FF">
<p align="center"><a href="%قسماإلدارية20والعلوم%20االقتصاد20% .htm"> االقتصاد قسم
اإلدارية والعلوم </a></TD> <TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2> <a href="%الهيئة
التعليمية20 .htm">الهيئة <a></FONT></B></TD></TR/>التعليمية
<TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2>
<a href=" تهم%20دراسية%20أنظمة%الطالب20 .htm"> أنظمة
15
الطالب تهم دراسية </a> </FONT></B></TD></TR> <TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2>
<a href=" الهاتف20%20دليل% .htm"> دليل
<a> </FONT></B></TD></TR/>الهاتف <TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2>
<a href=" مميزة20مقاالت% .htm"> مقاالت
<a> </FONT></B></TD></TR/> مميزة <tr> <TD width="2%" background=block_med.jpg height=26>
16
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><B><FONT face=Tahoma color=#ffffff size=2>
<a href="التقويم.htm"> التقويم <a> </FONT></B></TD/> الجامعي
</tr> <TR> <TD width="2%" background=block_med.jpg height=26>
<IMG height=26 src="block_right.jpg" width=14 border=0></TD> <TD width="100%" background=block_med.jpg height=26>
<p align="center"><b><font face="Tahoma" size="2"><a href="
الخرج20محافظة% .htm"><font color="#FFFFFF"> محافظة
<font></a></font></b></TD></TR/>الخرج </TBODY></TABLE></TD>
األخبار آخر : جزء رابعا
17
كود وهو سكريبت الجافا لغة باستخدام الجزء هذا تصميم تم المراد األخبار عنواين عدد على بناءا فيه التعديل يتم جاهز
المستخدم: الكود هو وهذا ظهورها <SCRIPT language=JavaScript type=text/javascript><!--// Ticker startupfunction startTicker(){ // Define run time values theCurrentStory = -1; theCurrentLength = 0; // Locate base objects if (document.getElementById) { theAnchorObject = document.getElementById("tickerAnchor"); runTheTicker(); } else { document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>"); return true; }}// Ticker main run loopfunction runTheTicker(){ var myTimeout; // Go for the next story data block
18
if(theCurrentLength == 0) { theCurrentStory++; theCurrentStory = theCurrentStory % theItemCount; theStorySummary = theSummaries[theCurrentStory].replace(/"/g,'"'); theTargetLink = theSiteLinks[theCurrentStory]; theAnchorObject.href = theTargetLink; thePrefix = "<span class=\"tickls\">" + theLeadString + "</span>"; } // Stuff the current ticker text into the anchor theAnchorObject.innerHTML = thePrefix + theStorySummary.substring(0,theCurrentLength) + whatWidget(); // Modify the length for the substring and define the timer if(theCurrentLength != theStorySummary.length) { theCurrentLength++; myTimeout = theCharacterTimeout; } else { theCurrentLength = 0; myTimeout = theStoryTimeout; } // Call up the next cycle of the ticker setTimeout("runTheTicker()", myTimeout);
19
}// Widget generatorfunction whatWidget(){ if(theCurrentLength == theStorySummary.length) { return theWidgetNone; }
if((theCurrentLength % 2) == 1) { return theWidgetOne; } else { return theWidgetTwo; }}// --></SCRIPT>
<SCRIPT language=JavaScript type=text/javascript> <!--
var theCharacterTimeout = 50; var theStoryTimeout = 5000; var theWidgetOne = "_"; var theWidgetTwo = "-"; var theWidgetNone = ""; var theLeadString = "";
20
var theSummaries = new Array(); var theSiteLinks = new Array();
var theItemCount = 3;
theSummaries[0] = " كتابته المراد النص "; theSiteLinks[0] = "news.php?sid=57";
theSummaries[1] = " كتابته المراد النص "; theSiteLinks[1] = "news.php?sid=60";
theSummaries[2] = " الطالب لجميع تتمنى الكلية;" التوفيق theSiteLinks[2] = "news.php?sid=60";
االنتقال المراد الصفحة عنوان أسم وضع يتم الثاني الجزء في ... إليها
startTicker();
//--> </SCRIPT>
21
I هذا الجزء يتم التعديل فيه ووضع عناويناألخبار المراد عرضها
األخبار بأرشيف الخاص : الجزء خامسا
كود على تحتوى مستقلة صفحة في تصميمه تم الجزء هذا الصفحة وهذه الشاشة هذه في استدعاؤه يتم سكريبت جافا :هي
التالي الكود على وتحتوى " :az_get2.htm "<!-- document.write(''); document.write('<span class="news_title"> <a target=""href="index.php?id=-1&tid=75"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> األول الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=74"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> الخبر الثاني </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=73"><img
22
src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> الثالث الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=72"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> الرابع الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=71"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> الخامس الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=70"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> السادس الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=69"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> السابع الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=68"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> الثامن الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=66"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> التاسع الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=65"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> العاشر الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-
23
1&tid=64"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> عشر الحادي الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=63"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> عشر الثاني الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=62"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> عشر الثالث الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=54"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> عشر الرابع الخبر </a></span><span class="news_title"> <a target=""href="index.php?id=-1&tid=53"><img src=http://www.rct.edu.sa/images/title_icn.gif width=12 height=12 border=0> عشر الخامس الخبر </a></span>'); document.write(''); -->
: الصفحة من األيمن : الجزء سادسا
24
باستخدام الجزء هذا في الموجودة الصور تصميم تم لقد لعرض الفالش برنامج استخدام تم وأيضا الفوتوشوب برنامج صورة صورة الكلية صور بعض .
الموقع : محتوى سابعا
25
نسخة ثم الوورد برنامج على وتنسيقة المحتوى هذا كتابة تم واالرتباطات الصور إضافة مع بيج الفرونت برنامج على .
الصفحة : ذيل ثامنا
عبارة أنه حيث بيج الفرونت برنامج على الجزء هذا تصميم تم هو وهذا الموقع صفحات بعض على تحتوى جدول خاليا عن
تصميمها في المستخدم الكود :
26
<TD align=left background="foot.jpg"> <DIV align=center><font color="#FFFFFF">[ </font>
<a href=" الرئيسية20الصفحة% .htm"><font color="#FFFFFF"> الرئيسية الصفحة </font></a><font color="#FFFFFF"> |</font><a href=" الكلية20أقسام% .htm"><font color="#FFFFFF"> أقسام
<"font></a><font color="#FFFFFF/>الكلية|</font><a href=" الطالب20شئون% .htm"><font color="#FFFFFF">شؤن
|<"font></a><font color="#FFFFFF/>الطالب</font>
<a href=" الطالب20نتائج% .htm"><font color="#FFFFFF"> الطالب نتائج </font></a><font color="#FFFFFF">
|</font><a href="االتصال.htm#c2"><font color="#FFFFFF"> هامة هواتف </font></a><font color="#FFFFFF"> ]<BR>
</font><IMG height=1 src="" width=255> </DIV></TD></TR> <TR> <TD background="foot.jpg"> <DIV align=center><FONT class=copyright face=tahoma color=#ffffff size=2> محافظة المجتمع لكلية محفوظة الحقوق جميع .ص. ب<BR>الخرج
<span lang="en-us">11111</span> الرياض <span lang="en-us">11111</span> - هاتف<span lang="en-us"></span>
27
<span lang="en-us"></span><BR> فاكس - الموقع/ ناصر الطالب تصميم <span lang="en-us">
</span> الدوسري عائض بن </FONT></DIV><DIV align=center>
<FONT class=copyright face=tahoma color=#ffffff size=2> </FONT></DIV></TD>
الرئيسية الصفحة أجزاء معظم استعرضنا قد نكون وبهذا الصفحة لهذه نسخ عمل تم وقد تصميمها وكيفية بالموقع الصفحات من صفحة كل مع يتناسب بما فيها بالتعديل والقيام من صور بعض لكم نقدم يلي الموقع. وفيما في المتبقية العناوين لبعض الموقع صفحات
عبارة هي الصفحات هذه أن على ننوه أن بد ال النهاية وفي ) مشروع على وباإلطالع عمله تم لم بسيط ملخص عن
العمل حجم يتضح ( ( سوف المجتمع لكلية ) موقع التخرج تم الذي ...
28
الموقع تصميم يحوز أن وتعالى سبحانه الله من أتمنى وأخيرا إعجابكم على
الموقع مصممالدوسري عائض بن ناصر
إشرافعيادي : كمال األستاذ
29
