منظور از وب چيست؟

منظور از وب چيست؟

• وب شبکه ای است متشکل از تمامی کامپيوترهای دنيا، شبکه ای از شبکه ها.
• اينترنت، وب، WWW ، web يا World Wide Web همگی يک چيزند.
• تمامی کامپيوترهای وب ميتوانند با هم ارتباط داشته باشند.
• کامپيوترهای موجود در وب با کمک استاندارد ارتباطی يا پروتوکل HTTP با هم ارتباط برقرار ميکنند .

نحوه کارکرد وب چگونه است؟

• اطلاعات صفحات وب داخل فايلهائی به نام Web Pages و يا متن های وب (HTML documents) قرار دارند.
• اين فايلها يا صفحات روی Web Server يا کامپيوترهای سرويس دهنده وب ذخيره شده اند.
• برای ديدن صفحات وب از نرم افزاری به نام مرورگر و يا Web Browser استفاده ميشود.
• سرورهای وب یا Web Servers کامبیوترهای هستند که با کمک استاندارد ارتباطی HTTP به تبادل اطلاعات با مرورگرها (web Clients) میبردازند. .
• مرورگرهای وب را Web browsers یا web Clients هم مینامند .
• دو مرورگر Internet Explorer و Firefox جزو معروفترين مرورگرها حساب ميشوند.
• مرورگر Internet Explorer متعلق به شرکت مايکروسافت و مرورگر Firefox متعلق به شرکت Mozilla ميباشد.
• مرورگر ّ Firefox دارای امنیت بیشتری بوه و بصورت open Source میباشد و نسبت به Internet Explorer برتر محسوب میشود.
• مرورگر Internet Explorer گاهی مختصرا IE نامیده میشود.
• اسامی بعضی از مرورگرهای دیگر به قرار روبرو است: Mosaic, Netscape Navigator, Opera, Mozilla, Safari(Mac computers)
• امیدوارم که شما طراح و برنامه نویس اولین مرورگر تمامآ فارسی باشید!

---

مرورگرها چگونه به خواندن صفحات وب ميپردازند؟

• يک مرورگر با کمک يک Request درخواستی برای خواندن يک صفحه از وب سرور ميکند.
• اين Request يا درخواست بر اساس استاندارد ارتباطی يا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر ميباشد.
• آدرس يک صفحه وب چيزی شبيه http://www.khaterat.com/www/htmlwww.php است.
  بخش //:http نوع پروتوکل و يا استاندارد ارتباطی را تعيين ميکند، www.khaterat.com نام دومين يا Domain است و /www/htmlwww.php مسیر و نام صفحه ای است که بايد خوانده شود.

---

مرورگرها چگونه صفحات وب را نمايش ميدهند؟

• چگونگی نمايش يک صفحه وب بصورت مستتر در آن وجود دارد.(اگر شما منظورم را فهمیدید من را هم خبردار کنید!)
• مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمايش صفحات ميپردازند.
• وظيفه اصلی تگ های اچتمل ( HTML tags ) بيان نحوه چیدن و قرارگرفتن اطلاعات است و ظاهر نمايش با CSS ميباشد.
• يک تگ اچتمل چيزی شبيه <p> abc </p> است.

---

چه کسانی استاندارد های وب را تعيين ميکند؟

• تعيين استاندارد های وب ربطی به شرکتهای مايکروسافت و يا Mozilla ندارد.
• World Wide Web Consortium يا W3C متولی بین المللی تعيين استانداردهای وب است.
• HTML, CSS and XML از مهمترين استانداردهای تصويب شده وب ميباشند.

نکات طراحی صفحات وب - روشهایی برای کاهش زمان لود صفحات وب

زمان لازم برای بارگذاری ( load ) باز شدن صفحات وب از دغدغه‌های اصلی صاحبان وب‌سایت‌ها است. در این مقاله با ده روش موثر در ارائه سریع تر صفحات آشنا می شوید.


1 – استفاده از scriptهای خارجی:
اگر می‌خواهید از دستورهای script در صفحات مختلف وب سایت خود استفاده می‌کنید، بهترین ترفند استفاده از script های خارجی است. این بدان معنی است که دستورات javascript از منابع دیگری لود شود.

مثلا:

کد:

<script type="text/javascript" src="yourscript.js"></script>

این راه کمک می‌کند تا مرورگر script را ذخیره (cache) کند و بارها و بارها آن را بخواند.

