پروژه طراحی سایت


دنلود مقاله و پروژه و پایان نامه دانشجوئی

پروژه طراحی سایت مربوطه  به صورت فایل ورد  word و قابل ویرایش می باشد و دارای ۱۰۴  صفحه است . بلافاصله بعد از پرداخت و خرید لینک دانلود پروژه طراحی سایت نمایش داده می شود، علاوه بر آن لینک مقاله مربوطه به ایمیل شما نیز ارسال می گردد

 فهرست مطالب

مقدمه   – ۱ –
فصل اول : طراحی سایت ها   – ۲ –
۱-۱) تاریخچه ی سایت های اینترنتی :   – ۲ –
۱-۲) HTML   – ۴ –
۱-۲-۱) مقدمه ای بر HTML   – ۴ –
یک فایل HTML چیست؟   – ۴ –
ساختن یک فایل Html   – ۴ –
فایل htm یا html ؟   – ۶ –
۱-۲-۲) عناصر ( Elements )   – ۶ –
تگ های اچتمل (HTML Tags)   – ۶ –
عناصر اچتمل (HTML Elements)   – ۶ –
شناسه های یک تگ (Tag Attributes)   – ۷ –
۱-۲-۳) تگ های اصلی ( Basic Tags )   – ۸ –
سطر جدید (Line Breaks)   – ۹ –
کامنت ها در اچتمل (Comments)   – ۹ –
تگهای اصلی   – ۹ –
۱-۲-۴) پیوندهای اچتمل ( HTML Links )   – ۱۰ –
تگ Anchor و شناسه href   – ۱۱ –
شناسه target در پیوندها:   – ۱۱ –
شناسه Name :   – ۱۲ –
۱-۲-۵ ) جداول ( Tables)   – ۱۳ –
جدولها و شناسه border و dir :   – ۱۵ –
خانه های خالی در جداول (Empty Cells)   – ۱۵ –
تگهای جداول   – ۱۶ –
۱-۲-۶ ) فرمها (Forms)   – ۱۷ –
تگ Input   – ۱۷ –
* ورودیهای متن (Text Fields)   – ۱۸ –
* ورودیهای Radio Buttons   – ۱۹ –
* ورودیهای Checkboxes   – ۱۹ –
۱-۲-۷ ) استایل شیتها  ( Style Sheets )   – ۲۱ –
* چگونگی استفاده از استایل شیتها:   – ۲۱ –
۱)استایل شیتهای خارجی (external style sheet) :   – ۲۲ –
۲)استایل شیتهای داخلی (Internal Style Sheet) :   – ۲۲ –
۳)استایل شیتهای درجا (Inline Styles) :   – ۲۳ –
۱-۳) Java Script   – ۲۴ –
۱-۳-۱) اندکی در مورد تاریخچه JavaScript   – ۲۵ –
۱-۳-۲) مزایای جاوا اسکریپت :   – ۲۵ –
۱-۳-۳) مفهوم JavaScript   – ۲۶ –
۱-۳-۴) قابلیت JavaScript   – ۲۶ –
۱-۳-۵) تفاوت جاوا و جاوا اسکریپت :   – ۲۷ –
۱-۳-۶) Methods   – ۲۸ –
کنترل وقایع (handling events)   – ۲۸ –
۱-۳-۷) Event   – ۲۸ –
۱-۳-۸) عملگرها   – ۲۹ –
۱-۳-۱۰) ابزارهای مورد نیاز   – ۳۰ –
و اما شروع ساده ای از جاوا اسکریپت :   – ۳۰ –
۱-۴) ASP :   – ۳۱ –
۱-۴-۱ ) ASP چیست؟   – ۳۱ –
۱-۴-۳ ) مقدمه اى بر ASP   – ۳۴ –
فرق ASP با HTML چیست؟   – ۳۵ –
ASP چه کارى مى تواند انجام دهد؟   – ۳۵ –
۱-۴-۴) اجرای صفحات ASP   – ۳۵ –
چگونگی نصب و اجرای ASP بر روی کامپیوتر خانگی   – ۳۶ –
۱-۴-۵) آشنایی با اشیاء در ASP   – ۳۷ –
۱-۴-۷) متغییرها در ASP   – ۴۳ –
۱-۴-۸) فرم‌ها در ASP و وردى‌هاى کاربر   – ۴۴ –
۱-۴-۹) استفاده از بانک اطلاعاتی در ASP:   – ۴۷ –
فصل دوم  : مجوز ها تحت وب و توضیح مزیت های ساختار پیاده شده   – ۵۱ –
) چرا Permission  ها ضروری است ؟   – ۵۲ –
۲-۲) توضیح ساختار پیاده سازی شده :   – ۵۲ –
فصل سوم : مستندات ( توضیحات قسمت های مختلف سایت )   – ۵۴ –
۳-۱) :   توضیح کلیات سایت   – ۵۵ –
۳-۲) :  مواردی که در طراحی این سایت استفاده شده است   – ۵۵ –
۳-۳) : توضیح قسمت اصلی سایت که کاربران از آن استفاده می کنند   – ۵۵ –
۳-۴) : بخش مجوز های دسترسی و موارد مربوط به عضویت   – ۶۹ –
مجوز مشاهده ی صفحات :   – ۷۶ –
۴-۵) :   بخش مدیریت سایت   – ۷۷ –
بخش های مختلف مدیریت سایت :   – ۸۲ –
معلق کردن یک عضو :   – ۸۲ –
تغییر مجوز های اعضا :   – ۸۳ –
ارسال ایمیل به تمامی اعضا  :   – ۸۹ –
تغییر وضعیت کاربر   – ۹۰ –
تغییر مجوز های کاربران :   – ۹۰ –
ارسال ایمیل به تمامی کاربران :   – ۹۰ –
۸ )   ارسال ایمیل به یک کاربر   – ۹۱ –
۹) تغییر کلمه ی عبور :   – ۹۱ –
۱۰) اعلام به روز سازی :   – ۹۲ –
۱۱) نمایش تقویم دانشجویی :   – ۹۳ –
فصل چهارم   – ۹۶ –
ارزیابی و نتیجه گیری   – ۹۷ –
پیشنهاد در مورد ادامه ی کار :   – ۹۷ –
منابع :   – ۹۹ –

