دانلود پاورپوینت آشنایی با طراحی وب

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

دانلود پاورپوینت آشنایی با طراحی وب

نوع فایل : پاورپوینت

تعداد اسلایدها : 24

فهرست و پیشگفتار

صفحه وب یا (Web Page):سندی بر روی وب که توسط یک مرورگر وب قابل نمایش است را یک صفحه وب می‌گویند. صفحه وب در اصل یک فایل متنی است که توضیحاتی برای مرورگر در بر دارد. این توضیحات که TAG یا برچسب نامیده می‌شوند، چگونگی نمایش متون و تصاویر را در یک صفحه وب نمایش می‌دهند...

آشنایی با کدها و عناصر صفحات HTML

یادآوری و پرسش و پاسخ

صفحه وب یا (Web Page)

ساخت اولین صفحه وب

HTML Basic

HTML Advanced

تشریح یک سند HTML

Tag Attributes

آشنایی با برچسب‌ها و ویژگی‌های بیشتر

Page Format

Adding Links

Adding links, cont

Tables

Adding Images

Images, Cont

HTML Quick Reference

HTML Color Table

Special Characters (" & £ etc)

دانلود مقاله درباره web

اختصاصی از یاری فایل دانلود مقاله درباره web دانلود با لینک مستقیم و پر سرعت .

وب  (Web) چیست ؟
وب عبارتست از تمام اطلاعات بهم پیوسته روی اینترنت.
شبکه تار عنکبوتی جهانی (وب) مدتها پس از اینترنت پا به عرصه وجود گذاشت. کاربرد اولیه اینترنت اساساً برای تبادل اطلاعات و پست الکترونیک بود. تولد وب به سالهای 1989 تا 1991 و به کارهای دانشمندی به نام تیم برنزی - لی در آزمایشگاه اروپایی فیزیک ذرات (CERN)  در سوئیس بر می گردد.
انگیزه وی برای طراحی این استاندارد این بود که اطلاعاتی که افراد نیاز دارند در سندها و فایل هایی در کامپیوترهای مختلف ذخیره شده است تقریباً در تمام این اسناد ارجاعاتی به سندهای دیگر وجود دارد، در آن سند هم ارجاعاتی به سندهای دیگر هست و الی آخر...
این مفهوم که به ابر لینک (Hyper Link) معروف شد، سنگ بنای شبکه تار عنکبوتی جهانی یا وب است.

   کاربران وب و نکاتی در طراحی سایت

حدس می زنید که چه مقدار از متن صفحه وب شما به طور واقعی توسط کاربر خوانده می شود ؟ تمام آن ؟ بیشتر آن ؟ حقیقت آن است که کابران اغلب هیچ مقداری از آن را نمی خوانند .
به دنبال این جمله باید گفت که در حدود 80% از مردم فقط در مندرجات سایت پویش می کنند و به دنبال نکات و عبارات کلیدی می گردند . به طور متوسط 25 % کاربرای در خواندن روی مانیتور نسبت به خواندن از روی چاپ آهسته تر عمل می کنند . بنابراین ،این واقعیت چگونه بر ساختار صفحه شما اثر می گذارد ؟ به عنوان یک طرح شما باید صفحه ای ایجاد کنید که کاربران بتوانند سریع آن را کاوش کرده و اطلاعات مطالبه کرده را پیدا کنند .

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

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

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

سایتی نظیر سایت http://www.cnn.com را در نظر بگیرید . به محض ورود به سایت سریعا می توانید مرور کلی از کل سایت داشته باشید و یا به عبارت دیگر شما می توانید کل سایت را با نگاه از یک عبارت به عبارت بعدی مرور کنید و آنچه را که بخواهید خیلی سریع بدست آورید . بنابراین تمایل به دیدن مجدد سایت رادارید .سایت فوق از نمونه سایتهای موفق در جهان می باشد.

واقعیت در طراحی

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

1- بیشتر کاربران از مانیتورهای 17 Inch یا کمتر استفاده می کنند .
2- بیشتر کاربران با تنظیم تفکیک پذیری 480*640 کار می کنند .
3- بیشتر کاربران دارای مودم های با سرعت 56k هستند .
4- اغلب کاربران مرورگرهای ورژن 4 به پایین دارند .
5- تعداد کمی از مردم زمان زیادی را برای بارگذاری فایلها صرف می کنند.

*همواره در طراحی وب نکات کلی بالا را در نظر داشته باشید


المانهای طرح بندی یک صفحه

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

موارد زیر را در هنگام طراحی یک صفحه در نظر بگیرید :

1- Frameset اجازه می دهد که صفحات چند گانه شما بصورت واحد ظاهر شود .
2- Margin کنترل می کند که مطالب چگونه و با چه فاصله ای از کادر مانیتور شروع شوند.
3- Border برای Frame ها و جداول HTML استفاده می شود.
4- رنگ ایجاد یک احساس گیرا و کلی از ساختار سایت و باعث ازدیاد توانایی خواندن میشود .
5- Space جدا کردن المانهای صفحه
6- Navigation برای کنترل کاربران برای حرکت در سایت
7- Rule مندرجات صفحه را به قسمتهای جداگانه و وابسته قسمت می کند.
8- White Space باعث کم تر کردن بی نظمی المانهای صفحه می گردد.
9- Table توزیع المانهای صفحه در جاهای مختلف صفحه و شکل دادن اطلاعات در ستونهای مخفی
10- Lists به طراح اجازه می دهد تا اقلام را سازماندهی کنیم.
11- Paragraph گروهی از کاراکترهای متنی در صفحه می باشد.
12- Heading level ایجاد سایزهای گوناگون از متن و طراحی و سازماندهی آن .
13- Image مورد استفاده در ایجاد جاذبه ابعادی ، اطلاعات ، Navigation

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

شامل 25 صفحه word

اختصاصی از یاری فایل نرم افزار WYSIWYG Web Builder طراحی آسان صفحات وب دانلود با لینک مستقیم و پر سرعت .

 نرم افزار WYSIWYG Web Builder طراحی آسان صفحات وب

نرم افزار WYSIWYG Web Builder طراحی آسان صفحات وب با کرک توسط شرکت wysiwygwebbuilder منتشر شد . نرم افزار WYSIWYG Web Builder برای کاربرانی که علاقه به طراحی صفحات وب دارند و سواد کافی برای کد نویسی ندارند پیشنهاد میشود . با استفاده از نرم افزار میتوانید یک قالب با کیفیت بالا بدون نیاز به کد نویسی طراحی کنید . ابزارهای در دسترس قرار داده شده در هر بخش متفاوت می باشد و میتوان دسته ها را به صورت Standard , Images , Drawing , Form Controls , Media , Navigation , Advanced , jQuery UI , PayPal eCommerce , Login , Content تقسیم بندی کرد . استفاده از قالب های آماده در نرم افزار به کاربران این دسترسی را میدهد تا صفحات مورد نظر خود را انتخاب کنند و به ویرایش آن ها بپردازد . هر ابزاری که میخواهید از نوار Toolbox می توانید با استفاده از درگ دراپ به محیط قالب خود اضافه کنید و با چند کلیک ساده تنظیمات مربوط به هر بخش را انجام دهید . درج تصاویر با فرمت های مختلف و ایجاد اسلاید شو به کاربر این امکان را میدهد تا بتواند محیط زیبایی را برای قالب طراحی کنند . ساخت فرم های مختلف در نرم افزار میتواند فرم هایی نظیر نظر سنجی ، فرم ثبت نام ، جدول قیمت و …. را به قالب اضافه کند . ایجاد و درج فایل های Flash و نیز ابزار پخش کننده آنلاین و استفاده از فرم های Css در نرم افزار قالب پشتیبانی میشود . شما میتوانید قالب های رایگان این نرم افزار علاوه بر تعداد محدودی که به همراه خود دارد از سایت اصلی دریافت کنید . نرم افزار ارائه شده مناسب برای سیستم عامل ویندوز می باشد .

ویژگی نرم افزار WYSIWYG Web Builder :

- درج کد های HTML

- ساخت فریم های مختلف

- ترسیم جدول

- درج متن با فونت های مختلف

- درج تصاویر با فرمت های گوناگون

- ساخت نقشه تصویری

- ساخت گالری تصاویر

- طراحی اسلاید شو تصاویر

- ترسیم اشکال هندسی

- ابزار Check Box

- ابزار درج دیدگاه در قالب

- ابزار آپلود فایل

- پشتیبانی از فایل های فلش

- پشتیبانی از HTML5

- پشتیبانی از ابزار پخش آنلاین

- ساخت RSS برای سایت

- طراحی فروشگاه آنلاین 

- استفاده از درگاه های پرداخت 

- قابلیت درج عضویت در سایت 

- مناسب برای ویندوز xp / Vista / 7 / 8 

- پشتیبانی از نسخه های 32 و 64 بیتی 

                                                                                      تصویری از محیط نرم افزار

20 نکته web

اختصاصی از یاری فایل 20 نکته web دانلود با لینک مستقیم و پر سرعت .

کتابی بسیار آموزنده و روان در مورد اینترنت و مزایا و معایب آن و آموزش درباره نحوه کار با آن است

دانلود کتاب فوق العاده ی The Web Application Hacker's Handbook

اختصاصی از یاری فایل دانلود کتاب فوق العاده ی The Web Application Hacker's Handbook دانلود با لینک مستقیم و پر سرعت .

یک کتاب فوق العاده برای نفوذ و جلوگیری از نفوذ به  Web Application ها.

تعداد صفحه : 914 

قیمت : 10 هزار تومان

قیمت در آمازون : 29.59$

این کتاب یکی از مراجع نفوذ و جلوگیری از نفوذ به  Web Application ها است.

شما می توانید تنها با پرداخت 10 هزار تومان این کتاب ارزشمند را به راحتی تهیه کنید.

برای مشاهده مشخصات کتاب در آمازون روی متن کلیک کنید.