2- کاهش درخواست‌های HTTP
فرض کنید لود هر آیتم به‌روی وب سایت شما حدود دو دهم ثانیه زمان بگیرد. پس اگر سایت شما بطور همزمان 10 عکس رو لود کند، صرف نظر از این که آیتم ها ، استایل شیت، عکس، یا اسکریب باشند زمانی حدود دو ثانیه طول خواهد شد. بنابراین باید تلاش کنید تا از این درخواست‌های HTTP کاسته شود. مثلا در بخش فوتر سایت که سهم عکس زیاد است باید با استفاده از روش‌هایی مثل imagemap بخش زیادی از درخواست‌های HTTP را کم کنید.


3- به سایت‌های دیگر وابسته نباشید
اگر به سایت‌های دیگر وابسته هستید مطمئن باشید که سرعت لود صفحات شما زیاد می‌شود. اگر وب سایت شما از مولفه‌های مختلفی تشکیل شده که از روی سایت‌های دیگر اجرا می‌شود حتما سرعت لود صفحات کم خواهد شد چون ممکن است سرورهایی که به آن وابسته‌اید، درخواست‌های HTTP زیادی داشته باشند.

4- بهینه‌سازی عکس‌ها
همیشه از گزینه save for web برای کم کردن حجم عکس‌های وب استفاده کنید. این گزینه را می توانید در برنامه‌هایی مانند فتوشاپ ببینید.

5- فاصله اضافی را حذف کنید
منظور از فاصله اضافی در اینجا فاصله‌های بلااستفاده ای است که مابین کدهای صفحه وجود دارد. حذف کردن تب‌ها و فاصله‌های اضافی از کدها یعنی کم کردن بایت‌های اضافی که کاربردی ندارند. حتما این کار را انجام دهید و ببیند که چقدر در زمان لود صفحه شما موثر خواهد بود.

6- استفاده از CSS و بهینه کردن CSS
CSS می تواند مهم‌ترین تاثیر را در زمان لود صفحات داشته باشد. مرورگر می‌تواند تمامی فرمت‌ها و استایل‌های صفحات شما را ذخیره کند و بارها و بارها آنها را نخواند. در ضمن مطمئن شوید که CSS ای‌ تر و تمیز و مرتب دارید. می‌توانید از سایت زیر برای مرتب کردن کدهای css وب خود استفاده کنید تا بخش‌های شبیه به هم را ادغام، کدهای بی‌استفاده را شناسایی و فواصل اضافی از بین کدهای شما را حذف کند.

http://www.cleancss.com

7- اسلش را فراموش نکنید
وقتی کاربران به سراغ لینک یا صفحه‌ای خاص مثل این آدرس بروند http://www.microrayaneh.com سرور ناگزیر از ساختن صفحاتی با این محتوا است. اما اگر یک (/) به انتهای آدرس اضافه شود

کد:

http://www.microrayaneh.com/

آنگاه سرور دقیقا می‌داند چه چیزی مورد درخواست کاربر بوده و در کاهش زمان لود بسیار موثر است.

8- کدام فرمت عکس استفاده شود؟
شما باید از دو فرمت GIF و PNG برای عکس‌های خود استفاده کنید. فرمت GIF بیشتر در مواردی که از رنگ تخت استفاده شده کاربرد دارد مانند لوگوها و دگمه‌ها.

PNG نیز مانند GIF فرمت ساده‌ای است که از تعداد رنگ‌های بیشتری پشتیبانی می‌کند. JPEG فرمتی است که بیشتر مناسب عکاس‌ها و عکس‌هایی است که می خواهند رنگ واقعی داشته باشند.

9- از تگ‌های عرض و ارتفاع غافل نشوید
تگ‌های عرض و ارتفاع برای عکس‌ها بسیار مهم است. این تگ‌ها برای مرورگر مشخص می‌کند که چه فضایی از صفحه به عکس اختصاص دارد و از ابتدا تا زمان لود کامل فضای کافی برای عکس را کنار می‌گذارد و با سرعت بیشتری می‌تواند سایر عناصر صفحه را لود کند. بنابراین هرگز از این تگ‌گذاری غافل نشوید.

10- استفاده از Cache
استفاده از Cache هم از مواردی است که می‌تواند در لود سریعتر صفحات کمک زیادی بکند.

منبع:microrayaneh.com