مقدمه

 در دنیای امروز که رفته رفته تمامی اعمالی که بشر انجام می دهد به صورت مجازی و از طریق اینترنت به منظور سهولت کار انجام می شود ، سایت های اینترنتی خود را به عنوان یکی از نیاز های انسان روز به روز بیشتر پیدا می کنند و هر شرکت ، نهاد ، مجموعه و هر شخصی برای نمایاندن خود به دیگران و گام برداشتن در جهت پیشرفت خویش ، نیازمند در اختیار داشتن وب سایتی می باشد .

امروزه سایت های اینترنتی در حال جایگزین شدن به جای مغازه ها و بازار های فیزیکی و تبلیغات مختلف می باشند چرا که بشر امروزه به درستی معنی وقت طلاست را درک می کند و از تلف کردن وقت در رفت و آمد های مکرر و بی مورد به سطوح آمده است .

اما نکته ای که در این میان خود نمایی می کند و بیش از پیش به چشم میآید لزوم حفظ مفهوم حفاظت اطلاعات  در چهار چوب الکترونیکی جدید است و اینکه استفاده از امکاناتی که نهادی که سایتی را در اینترنت جهت استفاده ی عده ای خاص قرار می دهد ؛ فقط محدود به همان عده باشد . به عبارتی دیگر اجازه ی استفاده از آن امکانات را خود آن سایت برای کاربران تعیین کند .

