مقاله طراحی وب

توضیحات

  مقاله طراحی وب دارای 85 صفحه می باشد و دارای تنظیمات در microsoft word می باشد و آماده پرینت یا چاپ است

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

توجه : در صورت  مشاهده  بهم ریختگی احتمالی در متون زیر ،دلیل ان کپی کردن این مطالب از داخل فایل ورد می باشد و در فایل اصلی مقاله طراحی وب،به هیچ وجه بهم ریختگی وجود ندارد

بخشی از متن مقاله طراحی وب :

طراحی وب

تعریف پروژه
در یك پروژه وِب عادی، با ورود افرادی مواجه می‌شویم كه كارهای متفاوتی انجام می‌دهند؛ شماری از افراد حقیقی و توابع متغیر آنها. در طول انجام این پروژه ، باید خودتان را جای تك‌تك افراد بگذارید و كارهای مختلفی انجام دهید ولی در یك پروژه وِب عادی به افراد زیر نیاز دارید:
• یك طراح برای تولید واسط كاربری، طرح‌بندی و طراحی هنری

• یك مؤلف برای نوشتن مطالب
• یك برنامه‌نویس، در صورتی كه مطالب پویا (dynamic) وجود داشته باشد ـ كه این روزها تقریباً همیشه وجود دارد.
• یك تولیدكننده (Producer) برای گرآوری این موارد.
البته به این معنی نیست كه فقط دست كم چهار نفر برای چهار كار لازم است. در پروژه یك شركت بزرگ، ممكن است از افرادی كه در واحدهای فروش یا خرید یا امور دارایی هستند، نیز كمك گرفته شود.

خوشبختانه، در این پروژه می‌توانید جای هر كدام از افراد باشید و تمام تصمیم‌گیریها را خودتان انجام دهید. ولی باز هم باید نكاتی را مدنظر داشته باشید.

اهداف پروژه
تا وقتی كه نمی‌دانید، چه كاری می‌خواهید انجام دهید، نمی‌توانید سایتی با كارایی بالا بسازید.
مثلاً در یك سایت شخصی، هدف داشتن خانه‌ای خیالی است. شاید بخواهید اطلاعاتی در مورد چیزهایی كه دوست دارید و به آن علاقه‌مند هستید، آنجا بگذارید و یا یك برنامه تلویزیونی كه دوستش دارید و یا هزاران مطلب دیگری كه به آن علاقه دارید؛ مثلاً بخواهید جایی را به عكسهای گربه‌تان اختصاص دهید تا آن را در دنیا پخش كنید!

به هر حال، در دنیای تجارت، هدف همیشه یك چیز است: به دست آوردن پول. در نهایت تاجران متوجه می‌شوند كه به دست آوردن پول در وِب، ضرورتاً به معنی فروش میلیون‌ها كتاب و كامپیوتر و چیزهای دیگر نیست. یك شركت سایت وب می‌تواند مستقیماً ، از تجارب الكترونیكی یا دریافت سود سهم، پول به دست آورد و یا بطور غیرمستقیم با برقراری روابط اجتماعی بهتر با مشتریان ، قطع هزینه‌های زنجیروار موجود، ارتباط بهتر با كارپردازان و یا كم كردن هزینه‌های دیگر به پول دست یابد
.
اصطلاح جدید : تجارت الكترونیكی (E-commerce) ـ در چند سال اخیر به شكلهای مختلفی معنی شده است، ولی به نظر می‌رسد بیشتر به معنی خرید و فروش اجناس، از طریق وِب باشد. در گذشته هم، مربوط می‌شد به تجارت اجناس الكترونیكی كه اكنون با e-business شناخته می‌شود.

