دانلود پروژه جامع رشته کامپیوتر با موضوع طراحی وب سایت

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

فرمت فایل : word(قابل ویرایش)

تعداد صفحات:75

فهرست مطالب:

فصل اول

1-1 هدف..........................................................

1-2 انگیزه..........................................................

1-3 مروری بر مطالب.............................................

فصل دوم

2-1 مقدمه.......................................................

2-3 تشریح موضوع..............................................

2-4 دانش فنی مورد نیاز برای پیاده سازی...................

2-5 نتیجه گیری.................................................

فصل سوم

• مقدمه...............................................................
• اجزای سازنده صفحه...........................................
• ایجاد صفحه وب..................................................
• ذخیره صفحه وب.................................................
• ویرایش صفحه وب..............................................
• آغاز صفحه وب....................................................
• ایجاد زیربنا........................................................
• ایجاد عنوان برای صفحه........................................
• تقسیم صفحه به بخشها......................................
• متن

   3-10-1 اندازه متن...........................................

3-10-2 ایجاد تیتردر صفحه.................................

3-10-3 ایجاد شکست خط در متن(enter).............

3-10-4 ایجاد برچسب برای عناصر در صفحه...........

3-10-5 برجسته کردن متن................................

3-10-6 ایجادمتن متحرک درصفحه.......................

• پیوندها

3-11-1ایجاد پیوند به صفحه وب دیگر.....................

3-11-2 ایجادمیانبرصفحه کلید برای پیوندها.............

3-11-3 ایجاد لنگرها........................................

• تصاویر

3-12-1 قالب تصاویر برای وب..............................

3-12-2 جایگذاری تصاویر روی صفحه......................

3-12-3 ارائه متن جایگزین تصویر..........................

3-12-4 مشخص کردن اندازه برای مشاهده

سریع تصاویر..................................................

3-12-5 شناور کردن تصاویر.................................

3-12-6 اضافه کردن فضای خالی به دور تصاویر.........

3-12-7 جلوگیری از پیچیده شدن عناصر به دور تصاویر

3-12-8 استفاده از تصاویر به جای برچسب پیوندها....

3-12-9 انیمیشن تصویرها..................................

3-13 صفحه بندی بااستفاده از سبکها

3-13-1 ایجاد صفحه سبک داخلی..........................

3-13-2 ایجاد صفحه سبک خارجی.........................

3-13-3 تعریف انتخاب کننده ها.............................

3-13-4 انتخاب کردن عناصر توسط id و class............

3-13-5 انتخاب عناصر پیوند بر پایه حالتشان...............

3-13-6 اضافه کردن فضای خالی به دور مطالب یک عنصر

3-13-7 ایجاد دکمه های تغییر شکل دهنده..............

3-13-8 ایجاد فهرست ها....................................

3-13-9 ایجاد منوهای کرکره ای.............................

3-14 جدول ها

       3-16-1 ایجاد جدول.........................................

3-16-2 اضافه کردن مرز درجدول...........................

3-16-3 تعیین خصوصیات یک جدول با استفاده از سبکها

3-16-4 ترکیب کردن جدول ها...............................

3-16-5 تغییر رنگ پس زمینه جدول.........................

3-16-6 کنترل فضای خالی بین خانه های جدول.........

3-16-7 کنترل فضای خالی دور مطالب موجود در جدول.

3-16-8 توسعه تعدادستون های جدول....................

3-16-9 تقسیم جدول به بخش های افقی................

3-16-10 انتخاب نمایش مرز ها.............................

3-16-11 سرعت دادن به نمایش جدول...................

3-17 فرم ها

       3-17-1 ایجاد فرم ها..........................................

3-17-2 سازماندهی عناصرفرم.............................

3-17-3 ایجادکادرهای متنی.................................

3-17-4 ایجادکادرمخصوص رمزعبور..........................

3-17-5 ایجاد دکمه رادیویی.................................

3-17-6 ایجادمنوها............................................

3-17-7 ناحیه متنی...........................................

3-17-8 ایجاد دکمه submit.................................

3-17-9 ایجاددکمه reset....................................

3-17-10 پردازش فرم ها.....................................

3-17-11 دربارهء php.........................................

3-18 اسکریپت ها

3-18-1 استفاده از اسکریپهای داخلی وخارجی........

3-18-2 تعیین زبان اسکریپت نویسی......................

3-18-3 استفاده ازjava script برای تعیین

تاریخ ووزمان فعلی...........................................

3-19 نتیجه گیری

فصل چهارم

4 -1 مقدمه.......................................................

4-2 تئوری هدایت ...............................................

4-3 نتیجه گیری..................................................

فصل پنجم

   نتیجه گیری وجمع بندی مطالب...........................

منابع

فهرست شکلها

شکل3-1..................................................................

شکل3-2..................................................................

شکل3-3..................................................................

شکل3-4..................................................................

شکل 4-1 مؤلفه بلوکی ازنخستین صفحه.......................

شکل4-2 مؤلفه بلوکی ازصفحه لیست اساتید..............