در چنین شرایطی است که نیاز به مجوز ها تحت وب (  ( Web Permissionsاحساس می شود. به همین منظور بر آن شدم تا این مفهوم نسبتا تازه را در قالب مجتمع عالی آموزشی و پژوهشی خراسان پیاده سازی نمایم .

در طراحی این سایت علاوه بر پیاده سازی مفهوم Permission  ها ، موارد دیگری از جمله برنامه نویسی های جاوا ، صفحات داینامیکی که متون آن های از بانک اطلاعاتی فراخوانی می شود و پیکر بندی آنها با استفاده از زبان های Server Side  صورت می پذیرد و … نیز استفاده شده که هر یک در جای خود جای بحث دارد که به اختصار در مورد آنها در ادامه توضیح داده خواهد شد .

 

فصل اول : طراحی سایت ها

 ۱-۱) تاریخچه ی سایت های اینترنتی :

در اولین روزهای تاسیس وب دستورات HTML بسیار ساده بود، ولی هنگامی که Web، شروع به پیشرفت نمود، طراحان خواستار کنترل بیشتری شده و در نتیجه مجموعه دستورات مورد نیاز تهیه گردید.سپس از آنجاییکه صفحات وب، بهتر است به صورت دینامیک و متحرک باشند، طراحان نیز خواستار ارتباط بین بینندگان سایت و صاحبان آن شدند، در نتیجه استفاده از دستورات HTML به تنهایی نیاز آنها را برطرف نکرد و سپس شرکت Netscape برای ایجاد و کنترل ارتباط بین صاحبان سایت و بینندگان آن در صفحات Web از JavaScript کمک گرفت.

با به وجود آمدن جاوا سکریپت بسیاری از نیاز هایی که طراحان سایت به دنبا آن بودند بر طرف شد جاواسکریپت که امروزه به عنوان یکی از قدرتمند ترین زبان های Client side  مورد استفاده قرار می گیرد در بسیاری از موارد کاربرد داشت و جوابگو بود اما نکته ای که در مورد این زبان و زبان های مشابه ای که به مرور زمان برای کاربرد های مختلفی به وجود آمدند ، همچون  VBSCRIPT , DHTML , …این بود که به واسطه ی اینکه ای کامپایل این زبان ها در سمت کاربر انجام می شد از طرفی Source  کامل برنامه در اختیار کاربر قرار می گرفت و از آن مهم تر اینکه برنامه هایی که در سمت کاربر کامپایل می شوند – Client Side  – کاملا وابسته به سیستم کاربر می شوند و اکر خطایی در کامپیوتر کاربر وجود داشته باشد عملکرد سایت را تحت تاثیر قرار می دهد ( به عنوان مثال بسیاری از منو ها و پروگرام های جاوا در صورتی که Java Virtual Machine نصب نباشد قابل نمایش نمی باشند و … ) این دلایل و مواردی از این دست طراحان را بر این امر واداشت که تا در پی آن باشند که برنامه هایی طراحی کنند که در سمت سرور اجرا شده و نتیجه ی آن به صورت کد های Generate  شده Html  برای کاربر ارسال گردد ( Server Side  )  .

از سوی دیگر نیاز به پایداری اطلاعات و استفاده از بانک های اطلاعاتی برای حفظ داده های مورد نیاز این ضرورت را به وجود آورد که برنامه های تحت وب بتوانند با بانک اطلاعاتی ارتباط برقرار کنند .

زبان هایی که امروزه قدرتمندانه تحت عنوان زبان های سرور ساید خودنمایی می کنند محدود به PHP  و ASP   و   ASP.Net  می باشند که هر یک به نوبه ی خود طیف وسیعی از سایت های پویای طراحی شده را به خودش اختصاص می دهد کاربرد ها و توانایی های متفاوتی دارند .

از آنجایی که در طراحی وب سایت مربوطه از ASP  استفاده شده در ادامه ی این فصل  فقط به اختصار توضیحاتی در مورد ASP   به همراه مابقی ابزار ها و زبان های استفاده شده ذکر خواهد شد .

 

۱-۲) HTML

 ۱-۲-۱) مقدمه ای بر HTML

یک فایل HTML چیست؟

HTML را “اچ تی ام ال” و یا اچتمل بخوانید.
HTML برگرفته از حروف اول Language Markup Text Hyper میباشد.
یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
یک فایل HTML باید دارای انشعاب htm و یا html باشد.
یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.

ساختن یک فایل Html

Notepad را باز کرده  و متن زیر را در آن تایپ میکنیم:

<html>

<head>

<title>Title of page</title>

</head>

<body>

This is my first html page. <b>This text is bold</b>

</body>

</html>

سپس فایل را با نام مثلا test.html در درایو C:\ ذخیره می کنیم .

برای دیدن فایل اچتمل بالا در مرورگر یا Brower ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده باز کنیم . یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی این لینک فایلی شبیه فایل ذخیره شده از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد

توضیح مثال بالا

اولین تگ مثال بالا تگ <html> میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی <html/> انتهای متن اچتمل را میبابد.

متن بین تگ <head> و تگ <head/> اطلاعات شناسنامه ای یا “Header information” متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای <title> و <title/> تیتر و یا Title صفحه که در این مثال عبارت “Title of page” میباشد در بالای مرورگر نمایش داده خواهد شد.

متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد.

