دلیل وجودی یک سایت که مهمترین بخش طراحی وب می باشد، این عنصر باید در تمامی تصمیماتی که شامل بخشهای دیگر می شود در نظر گرفته شود. به طور کلی هدف از ایجاد سایت های وب گرفتن اصل مطلب و پخش کردن آن بین چندین صفحه مرتبط است برای اینکه درک آن توسط کاربر آسان شود (ارائه این صفحات در فصل دوم انجام میگیرد.)
صرف نظر از پروژه اولین قدم همیشه یکسان است: هدف کلی پروژه را تعیین کنید. پس در ابتدا لازم است که هدف خود را در طراحی این سایت بیان کنم: سایتی که توسط اینجانب در دست طراحی است یک سایت اطلاعات گرا یا سندگرا است. این گونه سایت های متن گرا با تأکید روی محتویات متنی طراحی می شوند پس نسبتآ سبک، قابل دریافت از اینترنت و تا حدودی دارای کوچکترین طراحی هستند. البته ناگفته نماند که در کنار متن از سبکهای گرافیکی (GUI)مثل آیکون ها و پنجره های گشودنی و… نیز استفاده شده است. هدف این است که کاربران بتوانند با مراجعه به این سایت به اطلاعات زیر دست پیداکنند:
در این طراحی سعی کرده ام این نکته را در نظر داشته باشم که تأکید اساسی در طراحی سایت باید همیشه روی کاربر باشد یک سایت باید با در نظر گرفتن توانایی های مشترک کاربران ساخته شود نه برای کاربر فوق العاده ابتدایی یا حرفه ای سایت ها. انگیزه من در طراحی سایت کار با زبان HTML (البته کاملتر از آن XHTML) است.چون وب جهانی که متشکل از میلیونها صفحه وب می باشد و هر کدام از جایی روی اینترنت قرار گرفته اند و همه این صفحات به شکلی از html نوشته شده اند و از طرفی با توجه به اینکه من هیچ اشنایی قبلی با طراحی وب سایت نداشتم و یادگیری و کسب مهارت در html نسبت به زبان های دیگر دشوار نمی باشد تصمیم گرفتم که این زبان را برای اولین طراحی خود انتخاب کنم.
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 نتیجه گیری…………………………………………..
نتیجه گیری و جمع بندی مطالب………………………
شکل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…………………………………..
واژه نامه اصطلاحات……………………………………..