چندی پیش، وارد یك شركت مخابراتی بزرگ شدم كه می‌خواست تجهیزات تلفنی را وارد یك كاتالوگ Onlineكند . مدیران نگران این نبودند كه میزان فروش از طریق سایت چگونه باشد ، چون هزینه اصلی سایت را فرستادن كاتالوگ 400 صفحه‌ای به تمامی مصرف‌كنندگان، به وجود می‌آورد. اكنون شركت ضمیمه كوچكتری را برای مشتریان می‌فرستاد و مشتریان را به بیرون از سایت برمی‌گرداند. در این صورت هر بار كه مشتری خرید نكند، به جای اینكه اطلاعاتش را از اتصال تلفنی با اداره بگیرد، آن اطلاعات را از خارج سایت دریافت كند و به این شكل، هر بار حدود 12 دلار برای شركت ذخیره می‌شود. این نمونه‌ای از كاستن هزینه‌ها است.

در اینجا، یك مجله فرضی با نام Primary-Outpost می‌سازیم و اهداف پروژه به ترتیب اهمیت چنین است:
• ایجاد مخاطب كافی برای منفعت بردن از آگهی‌های تبلیغاتی.
• فروش صنایع دستی و محصولات وابسته علمی ـ تخیلی (Science-Fiction).

در اینجا، ترتیب خیلی مهم است. زیرا شما می‌خواهید یك پروژه بزرگ با كاركرد درست را بسازید، اكثر مطالب و (Contents) وظایف (Functionality) پروژه، بر ایجاد حالتی متمركز است كه كاربران ، برای مدت طولانی میخكوب شوند و مرتباً به این سایت برگردند. در راستای این اهداف، شما مطالب خود را دائماً تغییر خواهید داد و می‌كوشید تا مفهوم تشكیل گروه و انجمنها را در سایت خود ایجاد كنید.

اگر بر تجارب الكترونیكی متمركز می‌شدید، ممكن بود بیشتر بر جریان پردازش خریدكردن و جذابتر ساختن فضای سایت متمركز شوید.

اصطلاحات جدید:
• Content ـ شامل اطلاعات ایستا و پویایی است كه در سایت وجود دارد؛ مثل اخبار و خصوصیات هر محصول.
• Functionality ـ وابسته به این است كه كاربر چه كاری می‌تواند در سایت انجام دهد؛ مثل مزایده در حراج اجناس یا بررسی كردن موجودی حساب بانكی.

مخاطب مورد نظر شما
مخاطب مورد نظر شما، چیزهای زیادی را درباره روش ساختن و توسعه سایت تعیین می‌كند. واضح است كه یك سایت بازی برای بچه‌ها باید قیافه و عملكرد كاملاً متفاوتی نسبت به سایت شركت صنعتی Online داشته باشد. ولی چیزی كه خیلی مشخص نیست، این است كه مخاطب مورد نظر شما می‌تواند، استفاده از تكنولوژی جدیدتر مثلاً DHTML را برای سایت‌تان حكم كند.

اصطلاح جدید: (HTML Dynamic) ـ تركیبی است از طرح‌بندی و قابلیتهای اسكریپت كه به اشخاص اجازه می‌دهد، یك صفحه وِب را طوری بسازند كه چیزهایی روی صفحه حركت كنند یا وقتی كه كاربر ماوس را روی آنها می‌كشد، ظاهرشان تغییر كند. DHTML بیشتر برای انیمیشن‌ها به كار می‌رود و می‌تواند ابزار قدرتمندی باشد؛ البته اگر بطور شایسته‌ای به كار رود.

