پروژه طراحی وب سایت اساتید دانشگاه
1 مقدمه
طراحی وب چیست؟
یک حرفه چند جنبه ای که به تصمیم گیری وتولیدسایت های وب مربوط می شود.سایت های وب به عنوان یک مکانیزم ارتباطی بین صاحبان سایت وکاربرانش وهمچنین بین خودکاربران استفاده می شوند.
ابعاد اصلی طراحی وب عبارتند از:
محتوا: content
این بخش شامل شکل ودسته بندی محتویات سایت است.محدوده این بعدازروش نوشتن متن تانحوه دسته بندی،نمایش وساختاربندی آن توسط HTML گسترش می یابد.
فناوری:technology
منظور از فناوری عناصرمختلفی از سایت است که مشخصآ توسط فناوری های برنامه نویسی تولید میشوند .
دید بصری:visuals
این بعد به طرح صفحه نمایش استفاده شده در سایت اشاره دارداین طرح معمولآ توسط HTMLوCSS یافلش یاعناصرگرافیکی دیگر ایجادمی شود.این جنبه بصری سایت آشکارترین جنبه طراحی سایت می باشد.
جابجایی:
جابجایی سایت روی اینترنت یا به عبارت دیگر آپلود کردن فایل ها روی سرور .
هدف:
دلیل وجودی یک سایت می باشد.که درفصل اول درموردآن توضیح داده شد.
مقدارتآثیرهرکدام ازجنبه های طراحی وب برطبق نوع سایتی که ساخته می شودمتغیراست.مثلآیک صفحه اصلی شخصی عمومآ مانندیک سایت فروش جنبه های مالی رادرنظرنمی گیرد.
2 -2 تشریح موضوع
یک سایت وب میتواند شامل اطلاعات زیادی راجع به یک موضوع خاص باشد اما به صفحات متفاوتی تقسیم شده است هر کدام از این اجزا‍ء یک ایده کامل است که در کل موضوع سهم دارد . مفهوم صفحه در قلب یک سایت وب قرار دارد .در یک تعریف ساده صفحه آن چیزی است که دریک پنجره مرورگر ظاهر میشود .
ایده گزینش ساختار صحیح برای یک سایت وب توسط دسته بندی اطلاعات به مجموعه ای از صفحات غالبأ معماری اطلاعات نامیده میشود انتخاب یک ساختار درست برای سایت پیچیده است و میتواند تحت تأثیر عوامل بسیاری باشد.چون سایت درنظرگرفته شده متن گرااست پس خودبه خودساختارصفحات آن برپایه اطلاعات آن می باشد.پس میتوان به این نکته رسید که طراحی سایت شامل تکه تکه کردن محتویات به صفحات با اندازه کوچک است.بااین تعاریف وباتوجه به عناوین فصل قبل می توان ابتدا یک ساختاربرای صفحات درنظرگرفت ودرفصل بعدبه ایجاد آنها پرداخت.
من تصمیم گرفتم که صفحات راطوری طراحی کنم که کاربران درهرصفحه بتوانندبه صفحات دیگربرسندواین لازم می سازدکه درتمام صفحات فهرست لینکهاوجودداشته باشد. کاربران بامراجعه به این سایت قطعآ می خواهندباسطح علمی دانشگاه وتعداداساتیدمجرب آن آشناشوندپس این مواردبایدحتمآلحاظ شده باشد
فهرست موضوعی
فصل اول
1-1 هدف..........................................................
1-2 انگیزه..........................................................
1-3 مروری بر مطالب.............................................
فصل دوم
2-1 مقدمه.......................................................
2-3 تشریح موضوع..............................................
2-4 دانش فنی مورد نیاز برای پیاده سازی...................
2-5 نتیجه گیری.................................................
فصل سوم
3-1 مقدمه...............................................................
3-2 اجزای سازنده صفحه...........................................
3-3 ایجاد صفحه وب..................................................
3-4 ذخیره صفحه وب.................................................
3-5 ویرایش صفحه وب..............................................
3-6 آغاز صفحه وب....................................................
3-7 ایجاد زیربنا........................................................
3-8 ایجاد عنوان برای صفحه........................................
3-9 تقسیم صفحه به بخشها......................................
3-10 متن
3-10-1 اندازه متن...........................................
3-10-2 ایجاد تیتردر صفحه.................................
3-10-3 ایجاد شکست خط در متن(enter).............
3-10-4 ایجاد برچسب برای عناصر در صفحه...........
3-10-5 برجسته کردن متن................................
3-10-6 ایجادمتن متحرک درصفحه.......................
3-11 پیوندها
3-11-1ایجاد پیوند به صفحه وب دیگر.....................
3-11-2 ایجادمیانبرصفحه کلید برای پیوندها.............
3-11-3 ایجاد لنگرها........................................
3-12 تصاویر
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 نتیجه گیری..................................................
فصل پنجم
نتیجه گیری وجمع بندی مطالب...........................