شکل4-3 مؤلفه بلوکی ازصفحه دانشکده ها................

شکل4-4 مؤلفه بلوکی ازصفحه اعضای هیآت علمی......

شکل4-5 مؤلفه بلوکی از صفحه درباره دانشگاه...........

شکل4-6 مؤلفه بلوکی از صفحه لیست دروس دانشگاه..

شکل4-7 بیان فعالیت های قابل انجام توسط کاربر........

فهرست جداول

جدول 5-ب-1 مرجع xhtml.....................................

جدول 5-ج-2 مرجع css.........................................

واژگان

واژه نامه اصطلاحات............................................

چکیده:

فصل اول

1- 1   هدف

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

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

سایتی که توسط اینجانب در دست طراحی است یک سایت اطلاعات گرا یا سندگرا است.این گونه سایت های متن گرا با تأکید روی محتویات متنی طراحی میشوند پس نسبتآسبک،قابل دریافت از اینترنت وتا حدودی دارای کوچکترین طراحی هستند.البته ناگفته نماند که در کنار متن از سبکهای گرافیکی (GUI)مثل آیکون ها وپنجره های گشودنی و... نیز استفاده شده است.

هدف این است که کاربران بتوانند با مراجعه به این سایت به اطلاعات زیر دست پیداکنند:

دانشکده های دانشگاه مورد نظر،

لیست اساتید هر دانشکده،

لیست دروس دانشکده،

اعضای هیأ ت های علمی دانشگاه،

مقاطع تحصیلی اعضای هیأت های علمی،

گروههای آموزشی موجود در دانشگاه،

وتوضیح مختصری راجع به خود دانشگاه .همچنین کاربران میتوانند ازاین سایت به سایت دانشگاه دسترسی پیدا کنند.

دراین طراحی سعی کرده ام این نکته رادرنظر داشته باشم که تأکید اساسی درطراحی سایت باید همیشه روی کاربر باشد یک سایت باید با در نظر گرفتن توانایی های مشترک کاربران ساخته شود نه برای کاربر فوق العاده ابتدایی یا حرفه ای سایت ها.

1-2   انگیزه

انگیزه من درطراحی سایت کار با زبان HTML (البته کاملتر از آن XHTML ) است.چون وب جهانی که متشکل از میلیونها صفحه وب میباشد وهر کدام از جایی روی اینترنت قرار گرفته اند وهمه این صفحات به شکلی از html نوشته شده اندواز طرفی با توجه به اینکه من هیچ اشنایی قبلی با طراحی وب سایت نداشتم ویادگیری وکسب مهارت در html نسبت به زبان های دیگر دشوار نمی باشد تصمیم گرفتم که این زبان را برای اولین طراحی خود انتخاب کنم.

وبااستفاده ازامکانات زبان html وزبان های برنامه نویسی دیگری که مکمل این زبان درطراحی وب سایت هستندطراحی خودراانجام دهم.

1-3   مروری بر مطالب

این گزارش در 5 فصل گنجانده شده است در فصل دوم این گزارش به طورمفصل درباره پروژه وساختارتمام صفحات آن صحبت می شود.

در فصل سوم تشریح کامل زبان html  وامکانات آن انجام میگیرد و ایجادسایت مورد نظر در این مرحله انجام میگیرد.

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

و در نهایت فصل پنجم نتیجه گیری وتحویل سایت میباشد.

فصل دوم

2-1 مقدمه

طراحی وب چیست؟

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

ابعاد اصلی طراحی وب عبارتند از:

محتوا: content

این بخش شامل شکل ودسته بندی محتویات سایت است.محدوده این بعدازروش نوشتن متن تانحوه دسته بندی،نمایش وساختاربندی آن توسط HTML گسترش می یابد.

فناوری:technology

منظور از فناوری عناصرمختلفی از سایت است که مشخصآ توسط فناوری های برنامه نویسی تولید میشوند .

دید بصری:visuals

این بعد به طرح صفحه نمایش استفاده شده در سایت اشاره دارداین طرح معمولآ توسط HTMLوCSS یافلش یاعناصرگرافیکی دیگر ایجادمی شود.این جنبه بصری سایت آشکارترین جنبه طراحی سایت می باشد.

جابجایی:

جابجایی سایت روی اینترنت یا به عبارت دیگر آپلود کردن فایل ها روی سرور .

هدف:

دلیل وجودی یک سایت می باشد.که درفصل اول درموردآن توضیح داده شد.

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

2 -2 تشریح موضوع

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

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

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

دراین قسمت ساختارهایی که معماری کرده ام تادرفصول بعدی آنهاراطراحی کنم ارائه می کنم :

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

درسمت راست صفحه پیوند هایی به صفحات دیگر قرار داده ام که این قسمت نیزدر تمام صفحات زیرین سایت نیز دیده میشود.پایینترازاین پیوند ها یک فرم در نظر گرفته شده است تا کاربران بتوانند پیشنهادات خود را به email من send کنند.

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