به عنوان مثال، در این پروژه هدف، سرگرمیهای داستانهای علمی ـ تخیلی (Ficiton Science) است؛ این سایت دربرگیرنده گروهی از افراد حرفه‌ای است كه از محل كار خود با سایت تماس می‌گیرند (البته در وقت مخصوص خودشان!) ولی اكثر مخاطبان ، دانشجویان و مشتریان دیگری هستند كه از خانه خود تماس می‌گیرند.
خوب اینها به چه معنی هستند؟ مفاهیم جزئی راجع به كاربران را بعداً توضیح خواهیم داد اینجا فقط خلاصه‌ای از نحوه برقراری ارتباط كاربران را بیان می‌كنیم:
• احتمالاً كاربران از طریق یك اتصال كُند با شكت ارتباط برقرار می‌كنند، پس شما باید تعدادگرافیك‌ها را به حداقل برسانید.
• كاربران مجموعه‌ای از مرورگرها و سیستم عامل‌های مختلف را دارند، بنابراین نمی‌توانید در سایت‌تان به آخرین تكنولوژی تكیه كنید.
• ممكن است ، تجربه كاربران در یك سطح نباشد و به خوبی كسی كه هر روز با وِب كار می‌كند، مهارت نداشته باشند. بنابراین لازم است كه محیطی ساده و دوستانه را فراهم كنید.

البته این بدین معنی نیست كه اكنون نمی‌توانید سایتی با امكانات گرافیكی قوی بسازید. فقط به این معنی كه اگر شما این كار را انجام دهید، به یك نسخه سایت فقط متنی، با پهنای باند (bandwidth) كمتر نیاز خواهید داشت.

اصطلاحات جدید:
• پهنای باند (with band) ـ به معنی مقدار مطالعات است كه می‌تواند از طریق اتصالات اینترنت مبادله شود. به عنوان مثال، یك موم kbps 56 سریعتر از یك مودم kbps 8/28 است. بنابراین می‌گویند «پهنای باند بیشتری دارد.» اتصالات ISDN در kbps 128 بیشترین پهنای باند را دارد. یك كابل مودم می‌تواند سرعت را به بالای Mbps 27 برساند ولی در عمل، اغلب Mbps 5/1 (kbps 1500) است.

• kbps و Mbps – واحدهایی برای اتصالات شبكه‌ای هستند ، به ترتیب كیلوبیت در ثانیه و مگابیت در ثانیه.
• TI ـ اتصال ثابتی برای اینترنت است، معمولاً در سازمانها وجود دارد كه در مقایسه با مودم‌های آنالوگ رایج، پهنای باند بالایی دارد.
• Doubli Publishing ـ یعنی ایجاد دو نسخه از یك سایت وب . معمولاً با پهنای باند بالا و پهنای باند پایین است. به این طریق ، كاربر می‌تواند انتخاب كند كه كدام یك برای دیدن ، بهتر است.

اهداف كاربر
از طرفی، وقتی كاربران سایت را می‌بینند، هدفهایی را در ذهن خود دنبال می‌كنند. برای شما هم مفید است كه بدانید اهداف آنان چیست. در این صورت، متوجه می‌شوید كه طراحی‌تان به آنها كمك می‌كند یا مانعی برای رسیدن به اهداف آنهاست. در یك سایت پویا، كاربران به سایت شركت متصل می‌شوند، محصولاتی را سفارش می‌دهند، سفارشهای موجود را بررسی می‌كنند، اطلاعات Offline دریافت می‌كنند و یا فعالیتهای دیگری انجام می‌دهند؛ این عملیات را می‌توان تصور كرد. فرض كنید كه كاربران‌تان به ترتیب اهمیت چنین اهدافی داشته باشند:
• به منظور گرفتن آخرین اطلاعات راجع به سریال‌های تلویزیونی علمی ـ تخیلی (Science-Fiction) و فیلم‌ها
• برای دور هم جمع‌شدن دوستان Online

• برای گرفتن صنایع دستی علمی ـ تخیلی
اكنون، می‌توانید در مورد نحوه كار، حدسهایی بزنید. در عمل هم ، برای اینكه متوجه شویم مشتریان به چه چیزهایی نیاز دارند، باید پول زیادی خرج كنیم. ولی در اینجا، بعد از اینكه سایت پیشرفت كرد، می‌توانید كارهایی كه كاربران برای دیدن سایت انجام می‌دهند را پیگیری كنید و یا حق تقدم‌ها را تغییر دهید.