ویژگیهای یک سایت تجارت الکترونیک

طراحی يک سايت تجارت الکترونيک بسيار جدی تر و مشکل تر از داشتن يک سايت جالب برای بازديد کننده است. هر چند جذابيت سايت عامل مهمی است اما بايد به همان اندازه به کارايی سايت نيز اهميت داده شود. به نظر می رسد که بسياری از طراحان وب روی ظاهر سايت بيشتر از کارايی آن تمرکز می کنند. اما بازديدکننده ای که به علت ضعف کارآيی، از سايت نا اميد می شود، به سرعت سايت را ترک خواهد کرد و هرگز بازنخواهد گشت.
در طراحی سايتهاي تجارت الکترونيکي به اطلاعات پايه اي در زمينه طراحي سايت و کمي تجربه و تمرين احتياج است. طراحي اين سايتها اصول اوليه اي دارند که اگر آنها را رعايت نکنيد، متاسفانه هيچ وقت نخواهيد توانست سايت خود را از نظر امکانات و کارآيي به حدي برسانيد که بازديدکنندگان را راضي نماييد.
براي ايجاد فروش بيشتر از طريق سايت روي نکات زير تمرکز کنيد.
 1- زمان LOAD ، اندازه صفحات و سيستم هدايت بازديدکننده در سايت
صفحاتي که به کندي ظاهر مي شوند، صفحات بسيار بزرگ يا بسيار کوچک و دشواري حرکت در سايت، هر کدام به تنهايي کافي هستند تا بازديدکننده را خسته و نا اميد نمايند. بازديدکننده هرگز نبايد منتظر ظاهر شدن صفحات بماند، هرگز نبايد براي خواندن اطلاعات مورد نظرش صفحه را بالا و پايين کند و هرگز نبايد براي اطلاعاتي در مورد خريد اجناس مورد نظرش، با دشواري تمام سايت را جستجو کند.
سايتهاي داراي صفحات مرتب، سريع و هدفمند معمولا در امر فروش نيز موفق تر هستند.
براي اطمينان از سرعت بالا آمدن سايت خود به آدرس زير مراجعه نماييد:
اين سايت از روي سايز صفحات و حجم اطلاعات شما، سرعت را حدس نمي زند بلکه به راستي از نقاط مختلف جهان به سايت شما وصل مي شود و سرعت متوسط بالا آمدن سايت را به شما برميگرداند.
 2- استفاده کمتر از عوامل گرافيکي
اگرچه عوامل گرافيکي فريبنده و جذاب به نظر مي رسند، اما معمولا براي فروش موثر نيستند. حتي در صورت استفاده زياد ممکن است نتيجه برعکس ايجاد کند. زيرا باعث خواهند شد که سرعت سايت بسيار پايين بيايد و ضمنا ممکن است ذهن بينندگان سايت را از هدف اصلي سايت که فروش است، دور نمايند. اگر لازم است که از عوامل گرافيکي استفاده کنيد بايد تصاوير مناسب براي سايت انتخاب نماييد و سايز آنها را تا حد ممکن کوچک کنيد. اکثر تصاوير گرافيکي را مي توان حدود 20 درصد کوچک کرد بدون آن که لطمه اي به کيفيت و تاثير تصوير وارد شود.
در سايت زير ابزار مفيدي براي بهينه سازي تصاوير گرافيکي براي استفاده در محيط وب وجود دارد:
 3- استفاده از CSS (cascading style sheet)
با استفاده از فايل هاي CSS مي توانيد بسياري از تگ هاي تکراري html مانند Font را حذف نماييد. اين گونه تگ ها معمولا 5 تا 7 درصد حجم صفحات شما را اشغال مي کنند. تصور کنيد که در صورت داشتن 100 صفحه در سايت، در چه حجمي صرفه جويي خواهيد کرد.
 4- شکستن سايت به جدولهاي (table) کوچکتر
به جاي قرار دادن کل صفحه در يک جدول بزرگ، آن را به بخشهاي کوچکتر تقسيم نماييد. با اين کار هنگام ورود بازديدکننده بخشهاي مختلف صفحه شما به تدريج ظاهر مي شوند و بازديدکننده مجبور نمي شود مدت زمان زيادي به صفحه سفيد خيره شود تا صفحه شما بالا بيايد. اين نکته از مواردي است که معمولا فراموش مي شود.
 5- استفاده از نقشه سايت
