فرمت فایل : word(قابل ویرایش)
تعداد صفحات:69
چکیده:
این پروژه برنامه ساخت یک وب سایت شخصی برای استاد است . که شامل صفحات ایستا و پویای وب می باشد . برنامه نویسی اسیتای آن توسط نرم افزار Dreamweaver و زبان HTML و برنامه نویسی پویای آن توسط زبان PHP انجام گرفته است . بانک اصلاعاتی مرتبط با آن MYSQL می باشد .
امکانات این وب سایت شامل موارد زیر می باشد :
۱ ) اطلاعات شخص استاد برای آشنایی بیشتر دانشجویان با سوابق استاد خود .
۲ ) اطلاعات دروس ارئه شده توسط استاد که شامل بارم بندی دروس عنوان پروژه درس و منابع مورد استفاده در تدریس هر درس می باشد .
۳ ) اعلام غرات دانشجویان .
۴ ) اعلام عنوان پروژه های فارغ التحصیلی برای انتخاب دانشجویان .
۵ ) صفحه تماس برای ارتباط دو طرفه بین دانشجو و استاد که شامل طرح سوالات و پیشنهادات از طرف دانشجویان و ارسال پاسخ توسط استاد می باشد .
۶ ) دانشجویان هم چنین می توانند از طریق E . mail نیز با استاد در ارتباط باشند .
مقدمه:
این روزها همه ما کلماتی نظیر اینترنت ، وب سایت – طراحی وب ، اطلاع رسانی از طریق اینترنت و ….. را از یاد می شنویم ولی آیا تا به حال نسبت به معنی این کلمات دقیق شدهایم ؟
کاربرد بسیار وسیع اینترنت در جوامع امروز بشری و استقبال از آن مرا بر این داشت تا تجربهای در زمینه اینترنت بدست بیاوریم و چه تجربهای بهتر از طراحی وب سایت .
در این فصل قصد داریم به مطالبی نظیر
ضرورت انجام پروژه
طرح سوالهای ابتدایی برای یک طراح وب سایت
اهداف انجام این پروژه
تعریف واژههای کلیدی
در انجام این پروژه بپردازیم .
فهرست مطالب:
چکیده———————————————— ۱
فصل اول
مقدمه——————————————– ۲
ضرورت انجام پروژه ——————————– ۳
طرح چند سوال————————————– ۳
اهداف انجام پروژه———————————- ۶
تعریف واژههای کلید——————————— ۷
فصل دوم
php چیست؟————————————— ۱۰
به چه دلیل از PHP استفاده می کنیم؟——————— ۱۲
PHP چگونه کار می کند ؟—————————– ۱۴
مقدمهای بر mysQl ———————————- 17
ویژگی های اصلی mysQl—————————— 19
مزیت منبع باز بودن———————————- ۲۱
مقدمه بر Dream weawer—————————– 23
مقدمهای بر photoshop——————————- 25
خلاصه——————————————- ۲۵
فصل سوم
مقدمه——————————————– ۲۶
مروری مختصر بر دستورات php———————— 27
نکاتی در رابطه با پایگاه بانک اطلاعات——————— ۲۹
توضیح کلی بر تمام صفحات—————————- ۳۳
بخش اول (کاربر) ———————————– ۳۵
۱ـ۱)صفحه اصلی———————————— ۳۵
۲ـ۱) درباره من————————————- ۳۶
۳ـ۱)درس—————————————– ۳۷
۴ـ۱)نمرات—————————————– ۴۰
۵ـ۱) پروژه—————————————- ۴۱
۶ـ۱)تماس—————————————– ۴۲
بخش دوم (مدیرسایت)——————————– ۴۶
۱-۲)ورود مدیر سایت——————————– ۴۶
۲-۲) درباره ما————————————- ۴۶
۳-۲) درخواست————————————- ۴۹
۴-۲) پروژه—————————————- ۵۱
۵-۲)اطلاعات صفحه اول——————————- ۵۳
۶-۲) درس—————————————- ۵۳
۷-۲) ورود نمرات———————————– ۵۶
۸-۲) منابع و عنوان پروژه—————————– ۵۸
خلاصه ——————————————- ۵۹
فصل چهارم
نتیجه گیری و پیشنهادات——————————- ۶۰
پیوست الف (نحوه نصب نرم افزارهای بکار رفته و پروژه)———- ۶۱
پیوست ب (کد کامل صفحات وب سایت)———————— ۶۹
فرمت فایل : word(قابل ویرایش)
تعداد صفحات:113
فهرست مطالب:
فصل اول: وب
فصل دوم:مستندات طراحی
فصل سوم :کدهای html
فصل چهارم :صفحات سایت
فصل اول:
1- توصیف رابطه نزدیک بین تکنولوژی وب و مفاهیم طراحی
2-بیان طرح المانها و انتخاب فونتها و رنگهای وب سایت
3- توصیف اهمیت کاراییسایت برای مخاطبین و توضیح چگونگی برگذاری یک آزمون برای محاسبه کارآیی
4-توصیف اینکه چرا هدایت شدن در سایت مهم است و چگونه مرورگرها آن را کنترل
می کنند
5- توصیف سلسله مراتب یک وب سایت و تعریف قراردهای مشابه آن
6-توصیف عملکرد گرافیک ها در سایت شما
7- توصیف توابع و ابزارهای عکس وانتخاب بهترین قالب گرافیکی
8- جستجوو مطالعه برای اصول طراحی چند رسانه ایو انتخاب بهترین چند رسانه برای سایت
9- توصیف فرآیند توسعه وب
10- نوشتن جملات گویا در سایت و توسعه استراتژی وب و تکنیکهایی برای هدایت از آن
11-توصیف مفهوم کاربردی بودن سایت
12- توصیف فرآیند نقشه های فکری و استفاده از آن در ساختار وب
13- اندازه گیری زمان ، عوامل پیاده سازی سایت و محاسبه زمان Download (بارگذاری)
چکیده:
ماهیت وب
بیشتر طراحان وب از نقطه نظر نگاه خود به طراحی وب می پردازند، آنها علاقمند هستند که خودشان را با استعارات مشخص و با تبلیغات فراوان نشان دهند. به هر جهت اینترنت برای شما ایجاد تجارت ونیز قابلیتی برای ارتباط نزدیک ارائه می دهد .
کاربران میتوانند اطلاعات و محصولاتی را که در خور نیازشان میباشد را پیدا کنند.
اینترنت معمولی ترین رسانه واسطه ای است که کاربر را آماده میسازد که تصمیم بگیرد که چه اطلاعاتی را میخواهد و باید برای رسیدن به آن به کجا مراجعه کند. این امر باعث میشود که بر خلاف رسانه های انتشاری، اینترنت یک رسانه تبادلی ( دو طرفه ) تلقی شود. اکثراً رسانه ها تاثیر گذار هستند و هدف آنها ایجاد علاقه کافی است تا اینکه که سرانجام بتواند تبادل مطلوب راانجام دهند.
ماهیت خواندن یک مجله و یا دیدن برنامه های تلویزیون ذاتی و بالفطره نیست و معمولاً کار انفرادی است. در اصل عمل خواندن مطبوعات یا تماشای برنامه های تلویزیونی بالفطره عملی تبادلی نیست و در حقیقت بین عمل خواندن یا تماشای تلویزیون با عمل تبادل تفاوت وجود دارد. تنها تبادل انجام شده در مورد خوانندگان و بینندگان ، گرفتن اطلاعات از طریق خواندن یک کتاب یا مجله یا تماشای برنامه تلویزیون است. ( بصورت یک طرفه) بنابراین ایجاد اطلاعات جهت رسانه های گروهی به راهکارهای متفاوت تری نسبت به ایجاد اطلاعات مربوط به اینترنت نیاز دارد.
مشاهدات بی عیب اینترنت مانند ثبت رویداد بر روی مرورگر وب ،دلالت بر درخواست کاربران و واکنش سرور دارد. به عبارت دیگر انجام یک داد و ستد و تبادل می باشد.
بعلاوه با این طبیعت، اینترنت نمیتواند بصورت خطی عمل کند. اگر کاربر تصمیم به انجام داد و ستد و تبادل داشته باشد، ابتدا باید به سایت راهنمایی و هدایت شود، و سپس برای تجارت در سایت بماند و گردش کند و در پایان دوباره به سایت بازگرددو نیز باید در نظر داشت که کاربر میتواند برای انجام داد و ستد در هر لحظه به هر سایت دیگری مراجعه نماید.
ابزار ها و تکنولوژی
سالها مذاکرات زیادی درباره اینکه چه ابزارهای خاصی در فرایند گسترش وب استفاده میشود، وجود داشت. به هر جهت امروزه خیلی از ابزارهای ویرایشگر وب در رده های چهارم و پنجم قرار گرفتند. این مذاکرات بیشتر پیرامون آن بود که طراحان وب از کدام ابزارها استفاده کنند نه اینکه صرفاً بخواهند از ابزاری خاص استفاده کنند. بطور ایده آل ترکیب کدهای دستی و WYSIWYG بهترین گزینه از نقطه نظر توسعه امروزی است. انجام این عمل ساده زمان زیادی برای توسعه یک سایت HTML با کد نویسی را میگیرد. احتیاجات به روز رسانی اطلاعات مستلزم آن است که بین صفحه وب و یک سایت محلی اتحاد و پیوستگی ایجاد شود. امروزه WYSIWYG از استاندارد خارج شده است. و از Dream Wearer , Front Page استفاده میشود. در آینده میتوانید تشکیلات خود را به آخرین درجه پیشرفت برسانیدو همواره با زمان جلو روید.
این ابزارهای قدرتمند که در صنعت نیز قابل رقابت هستند در دوره CIW ارائه خواهند شد. این ابزارها با هم هماهنگی خاصی دارند.
رسانه های واسط
طراحان وب باید در مورد دیگر تفاوتهاو مشکلاتی که در طراحی وب در مقایسه با رسانه های دیگر بخصوص چاپ پیش می آید آگاه شوند. در ابتدای زمان طراحی وب ،بسیاری از سایتها بصورت HTML ساده و بصورت بروشورولی با خاصیت وب توزیع میشدند و این شیوه باعث شد که کمپانیها خیلی سریع اطلاعات خود را بر روی وب ارسال کنند . بعلاوه وب به عنوان قلمرو جدید بود که نه سندیتی برای آن وجود داشت و نه اطلاعات معتبری برای تائید اعتبار آن بود. بیشتر کمپانی ها خیلی زود آموختند که ارسال بروشور بر روی وب موثر تر از استفاده از رسانه های دیگر نیست. به طور کلی در یک جمله می توان گفت صفت چاپ خاصیت خطی داردیعنی از یک خط به خط دیگر و از یک صفحه به صفحه دیگر. …..ولی وب یک رسانه خطی نیست و به همین سبب خواص متفاوت تری دارد و هنگامی که در داد وستد از آن به عنوان یک قالب خطی استفاده شود خواص متفاوتی از خود بروز میدهد. بیشترین ویژگی متفاوت وب در برقراری ارتباط دو طرفه با کاربران میباشد. صنعت چاپ نمیتواند مشاهدات کاربران را بصورت فرم تخصصی در آورد. ودر یک جمله دیگرمیتوان گفت رسانه وب میتواند امکانات ارتباط دو طرفه را به بهترین صورت انجام دهد و برای کاربر فرم شخصی ایجاد کند. و این پدیده یک ارتباط مستقیم بین تجار و کاربران(خریداران) را برقرار می کند .در طی این دوره شما از ابزارهای زیادی در توسعه صفحات وب بهره خواهید گرفت اما توجه داشته باشید که هدف از این دوره کامل کردن مهارت شما در تمامی این زمینه ها بصورت حرفه ای نیست بلکه هدف از این دوره آگاهی شما از امکاناتی است که هر کدام از این ابزارها به شما میدهند و این شما هستید که در نهایت تصمیم گیرنده اصلی خواهید بود که کدام ابزار فواید بیشتری برای نظام مند شدن مقاصدتان دارد.
کاربران وب و نکاتی در طراحی سایت
کیفیت مندرجات سایت شما و نمایش آن از عوامل موفقیتهای اصلی سایت هستند . یکی از بزرگترین اشتباهاتی که شما در ساخت و تولید و نمایش مندرجات روی وب دارید دخالت دادن استانداردها ، تمرین ها و تعهدات رسانه های دیگر مثل چاپ میباشد . وب رسانه متفاوت تری از بقیه رسانه های موجود است و بنابراین استانداردهای متفاوت تری برای توسعه آن نسبت به بقیه رسانه هامثل چاپ و ویدئو و سایر رسانه های سنتی وجود دارد . این فصل به شما خلاصه ای از بیشتر ملزوماتی که شما نیاز دارید برای توسعه کار آن آنها را در نظر بگیرید ارائه میدهد .
حدس می زنید که چه مقدار از متن صفحه وب شما به طور واقعی توسط کاربر خوانده می شود ؟ تمام آن ؟ بیشتر آن ؟ حقیقت آن است که کابران اغلب هیچ مقداری از آن را نمی خوانند . به دنبال این جمله باید گفت که در حدود 80% از مردم فقط در مندرجات سایت پویش می کنند و به دنبال نکات و عبارات کلیدی می گردند . به طور متوسط 25 % کاربرای در خواندن روی مانیتور نسبت به خواندن از روی چاپ آهسته تر عمل می کنند . بنابراین ،این واقعیت چگونه بر ساختار صفحه شما اثر می گذارد ؟ به عنوان یک طرح شما باید صفحه ای ایجاد کنید که کاربران بتوانند سریع آن را کاوش کرده و اطلاعات مطالبه کرده را پیدا کنند .
بخاطر آورید که یکی از تناقضات در طراحی وب این است که تصور کنید که وب فرم دیگری از رسانه چاپ است . هنگامی که طرح یک صفحه با مندرجات مشابه به یک مجله و یا بروشور ایجاد می کنید کاربران به طور مسلم به سایت دیگری خواهد رفت چراکه شما در نظر نگرفتید که ماهیت مطالب بر روی وب باید با دیگر رسانه ها به خصوص چاپ متفاوت باشد.هنگامی که کاربران به سایت شما می رسند اولین حسی که درآنها ایجاد می شود از اهمیت زیادی برخوردار است.مثلا ممکن است سایت وب شما که به قصد تجارت ایجاد شده است فقط یک پنجره داشته باشد ولی به هر حال اگر به نظر مشتری غیر جذاب باشد شما مشتری خود را به رقیب خود واگذار کردید. بنابراین اگر بدانید که بازدید کنندگان فقط سایت شما را مرور می کنند متوجه خواهید شد که چرا نباید کاربران را مجبور به خواندن مطالبی کنید که برای آنها جالب نیست . کاربران را راضی نگه دارید و آنچه را که می خواهند به آنها عطا کنید، حتما آنها به سایت شما باز خواهند گشت .(قابل ذکر است قواعد بازار یابی در سایتهای تجاری متفاوت تر از دنیای واقعی می باشد)
کاربران نمی خواهند که صفحات در هم و نا مربوط را ببینند و از طرفی محتویات و مندرجات سایت نیز ضروری است پس با این وجود ساختار و انتشار آن هر دو با هم از اهمیت برخوردار هستند .
معمولا کاربران سایت شما را برای اطلاعات ویژه ای که در مورد جستجو و یا خرید و … می خواهند بازدید می کنند .
هر چقدر این عمل برای آنها آسانتر باشد، کارشان را راحت و سریعتر انجام میدهند. کاربران وب فقط علاقه مند به آنچه که می خواهند بیابند هستند . کسانی که در کارهای تجارت خرده و جزئی هستند اعتقاد بر این دارند که مشتری ها خود خواه هستند ، ولی آنها می دانند که پرداخت صورتحساب است که درهای تجارت را باز نگه می دارد و اگر شما این نکته را درک کنید صفحه ای بوجود خواهید آورد که ساختار آن اهداف تجاری کاربران را تامین کند .
سایتی نظیر سایت www.cnn.com را در نظر بگیرید . به محض ورود به سایت سریعا می توانید مرور کلی از کل سایت داشته باشید و یا به عبارت دیگر شما می توانید کل سایت را با نگاه از یک عبارت به عبارت بعدی مرور کنید و آنچه را که بخواهید خیلی سریع بدست آورید . بنابراین تمایل به دیدن مجدد سایت رادارید .سایت فوق از نمونه سایتهای موفق در جهان می باشد.
واقعیت در طراحی
یک طراح وب باید برای فن آوری جدید و اینکه چگونه از ابزارهادر طراحی استفاده کند آماده باشد و معمولا طراحان جدیدترین سخت افزارها و نرم افزارها را به کار می گیرند . به هر جهت این انگیزه ایجاد می شود که شما باید صفحات دو طرفه دینامیکی ایجاد کنید که نرم افزارهای جدید و قدیم را حمایت کنند . اکثریت استفاده کنندگان وب به جستجوی طراحی عالی وپیشرفته نیستند ولی استثنائاتی همیشه در این قواعد وجود دارند . به هر جهت یک راهنمای خوب در هنگام طراحی وجود دارد که به قرار زیر است :
1- بیشتر کاربران از مانیتورهای 17 Inch یا کمتر استفاده می کنند .
2- بیشتر کاربران با تنظیم تفکیک پذیری 480*640 کار می کنند .
3- بیشتر کاربران دارای مودم های با سرعت 56k هستند .
4- اغلب کاربران مرورگرهای ورژن 4 به پایین دارند .
5- تعداد کمی از مردم زمان زیادی را برای بارگذاری فایلها صرف می کنند.
همواره در طراحی وب نکات کلی بالا را در نظر داشته باشید
ساختار متناسب برای صفحه
طرح اصلی روزنامه مورد علاقه خود را در نظر بگیرید . در صفحه روی جلد خبر اصلی وجود دارد و بعلاوه متون حاشیه ای هم در آن قرار دارد که خبر های دیگر روزنامه در آن لیست شده است . این قضیه به چه نحوی در خواندن شما تاثیر می گذارد ؟این طرح کلی شما را وادار به خواندن یک خبر در روی صفحه اول نمی کند.اگر خلاصه یک خبر که درستی آن را دنبال میکنید ببینیددر آن شماره صفحه ای وجود دارد که از طریق آن میتوانید وترد کل داستان شوید. یعنی با یک اتصال شما را به کل میرساند.
این ساختار اغلب با ساختار یک هرم مقایسه می شود که در نمودار شکل زیر ترسیم شده است . در این مدل در ابتدا خلاصه داستان برای شما ارائه می شود سپس اتصال برای ماخذ و جزئیات آن برای کسانی که علاقه مند هستند قرار داده می شود .
فرمت فایل : word(قابل ویرایش)
تعداد صفحات:96
فهرست مطالب:
مقدمه. - 1 -
فصل اول : طراحی سایت ها - 2 -
1-1) تاریخچه ی سایت های اینترنتی : - 2 -
1-2) HTML.. - 4 -
یک فایل HTML چیست؟. - 4 -
ساختن یک فایل Html - 4 -
فایل htm یا html ؟. - 6 -
تگ های اچتمل (HTML Tags) - 6 -
عناصر اچتمل (HTML Elements) - 6 -
شناسه های یک تگ (Tag Attributes) - 7 -
سر تیترها (Headings) - 8 -
پاراگرافها (Paragraphs) - 8 -
سطر جدید (Line Breaks) - 9 -
کامنت ها در اچتمل (Comments) - 9 -
تگهای اصلی.. - 9 -
تگ Anchor و شناسه href. - 10 -
شناسه target در پیوندها: - 11 -
شناسه Name : - 11 -
جدولها و شناسه border و dir : - 14 -
خانه های خالی در جداول (Empty Cells) - 15 -
تگهای جداول.. - 16 -
تگ Input - 17 -
* چگونگی استفاده از استایل شیتها: - 21 -
تغییرات در نسخه جدید اچتمل (4/0) : - 23 -
1-3) Java Script - 24 -
زبان ترکیبی: - 27 -
کنترل وقایع (handling events) - 27 -
1-4) ASP : - 31 -
ASP چه کارى مى تواند انجام دهد؟. - 34 -
شیء Object Context : - 38 -
عمر متغییرها - 42 -
ورودى کاربر. - 43 -
ارتباط ODBC.. - 46 -
فصل سوم : مستندات ( توضیحات قسمت های مختلف سایت ) - 54 -
مجوز مشاهده ی صفحات : - 75 -
بخش های مختلف مدیریت سایت : - 80 -
ارسال ایمیل به یک عضو : - 88 -
فصل چهارم. - 94 -
ارزیابی و نتیجه گیری.. - 94 -
پیشنهاد در مورد ادامه ی کار : - 94 -
منابع : - 95
مقدمه:
در دنیای امروز که رفته رفته تمامی اعمالی که بشر انجام می دهد به صورت مجازی و از طریق اینترنت به منظور سهولت کار انجام می شود ، سایت های اینترنتی خود را به عنوان یکی از نیاز های انسان روز به روز بیشتر پیدا می کنند و هر شرکت ، نهاد ، مجموعه و هر شخصی برای نمایاندن خود به دیگران و گام برداشتن در جهت پیشرفت خویش ، نیازمند در اختیار داشتن وب سایتی می باشد .
امروزه سایت های اینترنتی در حال جایگزین شدن به جای مغازه ها و بازار های فیزیکی و تبلیغات مختلف می باشند چرا که بشر امروزه به درستی معنی وقت طلاست را درک می کند و از تلف کردن وقت در رفت و آمد های مکرر و بی مورد به سطوح آمده است .
اما نکته ای که در این میان خود نمایی می کند و بیش از پیش به چشم میآید لزوم حفظ مفهوم حفاظت اطلاعات در چهار چوب الکترونیکی جدید است و اینکه استفاده از امکاناتی که نهادی که سایتی را در اینترنت جهت استفاده ی عده ای خاص قرار می دهد ؛ فقط محدود به همان عده باشد . به عبارتی دیگر اجازه ی استفاده از آن امکانات را خود آن سایت برای کاربران تعیین کند .
در چنین شرایطی است که نیاز به مجوز ها تحت وب ( ( Web Permissionsاحساس می شود. به همین منظور بر آن شدم تا این مفهوم نسبتا تازه را در قالب مجتمع عالی آموزشی و پژوهشی خراسان پیاده سازی نمایم .
در طراحی این سایت علاوه بر پیاده سازی مفهوم Permission ها ، موارد دیگری از جمله برنامه نویسی های جاوا ، صفحات داینامیکی که متون آن های از بانک اطلاعاتی فراخوانی می شود و پیکر بندی آنها با استفاده از زبان های Server Side صورت می پذیرد و … نیز استفاده شده که هر یک در جای خود جای بحث دارد که به اختصار در مورد آنها در ادامه توضیح داده خواهد شد .
فصل اول : طراحی سایت ها
1-1) تاریخچه ی سایت های اینترنتی :
در اولین روزهای تاسیس وب دستورات 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 به همراه مابقی ابزار ها و زبان های استفاده شده ذکر خواهد شد .
1-2) HTML
1-2-1) مقدمه ای بر HTML
یک فایل HTML چیست؟
ساختن یک فایل 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 و یا توپر نمایش داده خواهند شد.
اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)
1-2-2) عناصر ( Elements )
تگ های اچتمل (HTML Tags)
عناصر اچتمل (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 متون است.
فرمت فایل : word(قابل ویرایش)
تعداد صفحات:285
فهرست مطالب:
عنوان صفحه
مقدمه 1
فصل اول : ایجادعناصر گرافیکی اولیه موردنیازجهت تولید انیمیشن 3
فصل دوم : اعمال تکنیکهای پیشرفته ترسیم درFlash
فصل سوم : استفاده ازکتابخانه برای تولید اجزای موردنظر 41
فصل چهارم : متحرک سازی درFlash
فصل پنجم : طراحی صفحات وب با Frontpage2000
فصل ششم : تقسیم صفحه به قاب های مجزا 182
فصل هفتم : استفاده ازگرافیک 191
فصل هشتم : متحرک سازی یک صفحه وب 205
فصل نهم : انتشارونگهدا ری ازوب 214
فصل دهم : وب تان رابه روزنگه دارید 222
منابع ومأخذ 282
مقدمه:
شرکت ماکرومدیا (تولید کننده Flash) درارائه شعار زیر در مورد نرم افزار Flash به هیچ وجه اغراق نکرده است: «استانداری حرفه ای برای تولید موثر ترین محصولات وب». برای اطمینان از صحت این شعار کافی است از برخی از سایت هایی که توسط Flash تولید شده اند، دیدن کنید. Flash این قابلیت را ارزانی شما می کند که با استفاده از تصاویر گرافیکی، انیمشین، صوت و تعامل، بتوانید مخاطب سایتهای خود را تحریک کرده، سرگرم نموده و حتی در صورت لزوم او را آموزش دهید.
آمار دقیق شرکت ماکرومدیا نشان می دهد که بیش از صدها میلیون نفر از کاربران وب در سراسر جهان، نرم افزار رایگان Flash Player را (که برای مشاهده متحرک مورد نیاز می باشد). در کامپیوترهای خود نصب کرده اند. همین موضوع بیانگر مخاطبین بسیار زیاد این نرم افزار و میزان موفقیت شگفت آور آن می باشد. نرم افزار Flash یکی از معروفترین محصولات شرکت نرم افزاری ماکرومدیا می باشد که مهمترین کارکرد آن تولید نمایش های متحرک قابل ارائه در وب می باشد.
با کمک امکانات موجود در این نرم افزار می توانید از ساده ترین نمایش ها گرفته تا پیش رفته ترین و جذاب ترین آن ها را با حداقل زحمت تولید کنید. از یک دیدگاه، کاربران Flash را به دو دسته کاربران هنرمند و کاربران برنامه نویس تقسیم می کنند. هر چند در طول مطالعه ی این کتاب خواهید دید که این نوع دسته بندی از جهاتی خدشه پذیر می باشد، اما به هر حال بر طبق آن، کاربرانی را که فقط از امکانات داخلی Flash برای تولید نمایش های خود استفاده کرده و بیشتر ماهیت طراح دارند تا برنامه نویس، کاربران هنرمند می نامند.
اما کاربرانی که علاوه بر امکانات معمول Flash، در به کار گیری زبان برنامه نویسی Action Script ( زبان برنامه نویسی داخل Flash) نیز تبحر داشته و از آن در جهت نیل به اهداف خود در Flash بهره می گیرند، کاربران برنامه نویس نامیده می شوند. در کتاب حاضر ضمن اینکه کلیه ابزارها و امکانات داخلی Flash را خواهید آموخت، با زبان برنامه نویسی Action Script و نحوه استفاده از آن در جهت نیل به اهداف خود نیز آشنا خواهید شد.
فصل اول
ایجاد عناصر گرافیکی اولیه مورد نیاز جهت تولید انیمیشن
تصاویر گرافیکی برداری، در مقابل تصاویر گرافیکی طرح بیتی
تصاویر گرافیکی برداری با توجه به نحوه ذخیره شدنشان توسط کامپیوتر، دارای مشخصه های ویژه ای می باشند. هر فایل گرافیکی برداری حاوی یک رابطه ریاضی برداری برای بازسازی تصویر در صفحه نمایش می باشد. برای مثال، یک دایره حاوی اطلاعاتی از قبیل شعاع، ضخامت خط و رنگ می باشد.
کلیه آیتمهای گرافیکی که در محیط Flash تولید می کنید، از نوع برداری هستند. عناصر گرافیکی برداری دارای دو فایده می باشند: کوچک ماندن حجم فایل ( و در نتیجه بارگذاری سریعتر در وب) و امکان مقیاس دهی به تصاویر و تغییر دادن ابعاد بدون افت کیفیت (برای مثال، اگر یک دایره را چندن برابر بزرگ یا کوچک کنید، باز هم یک دایره خواهد بود).
در عین اینکه تصاویر گرافیکی برداری دارای ویژگیهای مثبت و اهمیت فراوانی می باشند، اما باید به اشکالات آنها نیز توجه کنیم: تصاویر گرافیکی برداری برای نمایش یافتن در صفحه نمایش مستلزم محاسبه و کار بیشتری توسط کامپیوتر کاربر خواهند بود (زیرا نمایش آنها مستلزم انجام محاسبات ریاضی زیادی است).
همچنین تصاویر گرافیکی برای اغلب به صورت «کامپیوتری» و بریده بریده رویت می شوند. زیرا این تصاویر گرافیکی اغلب تمایل به نمایش یافتن به صورت اشکال هندسی دارند. هر دو اشکال فوق الذکر در مورد تصاویر گرافیکی برداری قابل رفع شدن هستند، اما آگاه بودن از آنها لازم می باشد.
فرمت فایل : word(قابل ویرایش)
تعداد صفحات:60
پیشگفتار
وب یکی از مهمترین و در عین حال جوان ترین سرویس های اینترنت است که در مدت زمانی کوتاه توانسته است در کانون توجه تمامی استفاده کنندگان اینترنت قرار بگیرد و منشاء تحولات عمده ای در حیات بشریت باشد. در گذشته از وب صرفا” به منظور عرضه اطلاعات استفاده می گردید و کاربران از آن به عنوان یک کنابخانه الکترونیکی بزرگ و در جهت یافتن اطلاعات مورد نیاز خود استفاده می کردند. وضعیت فعلی وب نسبت به گذشته دستخوش تحولات فراوانی شده است و هم اینک از آن به عنوان بستر ارتباطات ، مبادله اطلاعات ، عملیات تراکنشی نظیر فعالیت های تجاری ، اجتماعی ، سیاسی ، آموزشی و فرهنگی استفاده می گردد .
نرم افزار و دنیای برنامه نویسی یکی ازعرصه هائی است که بدون شک بیشترین تاثیر را از اینترنت پذیرا بوده است ( پرداختن به مقوله تاثیر اینترنت بر دنیای برنامه نویسی و یا تاثیر نرم افزار بر اینترنت خود بحث مفصلی است ). شرکت های عظیم نرم افزاری با لحاط نمودن جایگاه برجسته اینترنت ، اقدام به ارائه تکنولوژی ها و معماری های متفاوتی در جهت طراحی و پیاده سازی برنامه های کامپیوتری با بهره گیری از زیرساخت اینترنت نموده اند .
به منظور پاسخ به خیل عظیم نیازهای موجود با توجه به تسهیلات ارائه شده توسط اینترنت ، نسل جدیدی از برنامه های کامپیوتری با نام “برنامه های وب ” مطرح و در این رابطه تاکنون تکنولوژی های متفاوتی توسط شرکت های عظیم نرم افزاری ارائه شده است.
با دارا بودن مجموعه ای گسترده از اشیاء که دارای اینترفیس های ساده برنامه نویس ASP.net باشند و بهره گیری از یک محیط ترجمه شده شی گراء ، امکان پردازش های ساده تا پیچیده را با حداقل کد ممکن فراهم می نماید.
چکیده:
این پروژه به منظور دسترسی دانشجویان به پروژه های قبلی و توسعه آنها و جلوگیری از دوباره کاری طراحی شده است که در آن هر استاد می تواند لیست عناوین پروژه های ارائه شده خود را وارد نماید و دانشجویان با مشاهده عناوین پروژه ها عنوان مورد نظر خود را انتخاب نمایند. همچنین امکان جستجو و دستیابی به نتایج پروژه های قبلی جهت استفاده از تجربیات قبلی وجود دارد.
برقراری ارتباط بین دانشجویان واساتید از طریق پیغام نیز از امکاناتی است که در این سایت قرار داده شده است.
در طراحی پروژه معماری سایت را مطابق با معماری معروف سه لایه٬ در نظر گرفته ایم، یعنی ساختار نرمافزار سایت از لایههای نمایش ٬ موتور اصلی نرم افزار٬ و ارتباط با پایگاه داده ها تشکیل شده است.
صفحات سایت از طریق روش code behind برنامه نویسی شده اند به این صورت که کد هایی از آن که باید در سمت سرور اجرا شوند در یک فایل جداگانه ذخیره شده اند.
در این پروژه از امکانات جدید ASP.NET 2.0 نظیر MasterPage٬ کنترل های login Themes ، کنترل های لازم به منظور ایجاد منو و treeview و رویکرد جدید به data grid و غیره استفاده شده است.
مقدمه:
محیط برنامه نویسی ASP.NET بیش از بیست و پنج زبان نظیر VB.NET ، سی شارپ و Jscript.NET را حمایت می نماید. به عنوان یک محیط شی گراء ، فریمورک دات نت بیش از 4500 کلاس را ارائه می نماید که از آنان به منظور انجام عملیات متفاوتی در ارتباط با اسناد XML ، دستیابی به داده ، تولید تصاویر ، مونیتورینگ ، ثبت تراکنش ها و سایر عملیات دیگر استفاده می گردد . کلاس ها مجموعه ای گسترده از اشیاء ، خصلت ها و متدها را ارائه می نمایند که می توان از آنان به منظور پیاده سازی برنامه های وب قدرتمند استفاده بعمل آورد.
علیرغم این که کدها ترجمه می گردند ، ASP.NET به صورت اتوماتیک هر گونه تغییر در کدها را تشخیص و به صورت پویا اقدام به ترجمه فایل های مورد نیاز نموده و آنان را برای استفاده مجدد به منظور پاسخگوئی به درخواست هائی آتی ، ذخیره می نماید . ترجمه پویا ، این اطمینان را ایجاد می نماید که برنامه بهنگام بوده و کد ترجمه شده با سرعت مناسبی اجراء می گردد. در زمان درخواست یک صفحه و ترحمه آن برای اولین مرتبه ، یک تاخیر کوتاه را شاهد خواهیم بود . پاسخ به درخواست های آتی از طریق نتایج ترجمه شده و یا نسخه های Cache شده صفحات انجام خواهد شد و نتایج با سرعت بمراتب بیشتری برای سرویس گیرندگان ارسال می گردد .
با توجه به ویژگی های منحصربفرد ASP.NET ، تاکنون از آن به منظور پیاده سازی برنامه های وب در سایت های معتبر متعددی استفاده شده است .
در ASP.NET 2.0 انجام هر کاری با سهولت بمراتب بیشتری نسبت به گذشته انجام می شود.
صفحات master ، ویژگی themes و skins ، ارائه امکانات مناسب در جهت حمایت از دستگاه های سرویس گیرنده متفاوت ، ارائه چهل و پنج کنترل سرویس دهنده جدید شامل کنترل های سرویس دهنده پیشرفته منبع داده ، کنترل های navigation ، کنترل های login ، کنترل های web part ، کنترل های لازم به منظور ایجاد منو و treeview ، رویکرد جدید به data grid ، ارائه امکانات و ابزارهای لازم در جهت مدیریت بهینه برنامه ها ، حمایت از پردازنده های 64 بیتی ، کاهش حجم کد نوشته شده به میزان هقتاد درصد ، نمونه هائی از امکانات و پتانسیل های جدید ASP.NET 2.0 می باشد.
با استفاده از ASP.NET 2.0 پیاده کنندگان برنامه های وب می توانند کارهای پیچیده متعددی را بدون نیاز به نوشتن کد انجام دهند .
که ASP.NET 2.0 صددرصد با ASP.NET 1.x سازگار است. بنابراین میتوانیم برنامه ASP.NET 1.x خود را بدون حتی یک خط تغییر در سورس کد روی سروری که برای اجرای ASP.NET 2.0 تنظیم شده است، اجرا کنیم. شکل 1 نمایی از پنجره تنظیمات یک سایت روی IIS 6.0 را نشان میدهد که امکان تغییر دادن فناوریASP.NET را از نسخه یک به دو و یا برعکس فراهم میکند.
این tab ویژه، پس از نصب NET Framework 2.0 روی ویندوز سرور، به سایر Tabها در پنجره تنظیمات سایت افزوده میشود. برای آزمودن ادعای فوق، کافی است پنجره تنظیمات سایتی که هماکنون با ASP.NET 1.x نوشتهاید را باز کنید و آن را روی نسخه دوم ASP.NET تنظیم کنید و دوباره سایت را اجرا نمایید. همه چیز مانند قبل بدون تغییر قابلمشاهده خواهد بود.
برخی ویژگیهای پلتفرم ASP.NET 2.0
فایلهای موسوم به <پروژه> در ویژوال استودیوی 2005 حذف شدهاند و اکنون همه چیز در فایل solution هر پروژه قرار دارد. بنابراین مدیریت پروژههای ASP.NET اکنون آسانتر از گذشته است و سایتها میتوانند به سادگی از مکان فیزیکی فعلی خود باز شوند.
در محیط Visual Web Developer 2005 یا Visual Studio 2005، یعنی محیطی که برنامههای ASP.NET 2.0 داخل آن نوشته میشوند، دو روش برای اجرای سایتها و صفحات داینامیک وجود دارد. روش اول همان روش قدیمی است. به این ترتیب که یک وبسایت روی IIS تعریف میکنید و سپس هنگام تعریف یک پروژه جدید، آدرسHTTP آن سایت را به ویژوال استودیو میدهید تا فایلهای پروژه را آنجا بگذارد. در این صورت هنگام بازکردن و اجرای سایت، این صفحات روی آدرس HTTP سایت مربوطه باز میشوند. در این حالت شما برای آزمایش کارکرد سایتی که درست کردهاید، نیازمند اجرای وب سرور IIS هستید.
در روش دوم که روش جدیدی در ASP.NET 2.0 است نیازی به وجود IIS نیست. این روش به صورت پیشفرض روی ویژوال استودیوی 2005 تنظیم شده و هنگام آزمایش و مشاهده یک صفحه داینامیک در حالت اجرا، یک وب سرور کوچک روی یک پورت تصادفی خاص (روی http://localhost) اجرا میشود و صفحات سایت به کمک آن قابل اجرا و مشاهده خواهند بود. (شکل 2)
این روش سه مزیت دارد که عبارتنداز:
●نیازی به نصب IIS نیست. بنابراین میتوان کار برنامهنویسی را روی یک ویندوز دسکتاپ (مثلاً اکسپی) انجام داد. ضمناً نیازی به نصب نسخه استاندارد SQL Server هم نیست؛ زیرا ویژوال استودیو به روش مشابهی میتواند به کمک یک نرمافزار کوچکتر به نام SQL Server 2005 Express Edition که همراه ویژوال استودیو نصب میشود، نیاز به وجود یک پایگاه اطلاعاتی را تأمین کند.
● عدم نیاز به فایلهای موسوم به <پروژه>. هر سایتی میتواند از محل فیزیکی خودش به آسانی باز شود؛ زیرا اجباری در وابسته کردن پروژه به یک IP خاص نیست.
● امنیت بیشتر در محیط برنامه نویسی. عدم نیاز به IIS برای تست صفحات عملاً به این معنا است که می توانید اصلاً IIS را نصب نکنید و همانطور که میدانید هرچه تعداد سرویسهای درحال اجرا روی یک سیستم کمتر باشد، امنیت آن بیشتر است. ضمن اینکه اجرای سایت روی یک پورت تصادفی از localhost امکان حدسزدن URLصفحات پروژه را برای هکرها دشوار میسازد.
ویژوال استودیوی 2005 بر خلاف نسخه 2003 همه روشهای دسترسی به یک سایت راه دور را به صورت مناسب و آسان در اختیار برنامهنویس میگذارد. بنابراین برای اینکه سایت پروژه خود را از طریق FTP یا از طریق شبکه (فایل سیستم) آپلود کنید، ابزار قدرتمندی برای این منظور در اختیار شماست. شکل 3 نمایی از ابزار Copy Web Site را نشان میدهد. به کمک این ابزار میتوانید پروژه خود را مستقیماً به سایت مقصد آپلود کنید.