مطالب و وظایف
اكنون كه می‌دانید چه كاری می‌خواهید انجام دهید، می‌توانید مطالب و وظایفی كه سایت دارد، را تعیین كنید. به اهداف مخاطبان توجه كنید. حداقل به این موارد نیاز دارید:
• اخبار (news)
• مصاحبه (Interviews)

• برنامه‌ریزها (برنامه‌ریزی برنامه‌هایی كه تلویزیون یا سینماها به زودی نشان خواهند داد)
• اطلاعات آرشیو
• گفتگو (chat) و یا همایش‌های مباحثه (Discussion Fouums)
• فروشگاه صنایع دستی
چون در حال حاضر، مورد زیر هم بازار بسیار داغی دارد، پروژه شامل این قسمت نیز می‌باشد:
• مزایده‌های فرد به فرد

و بهتر است برای كاربرانی كه به سایت برمی‌گردند ، پیشنهاد كنیم:
• یك صفحه شخصی برای شروع

وب چگونه كار می‌كند؟
اكنون كه ما می‌دانیم چه می‌سازیم، لازم است نگاهی به چیزهایی كه نیاز داریم تا كار انجام شود، بیندازیم. ابتدا به یك صفحه وِب سِرور واقعی نگاهی كنیم تا با طرز كار آن آشنا شویم.

هنگامی كه با مرورگر خودتان به یك صفحه وِب دسترسی پیدا می‌كنید، در واقع با یك كامپیوتر دیگری ارتباط برقرار می‌كنید كه ممكن است آن سوی دنیا باشد. عملیاتی كه انجام می‌شوند، عبارتند از:
1- كامپیوتر شما به آدرس IP كامپیوتری كه آن را فراخوانی كرده‌اید، مراجعه می‌كند. هر كامپیوتری كه روی اینترنت است ـ همچنین كامپیوتر شما، در صورتی كه به اینترنت متصل شوید ـ یك آدرس IP واحد و منحصر به فرد دارد كه آن را به بقیه كامپیوترهای اینترنت می‌شناساند. مثلاً ، آدرس IP برای http://www.yahoo.com چیزی شبیه 2047120067 است. آدرس IP ، شبیه شماره تلفن است.
2- كامپیوتر شما یك پیغام یا درخواست را به آن آدرس می‌فرستد. شبیه زنگ تلفن است. اگر كسی در خانه برای جواب دادن به تلفن نبود، از زنگ‌زدن جلوگیری می‌كند تا مرورگر قطعاً بداند كه جوابی نخواهد گرفت و قفل كند.

3- آن كسی كه به صورت عادی جواب تلفن را می‌دهد و بعد صحبت می‌كند، برنامه وِب سِرور است كه به روشهای متعددی فعال می‌شود، روشهایی مثل یك اپراتور سوئیچ‌بْرد درخواستها را دریافت می‌كند و عمل مناسب را برمی‌گرداند.

4- اولین چیزی كه وِب سِرور احتیاج دارد، این است كه تعیین كند چه چیزی درخواست شده است. اغلب اوقات، تقاضا برای دریافت یك صفحه وِب ایستاست. بنابراین سِرور اطلاعات مناسب را فراهم می‌كند و در جواب مرورگر می‌فرستد. گاهی اوقات، اطلاعات پویا درخواست می‌شوند؛ مثل Pages Server Active . در این حالت، سِرور عملاً كارهایی مثل اجرای یك دستور یا اجرای یك برنامه را برای بازگرداندن اطلاعات انجام می‌دهد. سِرور، اطلاعات را داخل یك صفحه تدوین می‌كند كه در جواب مرورگر بفرستد.