متن بین تگ <b> و انتهای آن یعنی تگ <b/> بصورت Bold و یا توپر نمایش داده خواهند شد.

فایل htm یا html ؟

اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)

۱-۲-۲) عناصر ( Elements )

تگ های اچتمل (HTML Tags)

با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.
در زبان اچتمل حدود ۸۰ عنصر تعریف شده است.
تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.
تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test</b>
تگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.
متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا “test”
تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) نوشت و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.

عناصر اچتمل (HTML Elements)

مثال بخش مقدمه را در نظر بگیرید:

<html>

<head>

<title>Title of page</title>

</head>

<body>

This is my first html page. <b>This text is bold</b>

</body>

</html>

*** نمونه ای از یک عنصر اچتمل:

<b>This text is bold</b>

عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پایان می یابد. محتوای این عنصر عبارت “This text is bold” است. لازم به ذکر است که کاربرد تگ <b> نمایش توپر یا bold متون است.

*** مثال دوم یک عنصر اچتمل

<body>

This is my first homepage. <b>This text is bold</b>

</body>

عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پایان می یابد. همانطور که مشاهده می شود گاهی یک عنصر حاوی یک یا چند تگ دیگر میباشد.وظیفه تگ <body> تعیین بدنه اصلی یا body یک متن اچتمل است.لازم به یادآوری است که تنها اطلاعات بخش <body> یک فایل اچتمل در صفحه مرورگر نمایش داده خواهد شد.

شناسه های یک تگ (Tag Attributes)

تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک عنصر یا Element میباشد. مثلا در مورد تگ <body> شناسه ای به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین میکند برای نمونه اگر بخواهیم که رنگ زمینه صفحه Html سیاه باشد کافی است که به شکل زیر عمل کرد :

<body bgcolor=”black”>

در مثال زیر تگ <body> دارای چهار شناسه مختلف با نامهای width، height ، align و border و مقادیر center، ۶۰، ۱۰۰ و ۰ میباشد.

<table border=”0″ width=”100″ height=”60″ align=”center” >
……
</table>

شناسه ها به صورت کلی “مقدار=نام” یا “name=value” نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element اضافه میشوند و نهایتا اگر در یک عنصر یا Element شناسه ها قید نشوند از مقادیر قراردادی یا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه استفاده خواهد شد.
مقدار یک شناسه را میتوانید داخل نویسه های ” و یا ‘ بنویسید و اختیار دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه ” هم میشود باید از نویسه ‘ استفاده شود.

۱-۲-۳) تگ های اصلی ( Basic Tags )

سر تیترها (Headings)
سر تیترها با کمک تگ های <h1> تا <h6> تعیین میشوند. <h1> معرف بزرگترین سر تیتر و <h6> معرف کوچکترین سر تیتر است. مرورگر به هنگام نمایش یک سر تیتر بصورت اتوماتیک یک سطر خالی قبل و بعد از هر سر تیتر اضافه خواهد کرد.

پاراگرافها (Paragraphs)
پاراگرافها با کمک تگ <p> معرفی میشوند.مرورگر به هنگام نمایش یک پاراگراف بصورت اتوماتیک یک سطر خالی قبل و بعد از آن اضافه خواهد کرد.

سطر جدید (Line Breaks)

برای رفتن سر سطر جدید از تگ <br> استفاده میشود.در این حالت یک پاراگراف جدید ایجاد نمیشود. تگ <br> از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا <br/> ) نمیباشد.

کامنت ها در اچتمل (Comments)

برای نوشتن شرح و توضیحات در مورد کدهای اچتمل باید از تگ خاصی استفاده کنید. برای اینکار باید متن و شرحتان را درون علائم <– و –!> قرار دهید. مرور تگ های comment را در نظر نگرفته و محتوی آنها را نمایش نخواهد داد و فقط شرح و توضیحات برای برنامه نویس و دیگر افرادی که احتمالا در آینده با کد اچتمل کار خواهند کرد مفید خواهد بود. (به محل نویسه “!” توجه کنید! فقط یکی و آنهم در ابتدا)

 

تگهای اصلی

در جدول زیر عناصر معرفی شده در این فصل به همراه لینکهای مربوطه جهت مطالعه بیشتر آورده شده است. توجه داشته باشید که برای هر عنصر فهرستی از شناسه ها یا Attributes موجود است و همچنین به شناسه های کنارگذاشته شده (Deprecated) در نسخه های آینده اچتمل توجه داشته باشید و سعی کنید که از آنها استفاده نکنید.