نقشه سايت نه تنها باعث افزايش رتبه شما در موتورهاي جستجو مي شود، بلکه در واقع راهنماي بازديدکنندگان سايت به شمار مي آيد و از سردرگمي آنها در سايتهاي بزرگ مانند سايتهاي تجارت الکترونيک جلوگيري مي کند. نقشه سايت همانگونه که از نام آن مشخص است بايد نشاندهنده مسيرهايي باشد که بازديدکنندگان مي توانند در سايت شما طي کنند. موتورهاي جستجو نيز از روي همين نقشه، سايت شما را پيمايش مي کنند. بنابراين نقشه سايت يکي از عوامل ضروري سايت هاي تجارت الکترونيک محسوب مي شوند.
 6- محتويات غني
 محتوياتي که شامل کلمات کليدي باشند و هدفمند و با رعايت اصول نوشته شده باشند، باعث افزايش رتبه در موتورهاي جستجو مي شوند. همچنين بازديدکننده را علاقمند خواهند کرد که از شما خريد کند. همانطور که شيوه نوشتاري غلط باعث راندن مشتريان خواهد شد و عدم وجود کلمات کليدي رتبه شما را در موتورهاي جستجو پايين خواهد آورد. شيوه نوشتار اولين راه تاثيرگذاري بر روي بازديدکننده ای است که تازه به سايت شما مراجعه کرده است، بنابراين توجه دقيق و کافي به محتويات سايت معمولا موجب فروش بيشتر خواهد شد.
 7- عنوان (title) صفحات
صفحاتي که داراي عنوانهاي غني از کلمات کليدي هستند، ترافيک زيادي خواهند داشت و ترافيک بيشتر به معني فروش بيشتر است. اين عنوانها رتبه شما را در موتورهاي جستجو بهبود مي بخشند. براي صفحات داخلي خود نيز کلمات کليدي مناسبي در نظر بگيريد. سايتهاي تجارت الکترونيک معمولا سايتهاي بزرگي هستند. کلمات کليدي صفحات داخلي و ارتباط اين صفحات با هم براي موتورهاي جستجو بسيار مهم هستند. براي تصاوير محصولات خود حتما از تگ alt استفاده نماييد. عدم وجود اين تگ امتياز منفي بزرگي در رتبه شما ايجاد خواهد کرد.
 8- استفاده آسان براي کاربر
پايگاههاي تجارت الکترونيک و رويه هاي فروش که استفاده از آنها دشوار است، مهمترين عامل صرف نظر مشتري از خريد هستند. پايگاه و رويه فروش براي استفاده کاربر بايد آسان و به اندازه اي مطمئن باشد که اطلاعات مربوط به فروش و مبالغ پرداختي هرگز از دست نرود.
 9- امنيت سايت
سايت فروش بايد امن باشد و به بازديدکننده اطمينان بدهد که اطلاعات شخصي که او به سايت مي دهد در مکان مطمئني قرار مي گيرد و به هيچ عنوان در اختيار ديگران قرار نخواهد گرفت و يا فروخته نخواهد شد. اين موضوع براي خريداران online بسيار اهميت دارد بنابراين هرگونه تضمين و اطمينان از امنيت سايت باعث بهبود فروش خواهد شد.
 10- صفحه تشکر از خريدار
بلافاصله بعد از دريافت سفارش مشتري، در صفحه مخصوصي از او تشکر نماييد. اين حسن ادب شما تاثير مثبتي روي بازديدکننده خواهد داشت و تضمين خواهد کرد که اين فرد تبديل به مشتري هميشگي شما شود و براي خريدهاي بعدي به سايت شما مراجعه کند.
 يک سايت تجارت الکترونيک قطعا با سايت هاي شخصي و يا سايت سازمانهايي که قصد فروش از طريق سايت را ندارند، تفاوت دارد. تمرکز روي طراحي و سيستم هدايت و ديگر جنبه هاي سايت، همه بايد به نحوي باشد که هدف اصلي سايت که همان فروش است، را برآورد.

منبع:http://www.hiberd.com/

یک رنگ به عنوان بهترین رنگ نداریم

در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند :

۱- اثر روان شناسی رنگ
۲- قابلیت خواندن متون صفحات سایت .
۳- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون
۴- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده
۵- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی آن بسیار تفاوت دارد.

منبع:microrayaneh.com