5- مرورگر، اطلاعات را دریافت می‌كند و در واقع، اصلاً اطلاعی ندارد یا دانستن اطلاعاتی راجع به آن برایش مهم نیست، چه صفحه از چهارده بانك اطلاعاتی مجزا در نقاط مختلف دنیا ایجاد شده باشد و چه از یك فایل متنی ساده قدیمی تمام چیزی كه مرورگر می‌فهمد این است كه در حال دریافت یك سری از اطلاعات است. بر اساس سرآیندها یعنی همان اطلاعاتی كه درست قبل از بخش اصلی صفحه رسیده‌اند و در مورد صفحه و محتوایش توضیح می‌دهند، مرورگر تصمیم می‌گیرد كه با جریان اطلاعات چه كار كند. مثلاً یك صفحه HT/ML با سرآیند “text/html ” برای مرورگر مشخص می‌كند باید دنبال برچسبها بگردند و متنی را نمایش دهند. یك فایل تصویری ممكن است با سرآیند “image/gif” بیاید كه در حقیقت به مرورگر می‌گوید كه به وسیله بازسازی اطلاعات دریافتنی، یك تصویر را نمایش دهد.

اصطلاحات جدید : آدرس IP ـ برای هر كامپیوتر، آدرس Protocol Internet است ، یك عدد چهار قسمتی است كه بطور منحصر به فردی ، كامپیوتر را در اینترنت می‌شناساند. شبیه شماره تلفن كامپیوتر است.
برای اینكه هر مطلب پویایی بر روی ماشین شخصی شما بتواند اجرا شود، به یك وِب سِرور قابل دسترس احتیاج دارید. نحوه انجام عملیات به سیستم عامل شما بستگی دارد. ولی در هر حال برای ASP و HTML به یك صورت خواهد بود. مسأله مهم ، قراردادن ابزارها و نصب آنها می‌باشد. بعد هم می‌توانید روی آن كارهایی انجام دهید.

ویندوز 2000
ویندوز 2000 دارای Service Information Internet نگارش 5 (IIS5.0) می‌باشد كه برای سرویس‌دهی ASP لازم است. IIS نگارش 5 به صورت خودكار نصب می‌شود. مگر اینكه سیستمی را ارتقا دهید كه Server Web Personal نصب كرده باشد، ولی افزودن آن كار مشكلی نیست. برای نصب و شروع كار با IIS نگارش 5 این مراحل را انجام دهید:
1- از منوی Start ابتدا Setting و سپس Panels Control را انتخاب كنید. روی قسمت Items Remove/ADD دوبار كلیك كنید.
2- ADD/Remove Windows Components را انتخاب كنید.
3- بلافاصله ، مطمئین شوید كه كادرهای انتخاب مربوط به IIS و Debugger Script انتخاب شده‌اند. Next را كلیك كنید. ممكن است لازم باشد سی‌دی نصب را وارد كنید.
4- نرم‌افزار، خودش نصب می‌شود. وقتی پایان یافت ، Finish را كلیك كنید.
از اینجا به بعد به نگارش ویندوز 2000 شما بستگی دارد. اگر ویندوز 2000 سِرور را اجرا كنید، یك ورودی، زیر Programs برای Manager Services Tools/Internet Administration خواهید دید.
اگر نگارش Professional ویندوز 2000 را اجرا می‌كنید، در واقع دو راه برای انتخاب دارید. به پانل كنترل برگردید، مثل مرحله اول . ولی این بار Tools Administrative را دوبار كلیك كنید. از آنجا می‌توان ، Manager Services Internet یا Manager Web Personal را اننتخاب كرد. هر دو ابزار ، IIS نگارش 5 را اداره می‌كنند و هیچكدام از آنها خیلی جدید نیستند.

Manager Services Internet خیلی شبیه واسط كاربردی IIS نگارش 4 است. به شما این امكانات را می‌دهد كه شروع به كاركنید، متوقف شوید. سایت‌های وِب متعددی را مدیریت می‌كند و سرویس‌های مختلفی مثل FTP و email را ارائه می‌دهد. ظاهر آن شباهت زیادی به ویندوز اِكسپلُرر دارد.
Manager Web Personal همان واسط كاربری برای Server Web Personal نگارش 4 است كه برای اجرا روی ماشینهای ویندوز 9x طراحی شده است. Manager Web Personal نمایی از IIS نگارش 5 می‌باشد. ولی بسیار ساده‌تر از Manager Services Internet است.