:

Start Tag

Purpose

کاربرد

<html>

Defines a html document

نشان شروع متن اچتمل

<body>

Defines the document’s body

تعیین بدنه و قسمت اصلی صفحه اچتمل

<h1>-<h6>

Defines heading 1 to heading 6

تعریف سر تیترهای h1 تا h6

<p>

Defines a paragraph

تعریف پاراگراف

<br>

Inserts a single line break

رفتن سر خط جدید

<hr>

Defines a horizontal rule

نمایش خط افقی

<!–>

Defines a comment in the HTML source code

نوشتن شرح و comment

1-2-4) پیوندهای اچتمل ( HTML Links )

در محیط وب، صفحات اچتمل با کمک پیوندها به یکدیگر متصل (Link) میشوند. اصطلاح ابرمتن (Hyper Text) در مقابل متن خطی (Linear) قرار دارد. در یک متن معمولی خواندن به شکل خطی و از ابتدا به انتها میباشد و در مقابل در یک متن مختلط (Hyper) با کمک پیوندها میتوان از یک متن به هر صفحه دیگر در وب متصل شد.این کار با کمک عنصری به نام A یا Anchor میسر میگردد.

تگ Anchor و شناسه href

برای ایجاد پیوند به صفحات دیگر از تگ <a> استفاده میشود. پیوندها میتوانند به بخش دیگری از همان صفحه، صفحات دیگر وب، تصاویر، فایلهای صوتی یا حتی فیلم ها و … اشاره کنند.
فرم کلی یک پیوند به قرار زیر است:

<a href=”url”>Some Text</a>

در مثال بالا تگ <a> برای ایجاد پیوندی به صفحه ای دیگر که آدرس اینترنتی آن url میباشد بکار رفته است. برای تعیین مقصد و یا آدرس صفحه جدید از شناسه ای به نام href که همان hyerlink reference میباشد، استفاده میشود و مقدار این شناسه در واقع همان آدرس اینترنتی صفحه مقصد است. بخش قابل رویت پیوند و در واقع متــنــی (و یا تصویری ) که توسط مرورگر نمایش داده خواهد شد و بازدیدکننده روی آن کلیک خواهد کرد میان تگهای <a> و </a> قرار داده میشود و هر چند که در مثال بالا این بخش متن “Some Text” است ولی میتواند حتی یک تصویر باشد.

شناسه target در پیوندها:

 

90,000 ریال – خرید

تمام مقالات و پایان نامه و پروژه ها به صورت فایل دنلودی می باشند و شما به محض پرداخت آنلاین مبلغ همان لحظه قادر به دریافت فایل خواهید بود. این عملیات کاملاً خودکار بوده و توسط سیستم انجام می پذیرد.

 جهت پرداخت مبلغ شما به درگاه پرداخت یکی از بانک ها منتقل خواهید شد، برای پرداخت آنلاین از درگاه بانک این بانک ها، حتماً نیاز نیست که شما شماره کارت همان بانک را داشته باشید و بلکه شما میتوانید از طریق همه کارت های عضو شبکه بانکی، مبلغ  را پرداخت نمایید. 

 

 

مطالب پیشنهادی:
  • پروژه طراحی سایت شرکت
  • پروژه طراحی سایت نرم افزار beauty pilot
  • پروژه طراحی سایت آژانس مسافرتی
  • پروژه طراحی سایت شرکت به سبا
  • پروژه طراحی سایت آموزش دانشگاه
  • برچسب ها : , , , , , , , ,
    برای ثبت نظر خود کلیک کنید ...

    براي قرار دادن بنر خود در اين مکان کليک کنيد
    به راهنمایی نیاز دارید؟ کلیک کنید
    

    جستجو پیشرفته مقالات و پروژه

    سبد خرید

    • سبد خریدتان خالی است.

    دسته ها

    آخرین بروز رسانی

      دوشنبه, ۱ آبان , ۱۳۹۶
    
    اولین پایگاه اینترنتی اشتراک و فروش فایلهای دیجیتال ایران
    wpdesign Group طراحی و پشتیبانی سایت توسط دیجیتال ایران digitaliran.ir صورت گرفته است
    تمامی حقوق برایbankmaghale.irمحفوظ می باشد.