در حالی كه Manager Services Internet اجازه انجام هر كاری ، در هر سایت وِبی و بر هر ماشینی را كه لازم باشد می‌دهد، PWM اینطور نیست و اختیارات كمتری، تنها در حد Site Web Default ارائه می‌نماید. وظایف اصلی اینها هستند: شروع كردن توقف، ساختن یك شاخه جدید (directory) ، پاك كردن شاخه‌ها و تصمیم‌گیری اینكه آیا اسكریپت‌ها در شاخه اصلی اجرا بشوند یا خیر.

دسترسی به بانك اطلاعاتی با استفاده ازASP
آنچه در این قسمت می‌خوانید :

• ایجاد بانك اطلاعاتی و ODBC DSN
• درج ركوردها در بانك اطلاعاتی
• ایجاد یك اتصال به بانك اطلاعاتی
• مفاهیم مقدماتی SQL : درج كردن (Insert)
• افزودن خصوصیات محاوره‌ای (Interactive) به فُرم‌ها
• مدل‌سازی داده‌ها (Data Modeling)

• رسیدگی به خطاها
• تكمیل فرم
• مرتب كردن صفحه با استفاده از جدول HTML
اكنون كه می‌توانید ASPها را كنار هم بگذارید و كارهای نیمه‌پویا با آنها انجام دهید، زمان ‌آن رسیده كه به سمت تجارت پیش برویم. محاورات درست از اطلاعات به دست می‌آیند و اطلاعات در هر جا كه باشند باید به صورت بانك اطلاعاتی در‌آیند.
وقتی این قسمت در مراحل برنامه‌ریزی بود (حتی بعد از آن) هر كسی كه آن را مرور می‌كرد، یك سؤال از من می‌پرسید: از كدام بانك اطلاعاتی استفاده می‌كنی؟
جواب من به همه آنها یكی بود : «واقعاً مهم نیست».

زنگ تفریح : انتخاب بانك اطلاعاتی و ODBC
تمام بانك‌های اطلاعاتی یك API هستند كه برنامه‌نویسان برای گفتگو با آنها معمولاً از C یا C++ استفاده می‌كنند. هر كدام با بقیه فرق دارد، در این صورت، یك برنامه كاربردی كه مستقیماً با یك بانك اطلاعاتی گفتگو می‌كند، نمی‌تواند با بانك اطلاعاتی دیگری گفتگو كند. ODBC مثل یك مترجم عمل می‌كند. برنامه‌نویس می‌تواند با API ODBC بنویسد و سپس ODBC آن فرامین را به بانك اطلاعاتی مخصوصی ترجمه كند؛ با استفاده از یك درایور كه مخصوص آن بانك اطلاعاتی است. به این طریق برنامه كاربردی از وقتی كه درایور مناسب نصب شود، كار می‌‌كند.

تا زمانی كه این تئوری در مرحله یادگیری باقی بماند، هر وقت تصمیم بر تعیین معماری سیستم تولیدی خود می‌گیرید، اینكه كدام را انتخاب كنید اهمیت پیدا می‌كند. تمام بانك‌های اطلاعات (یا درایورهای ODBC) از همه ویژگیها پشتیبانی نمی‌كنند و هیچكدام كاملاً با استاندارد SQL مطابقت ندارند. قبل از انتخاب یك سیستم برای برنامه كاربردی خود، از درستی انتخاب خود اطمینان حاصل كنید؛ طوری كه ویژگیها و ظرفیتی را كه شما لازم دارید، داشته باشد.

برای دریافت اینجا کلیک کنید