طراحي سايت،فروشگاه اينترنتي

طراحي سايت،فروشگاه اينترنتي
طراحي سايت،فروشگاه اينترنتي،طراحي وب سايت،طراحي سايت املاك حرفه اي،طراحي سايت حرفه اي درتبريز
نويسندگان
آمار
امروز : 3
دیروز : 0
افراد آنلاین : 1
همه : 21
پيوندهای روزانه
لينكي ثبت نشده است

بهينه سازي موتورهاي جستجو . اغلب افراد زيادي در تيم هايي كه جنبه هاي مختلف فرآيند طراحي را پوشش مي دهند، كار مي كنند، هر چند برخي از طراحان همه آنها را پوشش خواهند داد. [1] اصطلاح طراحي وب به طور معمول براي توصيف روند طراحي مربوط به طراحي جلويي (سمت سرويس گيرنده) يك وب سايت از جمله نوشتن نشانه گذاري استفاده مي شود . طراحي وب تقريبا همپوشاني داردمهندسي وب در حوزه گستردهتر توسعه وب است . انتظار ميرود طراحان وب از آگاهي از قابليت استفاده برخوردار شوند و اگر نقش آنها در ايجاد نشانه گذاري باشد، انتظار ميرود كه آنها با دستورالعملهاي دسترسي به وب به روز باشند.

تاريخ

 
كتاب هاي طراحي وب در فروشگاه

1988-2001

اگرچه طراحي وب داراي تاريخ نسبتا جديد است، اما مي توان آن را به ساير زمينه ها مانند طراحي گرافيكي پيوند داد. با اين حال، طراحي وب همچنين مي تواند از ديدگاه تكنولوژيكي ديده شود. اين بخش بزرگي از زندگي روزمره مردم است. سخت است تصور كنيد اينترنت بدون گرافيك متحرك، سبك هاي مختلف تايپوگرافي، پس زمينه و موسيقي است.

شروع وب و طراحي وب

در سال 1989، در حالي كه در CERN كار مي كرد، تيم برنرز لي ، براي ايجاد يك پروژه متنباز جهاني كه بعدا به عنوان وب جهان گستر شناخته شد، پيشنهاد كرد در طول سالهاي 1991 تا 1993 World Wide Web متولد شد. صفحات تنها متن را مي توان با استفاده از يك مرورگر ساده خط مرور كرد. [2] در سال 1993، مارك آندرسن و اريك بينا ، مرورگر موزاييك را ايجاد كرد در آن زمان مرورگرهاي متعددي وجود داشت، اما اكثر آنها بر اساس يونيكس و به طور طبيعي متن سنگين بود. به عناصر طراحي گرافيكي نظير تصاوير يا صداها هيچ رويكردي يكپارچه وجود نداشت. مرورگر موزاييك اين قالب را شكست. [3] W3Cدر اكتبر 1994 ايجاد شد تا "وب جهان گستر را به پتانسيل كامل خود بسپارد، با ايجاد پروتكل هاي مشترك كه به ترويج تكامل آن و اطمينان از قابليت همكاري آن". [4] اين يك شركت را از انحصار يك مرورگر مناسب و زبان برنامه نويسي، كه مي تواند تاثير جهاني وب را به طور كلي تغيير دهد. W3C همچنان استانداردها را تنظيم مي كند كه امروزه با جاوا اسكريپت قابل مشاهده است. در سال 1994 Andreessen Communications Corp. تشكيل شد كه بعدا به Netscape Communications ، مرورگر Netscape 0.9 شناخته شد. Netscape تگ هاي HTML خود را بدون توجه به فرآيند استانداردهاي سنتي ايجاد كرد. به عنوان مثال، Netscape 1.1 شامل برچسب هايي براي تغيير رنگ پس زمينه و قالب بندي متن با جداول در صفحات وب است. در طول سال هاي 1996 تا 1999جنگ هاي مرورگر شروع شد، به عنوان مايكروسافت و Netscape براي غلبه بر مرورگر نهايي مبارزه كرد. در طول اين زمان بسياري از فن آوري هاي جديد در اين زمينه وجود داشت، مخصوصا Cascading Style Sheets ، جاوا اسكريپت و HTML پويا . در مجموع، رقابت مرورگر منجر به ايجاد بسياري از خلاقيت هاي مثبت شد و به طراحي وب كمك كرد تا سريعا پيشرفت كند. [5]

تكامل طراحي وب

در سال 1996، مايكروسافت اولين مرورگر رقابتي خود را كه با ويژگي ها و تگ هايش تكميل شد، منتشر كرد. اين اولين مرورگر براي حمايت از ورق هاي سبك بود، كه در آن زمان به عنوان يك تكنيك نوشتن مبهم ديده مي شد. [5] نشانه گذاري HTML براي جداول در اصل براي نمايش داده هاي جدولي نظر گرفته شده بود. با اين حال طراحان به سرعت متوجه پتانسيل استفاده از جداول HTML براي ايجاد طرح هاي پيچيده، چند ستون شدند كه در غير اين صورت امكان پذير نبود. در اين زمان، به نظر طراح و زيبايي شناسي خوب، ساختار برند خوب برتري داشت، و توجه كمتري به معنايي ودسترسي به وبسايت هاي HTML در گزينه هاي طراحي خود محدود شدند، حتي بيشتر با نسخه هاي قبلي HTML. براي ايجاد طرح هاي پيچيده، بسياري از طراحان وب مجبور به استفاده از ساختارهاي جدول پيچيده و يا حتي استفاده از فضاي خالص. تصاوير GIF براي متوقف كردن سلول هاي خالي جدول از فروپاشي. [6] CSS در دسامبر 1996 توسط W3C براي پشتيباني از ارائه و طرح معرفي شد. اين اجازه داد كه كد HTML به معناي معناشناختي باشد و نه به معناي معنايي و ارائهي، و نه براي بهبود دسترسي به وب، و نه براي طراحي وب سايت بدون وبسايت .

در سال 1996، فلش (در اصل به نام FutureSplash شناخته شد) توسعه يافت. در حال حاضر، ابزار توسعه فلش در مقايسه با حالات نسبتا ساده، با استفاده از طرح بندي اوليه و ابزارهاي طراحي، يك پيشكسوت محدود براي ActionScript و يك جدول زماني، اما طراحان وب را قادر به فراتر از نقطه HTML، GIF هاي متحرك و جاوا اسكريپت . با اين حال، چون Flash نياز به يك افزونه داشت ، بسياري از توسعه دهندگان وب از تهديد به استفاده از آن به دليل محدوديت سهم بازار خود ناشي از عدم سازگاري اجتناب كردند. در عوض، طراحان به انيميشن هاي GIF بازگشتند (اگر آنها با استفاده از گرافيك متحرك كنار نيندازند) و جاوا اسكريپت براي ويدجت هااما مزاياي فلش آن را به اندازه كافي در ميان بازارهاي هدف خاص مورد استفاده قرار مي دهد تا در نهايت راه خود را به اكثريت وسيع مرورگرها و به اندازه كافي قدرتمند براي استفاده در كل سايت ها توسعه دهد. [6]

پايان جنگ اول مرورگر

در طول 1998 Netscape كد Netscape Communicator را تحت يك مجوز منبع آزاد كرد و هزاران نفر از توسعه دهندگان را قادر ساخت تا در بهبود نرم افزار شركت كنند. با اين حال، تصميم گرفتند از همان ابتدا شروع كنند، كه توسعه مرورگر منبع باز را هدايت كرده و به زودي به يك پلت فرم كامل كاربرد گسترش داد. [5] پروژه استانداردهاي وب شكل گرفت و ترويج رعايت مرورگر با HTML و CSS استاندارد با ايجاد Acid1 ، Acid2 و آزمون Acid3آزمايشات 2000 سال بزرگ براي مايكروسافت بود. اينترنت اكسپلورر براي Mac منتشر شد؛ اين مهم بود زيرا اولين مرورگر بود كه به طور كامل HTML 4.01 و CSS 1 را پشتيباني مي كرد، با افزايش بار در شرايط انطباق استانداردها. اين اولين مرورگر بود كه به طور كامل از فرمت تصوير PNG پشتيباني مي كرد [5] در طي اين زمان، Netscape به AOL فروخته شد و اين به عنوان افت رسمي Netscape براي مايكروسافت در جنگ هاي مرورگر ديده مي شد. [5]

2001-2012

از همان ابتداي قرن بيستم، وب بيشتر و بيشتر به زندگي مردم پيوسته است. همانطور كه اين اتفاق افتاده است، فناوري وب همچنان ادامه دارد. همچنين تغييرات قابل توجهي در نحوه استفاده افراد و دسترسي به وب وجود دارد و اين تغيير نحوه طراحي سايت ها را تغيير داده است.

از زمان پايان جنگ هاي مرورگر وقتي كه؟ ] مرورگرهاي جديد منتشر شده است. بسياري از اينها منبع باز هستند به اين معني كه آنها تمايل دارند تا توسعه سريعتري داشته باشند و از استانداردهاي جديد حمايت بيشتري مي كنند. گزينه هاي جديد توسط بسياري از كلمات شگفت انگيز ] مورد توجه قرار گرفته اند تا بهتر از اينترنت اكسپلورر مايكروسافت باشند .

W3C استانداردهاي جديد براي HTML (منتشر كرده است HTML5 ) و CSS ( CSS3 )، و همچنين به عنوان جديد جاوا اسكريپت API را ، هر كدام به عنوان يك استاندارد جديد اما فردي است. وقتي كه ] در حالي كه اصطلاح HTML5 فقط براي ارجاع به نسخه جديد HTML و برخي از API هاي جاوااسكريپت استفاده مي شود، استفاده از آن براي اشاره به مجموعه كامل استانداردهاي جديد (HTML5، CSS3 و جاوا اسكريپت) رايج شده است.

ابزار و فن آوري

طراحان وب از انواع ابزارهاي مختلف استفاده مي كنند بسته به اينكه چه بخشي از فرآيند توليد آنها درگير هستند. اين ابزار ها در طول زمان با استانداردهاي جديد و نرم افزاري به روز مي شوند، اما اصول پشت سر آنها باقي مي مانند. طراحان وب با استفاده از ويرايشگرهاي گرافيكي بردار وشطرنجي براي ايجاد تصاوير وب فرمت شده و يا نمونه هاي اوليه طراحي مي كنند. فن آوري هايي كه براي ايجاد وب سايت ها استفاده مي شود شامل استانداردهاي W3C مانند HTML و CSS مي باشد كه توسط نرم افزار ويرايش WYSIWYG مي توان آن را دستكاري كرد ديگر ابزارهايي كه طراحان وب ممكن است از آن استفاده كنند عبارتند از: تأييدكنندگان [7] و ديگر ابزارهاي تست براي قابليت استفاده و قابليت دسترسي براي اطمينان از اينكه وبسايتهايشان با دستورالعملهاي دسترسي به وب آشنا هستند. [8]

مهارت ها و تكنيك ها

طراحي بازاريابي و ارتباطات

طراحي بازاريابي و ارتباطات در يك وب سايت ممكن است مشخص كند كه چه چيزي در بازار هدفش كار مي كند. اين مي تواند يك گروه سني يا خاص رشته فرهنگ باشد؛ در نتيجه طراح ممكن است روند مخاطبانش را درك كند. طراحان نيز ممكن است نوع از وب سايت آنها در حال طراحي، معنا را درك كنند، به عنوان مثال، كه (B2B) كسب و كار به كسب و كار وب سايت ملاحظات طراحي ممكن است تا حد زيادي از وب سايت مصرف كننده را هدف قرار مانند يك متفاوت فروشي وب سايت و يا سرگرمي. در نظر گرفتن دقيق ممكن است ساخته شده اطمينان حاصل شود كه زيبايي شناسي يا طراحي كلي يك سايت را با وضوح و دقت و صحت محتوا و يا سهولت برخورد نيست و ناوبري وب ، [9]به خصوص در وب سايت B2B. طراحان همچنين ممكن است اعتبار مالك يا كسب و كار را كه سايت نشان مي دهد، نشان دهد تا اطمينان حاصل شود كه آنها به شكل مطلوب نمايش داده مي شوند.

طراحي تجربه كاربر و طراحي تعاملي

درك كاربر از محتواي يك وب سايت اغلب به درك كاربر از نحوه كار وب سايت بستگي دارد. اين بخشي از طراحي تجربه كاربر است . تجربه كاربر مربوط به طرح، دستورالعمل هاي واضح و برچسب گذاري در وب سايت است. چقدر خوب يك كاربر درك مي كند كه چگونه مي توانند روي يك سايت ارتباط برقرار كنند نيز ممكن است به طراحي تعاملي سايت وابسته باشد. اگر كاربر سوداي وب سايت را درك كند، بيشتر احتمال دارد كه از آن استفاده كند. كاربراني كه با استفاده از وب سايت مهارت دارند و با آن آشنا هستند ممكن است متمايز تر باشند، اما كمتر بصري يا كمتر كاربر پسندرابط كاربري وب سايت مفيد است با اين حال. با اين حال، كاربران با تجربه كمتر احتمال بيشتري دارند كه مزاياي استفاده يا سودمندي يك رابط وب سايت كمتر بصري را ببينند. اين روند براي يك تجربه كاربري جهانيتر و سهولت دسترسي به كاربراني كه ممكن است بدون در نظر گرفتن مهارت كاربر جا به جا شوند، در حال حركت است. [10] بسياري از طراحي تجربه كاربر و طراحي تعاملي در طراحي رابط كاربر در نظر گرفته شده است .

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

طرح بندي صفحه

بخشي از طراحي رابط كاربر تحت تاثير كيفيت طرح صفحه قرار دارد . به عنوان مثال، طراح ممكن است در هنگام طراحي طرح، بايد طرح صفحه سايت را در صفحات مختلف باقي بگذارد. پيكسل عرض صفحه همچنين ممكن است براي تراز كردن اشياء در طرح طرح حياتي باشد. محبوب ترين وب سايت هاي ثابت با عرض پوزش به طور كلي داراي همان عرض تنظيم براي مطابقت با محبوب ترين مرورگر پنجره، در محبوبيت صفحه نمايش محبوب ترين در حال حاضر در اندازه محبوب ترين مانيتور در حال حاضر است. اكثر صفحات نيز براي نگراني هاي زيبايي شناختي در صفحه هاي بزرگ تر هماهنگ شده اند.

طرح بندي سيالات در سال 2000 به عنوان جايگزيني براي طرح بندي مبتني بر HTML-جدول و طراحي مبتني بر شبكه در هر دو طرح صفحه طرح بندي و تكنيك برنامه نويسي، محبوبيت خود را در حدود 2000 افزايش داد ، اما بسيار آهسته پذيرفته شد. [توجه داشته باشيد 1] اين به دليل ملاحظات دستگاه هاي خواندن صفحه نمايش و اندازه هاي مختلف ويندوز است كه طراحان كنترل آن را ندارند. بر اين اساس، طراحي ممكن است به واحد هاي (ستون هاي فرعي، بلوك هاي محتوا، تبليغات جاسازي شده) شكسته شودمناطق، مناطق ناوبري) كه به مرورگر فرستاده مي شوند و به وسيله مرورگر، به بهترين شكل ممكن مي توانند در صفحه نمايش نمايش داده شوند. همانطور كه مرورگر جزئيات صفحه نمايش خواننده (اندازه پنجره، اندازه فونت نسبت به پنجره و غيره) را تشخيص مي دهد، مرورگر مي تواند تنظيمات مربوط به كاربر را به پوسته هاي مايع، اما طرح بندي هاي عرض ثابت را مشخص كند. اگرچه چنين صفحه اي اغلب ممكن است موقعيت نسبي واحدهاي محتوا اصلي را تغيير دهد، ستون هاي فرعي ممكن است در زير متن بدن جاي جابجايي داشته باشند تا به طرف آن. اين يك صفحه نمايش انعطاف پذير تر از يك طرح مبتني بر شبكه سخت افزاري است كه به پنجره دستگاه مناسب نيست. به طور خاص، موقعيت نسبي بلوك هاي محتوا ممكن است تغيير كند در حالي كه محتوا درون بلوك را تحت تاثير قرار نمي دهد. اين همچنين نياز كاربر به صفحه به صورت افقي را به حداقل مي رساند.

طراحي وب پاسخگو يك رويكرد جديدتر است، بر اساس CSS3، و سطح عميق تر از مشخصات هر دستگاه در صفحه سبك صفحه، از طريق استفاده گسترده از @mediaقانون CSS در ماه مارس 2018، گوگل اعلام كرد كه آنها مي توانند فهرست بندي اوليه موبايل را انجام دهند. [11] سايت هايي كه از طراحي پاسخگو استفاده مي كنند بسيار مناسب هستند تا اطمينان حاصل شود كه اين رويكرد جديد را برآورده مي كنند.

تايپوگرافي

طراحان وب ممكن است به جاي استفاده از طيف گسترده اي از انواع تايپ يا سبك هاي نوع ، انواع متن هاي وب را محدود به تعداد كمي از آنها از يك سبك مشابه استفاده كنند اكثر مرورگرها تعداد خاصي از فونت هاي ايمن را تشخيص مي دهند كه طراحان عمدتا براي جلوگيري از عوارض استفاده مي كنند.

دانلود فونت بعدا در ماژول فونت CSS3 گنجانده شده است و از آن زمان در Safari 3.1، Opera 10 و Mozilla Firefox 3.5 اجرا شده است. پس از آن علاقه به تايپوگرافي وب و همچنين استفاده از دانلود فونت افزايش يافته است .

بيشتر طرح هاي سايت شامل فضاي منفي براي شكستن متن به پاراگراف ها و همچنين جلوگيري از متن محور مركزي است. [12]

نقاشي متحرك

طرح بندي صفحه و رابط كاربري نيز ممكن است توسط استفاده از گرافيك حركت تحت تاثير قرار گيرد. انتخاب استفاده يا عدم استفاده از گرافيك حركت ممكن است به بازار هدف براي وب سايت وابسته باشد. گرافيك حركت ممكن است انتظار يا حداقل با يك وب سايت سرگرمي گرا باشد. با اين حال، يك وب سايت هدفمند با علاقه ي جدي يا رسمي (مانند كسب و كار، جامعه يا دولت) ممكن است انيميشن ها را غيرفعال و منحرف كند، فقط براي اهداف سرگرمي يا تزئينات. اين بدان معني نيست كه محتواي جدي تر با ارائه هاي متحرك يا ويدئويي كه مربوط به محتوا است، نمي تواند افزايش يابد. در هر صورت، طراحي گرافيك حركت ممكن است بين تصاوير مؤثرتر يا تصاوير منحرف كننده ايجاد شود.

گرافيك حركتي كه توسط بازديد كننده سايت آغاز نمي شود مي تواند مسائل مربوط به دسترسي را ايجاد كند. استانداردهاي دسترسي كنسرسيوم جهاني وب نياز به بازديدكنندگان سايت دارند تا انيميشن ها را غيرفعال كنند. [13]

كيفيت كد

طراحان وب سايت ممكن است آن را به عنوان يك عمل خوب براي مطابقت با استانداردها در نظر بگيرند. اين معمولا از طريق يك توضيح مشخص مي شود كه چه عنصر انجام مي دهد. عدم مطابقت با استانداردها ممكن است يك وبسايت را غير قابل استفاده يا خطا نداشته باشد، اما استانداردها مي توانند به صورت صحيح صفحات براي قابليت خواندن و همچنين اطمينان از اينكه عناصر كدگذاري مناسب هستند، مرتبط است. اين شامل اشتباهات در كد، طرح سازماندهي بيشتر براي كد و اطمينان از اينكه شناسه ها و كلاس ها به درستي شناسايي شده اند. صفحات ضعيف شده گاهي اوقات به طور صريح به نام برچسب سوپ شناخته مي شوند . اعتبار از طريق W3C [7]مي تواند تنها زماني انجام شود كه يك اعلاميه درست DOCTYPE ساخته شده باشد، كه براي برجسته سازي اشتباهات در كد استفاده مي شود. اين سيستم خطاهاي و حوزه هايي را كه با استانداردهاي طراحي وب مطابقت ندارند شناسايي مي كند. سپس اين اطلاعات مي تواند توسط كاربر اصلاح شود. [14]

محتواي توليد شده

دو راه وجود دارد كه وب سايت ها توليد مي شوند: به صورت ايستا يا پويا.

وب سايت هاي استاتيك

يك وب سايت استاتيك يك فايل منحصر به فرد براي هر صفحه وب سايت استاتيك دارد. هر بار كه صفحه درخواست مي شود، همان محتوا بازگردانده مي شود. اين محتوا يكبار در طول طراحي وب سايت ايجاد مي شود. معمولا به صورت دستي نوشته مي شود، هرچند برخي از سايت ها از يك فرآيند ايجاد خودكار استفاده مي كنند، شبيه يك وب سايت پويا است كه نتايج آن به عنوان صفحات تكميل شده دراز مدت ذخيره مي شود. اين سايت هاي استاتيك به صورت خودكار ايجاد شده در سال 2015 محبوب تر شد، با ژنراتورهايي مانند Jekyll و Adobe Muse . [15]

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

تقريبا تمام وبسايت ها داراي محتواي استاتيك هستند، زيرا دارايي هاي پشتيبان مانند تصاوير و ورق هاي سبك معمولا سكوي ايستا هستند حتي در يك وب سايت با صفحات بسيار پويا.

وب سايت هاي پويا

وب سايت هاي پويا بر روي پرواز توليد مي شوند و از تكنولوژي سرور جهت توليد صفحات وب استفاده مي كنند. آنها معمولا محتواي خود را از يك يا چند پايگاه داده پشتي خارج مي كنند: بعضي از آنها عبارتند از پايگاه داده هاي پرس و جو در يك پايگاه داده هاي ارتباطي براي پرس و جوي كاتالوگ يا خلاصه اطلاعات عددي، ديگران ممكن است از پايگاه داده سند مانند MongoDB يا NoSQL براي ذخيره واحد هاي بزرگتر از محتوا، مانند پست هاي وبلاگ يا مقالات ويكي.

در فرايند طراحي، صفحات پويا اغلب با استفاده از صفحات استاتيك فريب داده مي شوند و يا سيم كشي مي شوند . مهارت هاي لازم براي توسعه صفحات وب پويا بسيار گسترده تر از صفحات استاتيك است كه شامل برنامه نويسي سرور و پايگاه داده و طراحي رابط كاربري مشتري مي شود. حتي پروژه هاي پوياي متوسط ​​نيز تقريبا هميشه يك تلاش تيمي است.

هنگامي كه صفحات وب پويا براي اولين بار توسعه يافتند، به طور معمول آنها به طور مستقيم به زبان هايي مانند Perl ، PHP يا ASP كد گذاري مي شوند بعضي از اينها، به ويژه PHP و ASP، از يك رويكرد «الگو» استفاده مي كنند كه در آن صفحه سمت سرور شبيه ساختار صفحه سمت چپ تكميل شده بود و داده ها به مكان هايي تعريف شده توسط «تگ ها» وارد شدند. اين وسيله پيشرفته تر از برنامه نويسي در يك زبان برنامه نويسي صرفا از قبيل پرل بود.

هر دو روش در حال حاضر براي بسياري از وبسايتها با استفاده از ابزارهاي متمركز بر نرم افزار مانند سيستم هاي مديريت محتوا جايگزين شده است اين ها در بالاي سيستم عامل هاي عمومي برنامه نويسي ايجاد مي شوند و فرض مي كنند كه يك وب سايت براي ارائه مطالب با توجه به يكي از چندين مدل به خوبي شناخته شده مانند وبلاگ زمانبندي شده ، مجله موضوعي يا سايت خبري، ويكي يا انجمن كاربر وجود دارد. اين ابزار اجراي اين سايت را بسيار آسان مي كند و يك كار كاملا مبتني بر طراحي و سازماني بدون نياز به برنامه نويسي است.

ويرايش محتواي خود (و همچنين صفحه قالب) را مي توان با استفاده از سايت خود و با استفاده از نرم افزار شخص ثالث انجام داد. توانايي ويرايش تمام صفحات تنها به يك دسته خاص از كاربران (به عنوان مثال، مديران يا كاربران ثبت شده) ارائه مي شود. در برخي موارد، كاربران ناشناس مجاز به ويرايش برخي از محتواي وب هستند، كه كمتر رايج هستند (براي مثال در انجمن ها - اضافه كردن پيام ها). يك نمونه از يك سايت با تغيير ناشناس، ويكي پديا است .

طراحي صفحه اصلي

كارشناسان قابليت استفاده، از جمله Jakob Nielsen و Kyle Soucy، اغلب تاكيد كرده اند طراحي صفحه اصلي براي موفقيت وب سايت و تاييد كرده است كه صفحه اصلي مهمترين صفحه در وب سايت است. [16] [17] [18] [19] با اين حال تمرينكنندگان در دهه 2000 شروع
ادامه مطلب

امتیاز:
بازدید:
برچسب: ،
موضوع:
[ ۶ تير ۱۳۹۸ ] [ ۰۵:۵۹:۰۳ ] [ ليلادانش ]


باز كردن مدل جعبه
در اين درس 4
HTML
ابزارهاي برنامه نويسي
CSS
نمايش عناصر
مدل جعبه
اشتراك گذاري
به اشتراك گذاشتن در توييتر

در فيسبوك به اشتراك بگذاريد

به اشتراك گذاشتن در + Google

پيشنهاد محدود: دريافت 10 عكس رايگان Adobe Stock.
تبليغات از طريق كربن
ما خودمان را با HTML و CSS آشنا كرده ايم؛ ما مي دانيم كه چه چيزي شبيه به آنها است و چگونه مي توان برخي از اصول را انجام داد. حالا ما قصد داريم كمي عميق تر نگاه كنيم و دقيقا همانطور كه عناصر بر روي يك صفحه نمايش داده مي شوند و چگونگي اندازه آنها بررسي مي شود.

در اين فرآيند ما خواهيم گفت كه چه چيزي به عنوان مدل جعبه شناخته شده است و چگونه با HTML و CSS كار مي كند. ما همچنين به چند ويژگي جديد CSS نگاه خواهيم كرد و برخي از مقادير طولاني كه در درس 3 پوشش داده شده استفاده مي كنيم. اجازه دهيد شروع كنيم.

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

نمايش دادن
دقيقا همانطور كه عناصر نمايش داده مي شوند، به عنوان عناصر سطح بلوك، عناصر درون خطي يا چيزي ديگر، توسط ويژگي نمايش نمايش داده مي شود. هر عنصر displayارزش پيش فرض را دارد با اين حال، همانطور كه با تمام مقادير ديگر اموال، اين مقدار ممكن است رونويسي شود. كاملا چند ارزش براي وجود displayاموال، اما شايع ترين ها هستند block، inline، inline-block، و none.

ما مي توانيم displayمقدار ملك عنصر را با انتخاب اين عنصر در CSS و اعلام displayارزش جديدي تغيير دهيم . يك مقدار از blockاين عنصر را يك عنصر سطح بلوك ايجاد مي كند.

1


ادامه مطلب
امتیاز:
بازدید:
برچسب: ،
موضوع:
[ ۲۹ دى ۱۳۹۷ ] [ ۰۹:۲۰:۰۴ ] [ ليلادانش ]

Jan 15، 2019 3 comments چگونه بهبود عملكرد وب سايت مي تواند به صرفه جويي در سياره 13 دقيقه خواندن عملكرد، نظر ستون به اشتراك گذاشتن در توييتر و يا LinkedIn Smashing خبرنامه ارتقا صندوق پستي خود را دريافت و ويرايشگرهاي ما را دو بار در ماه. ايميل شما اشتراك → كسب مدرك كارشناسي ارشد خود را آنلاين تغييرات اقليمي ممكن است به نظر نرسد كه بايد به توسعه دهندگان وب مربوط باشد، اما حقيقت اين است كه كار ما يك اثر كربن دارد و اين زماني است كه ما در مورد آن فكر مي كنيم. ممكن است در مورد آن اغلب فكر نكنيد، اما اينترنت از مقدار زيادي انرژي استفاده مي كند. اين برق بايد در جايي توليد شود. در بيشتر كشورها اين به معني سوزاندن سوخت هاي فسيلي است. اين به نوبه خود به اين معني است كه رد پاي كربن اينترنت تا جايي كه ممكن است سفر

 

طراحي سايت


ادامه مطلب
امتیاز:
بازدید:
برچسب: طراحي سايت،
موضوع:
[ ۲۶ دى ۱۳۹۷ ] [ ۱۰:۳۷:۰۵ ] [ ليلادانش ]

Web site owners and online traders try to connect with the target audience and increase the site's performance, as usual. They make their website mobile-friendly and try to make the design look eye-catching in detail (even in the design of the 404 error page).

What is all this mumble for? Probably for the customer. More customer, more abundant problems! So let's explore the elements of the design of the site, which are the sure ways to hurt and eventually get rid of the customer.

 It seems that this effect will affect these design features on many websites. So it's best to make sure that your design does not fall into these cases.

 Let's go to the world of bad design and art to annoy the audience and take a look at these few examples. It may not be enough to use only one of these elements to harass the audience. So combine several elements together for better effect.

Annoying elements in site design

website design

 


ادامه مطلب
امتیاز:
بازدید:
برچسب: طراحي سايت، web design،
موضوع:
[ ۲۲ دى ۱۳۹۷ ] [ ۰۹:۱۴:۳۰ ] [ ليلادانش ]

فن آوري
13.03.15
طراحي پاسخگوي پاسخگو در صنايع وب طراحي شده است از زماني كه اتان ماركوت نخستين واژه را طراحي كرد. به عنوان طراحان و طراحان ديگر نمي توانيم فرض كنيم شخصي كه در وب سايت ما بازديد مي كند از يك لپ تاپ يا دسكتاپ استفاده كند. به احتمال زياد آنها از تلفن هوشمند خود براي خواندن اخبار يا انتقال پول در حالي كه در اتوبوس هستند استفاده مي كنند. اخيرا اپل ساعت هوشمند خود را در بازار به بازار عرضه كرد، كه مي تواند آنها را به جريان اصلي تبديل كند. اين به اين معني است كه ما بايد وبسايتهايي را ايجاد كنيم كه در همه انواع دستگاهها خوب ظاهر شوند، نه اينكه آنها را به دستگاههاي خاصي تقسيم كنيم.

بسياري از چيزهايي كه هنگام ساخت وب سايت هاي پاسخگو مهم هستند اهميت دارد، اما من فقط در مورد سه اينجا صحبت خواهم كرد.

اولين ام است طراحي وب پاسخگو به اين معني است كه ما هيچ كدام از مقادير پيكسل در كد ما استفاده نمي كنيم. همه چيز بر اساس درصد يا ام است. An EM يك واحد چاپي نسبي از اندازه گيري است. بر خلاف پيكسل هايي كه مطلق هستند، ems نسبت به اندازه فونت والدين آنهاست. به عنوان مثال، اگر اندازه فونت تگ به 16 پيكسل برسد، يك برچسب در آن با اندازه فونت 1em برابر با 16 پيكسل است. اگر اندازه فونت تگ به 20px تغيير كند، مقدار 1em در برچسب برابر با 20px است.

براي محاسبه مقدار em براي يك واحد فرمول target / context = result است. بنابراين اگر شما مي خواهيد اندازه فونت خود را 24

پيكسل داشته باشيد اين به نظر مي رسد (فرض كنيد فونت پايه 16 پيكسل است):

 


ادامه مطلب
امتیاز:
بازدید:
[ ۱۱ دى ۱۳۹۷ ] [ ۱۱:۲۹:۲۳ ] [ ليلادانش ]

Most website designers follow a similar trend in content. The customer (you) offers content, then the company (us) creates the website. It is more logical to work in this way. We build the site based on what you provide.
In this sense, you will need to submit your content to your website designer, which is usually in the form of a document, at any time during this process. There are actually more sophisticated (in fact, more complex) ways to collect content, but most of the time, these methods do not just غير مجاز مي باشدt you time or energy. Learning a new system is a problem. People usually choose the option they already know. Most of the time, it's Microsoft Word.

How to prepare your content document?
Content on site design
Here are some tips to look out for before posting!
1. Make sure the final version is complete.
Nothing will postpone the work process as much as major changes to the site. Small manipulation here and there is not a problem, but the construction of new pages or the displacement of the full part of the time we spend for you. Applying great changes to a simple Word document. Making big changes to the website is time-consuming. Much time on Finalize your content before posting to prevent further inertia in the process.


ادامه مطلب
امتیاز:
بازدید:
برچسب: طراحي سايت، web design،
موضوع:
[ ۸ دى ۱۳۹۷ ] [ ۱۰:۳۱:۲۹ ] [ ليلادانش ]

بحث در مورد مددكاري در ميان جامعه طراحان مخصوصان ميان برنامه نويس ها و طراحي سايت بسيار بيشتر است. يك مربي، يك مشاور قابل اعتماد است كه به راحتي در اختيار پشتيباني و مشاوره قرار مي گيرد كه براي فرد متقاعد كننده مناسب است.

يك مربي ميتواند در زندگي و حرفه ي خود به شدت سودمند باشد. در اين پست، ما قصد داريم درباره چند نكته مختلف در مورد نحوه ايجاد يك مربي خوب و چگونگي پيدا كردن آن نيز صحبت كنيم.

انتظارات روشن را تنظيم كنيد
درست مثل هر گونه آرايش ديگر، بهتر است اگر شما و همسرتان نشستن و انتظار براي رابطه برقرار كنيد. چه كسي از روابط خارج مي شود و چه چيزي مي خواهيد؟ چه چيزي را مي توانيد به آرايش برسانيد و چه چيزي مي تواند باشد؟

اين همچنين به تنظيم قوانين روشن براي تعامل شما كمك مي كند. اگر فقط مي توانيد در طول ناهار با آنها ملاقات كنيد، براي آنها روشن شود. اگر شما آنها را از طريق پيام كوتاه و ارسال ايميل به شما آزادانه نگذاريد، به جلو برويد و به آنها اطلاع دهيد و اطلاعات تماس خود را به آنها بدهيد. انتظارات شفاف، مربيگري را موفق تر خواهد ساخت.

در سرمايه گذار خود سرمايه گذاري كنيد
يك رابطه مربي بايد يك شخص شخصي باشد. شما بايد در سطح عميق خود را درك كنيد تا بهتر آنها را راهنمايي كنيد. براي اينكه يك مربي فوق العاده باشد، كسي كه تأثير قابل توجهي روي شخص ديگري داشته باشد، شما بايد علاقه واقعي خود را در مورد خود داشته باشيد. شما لازم نيست كه بهترين دوست خود باشيد، اما شما بايد آنها را به اندازه كافي بدانيد. اين به اين معني است كه شما در هدايت و راهنمايي آنها موثرتر عمل مي كنيد.

يك راه براي شناختن كسي از طريق گوش دادن فعال است. اين به شما اين امكان را مي دهد كه آنها را بهتر درك كنيد، آنها عميق تر

بحث در مورد مددكاري در ميان جامعه طراحان مخصوصان ميان برنامه نويس ها و طراحي سايت بسيار بيشتر است. يك مربي، يك مشاور قابل اعتماد است كه به راحتي در اختيار پشتيباني و مشاوره قرار مي گيرد كه براي فرد متقاعد كننده مناسب است.

يك مربي ميتواند در زندگي و حرفه ي خود به شدت سودمند باشد. در اين پست، ما قصد داريم درباره چند نكته مختلف در مورد نحوه ايجاد يك مربي خوب و چگونگي پيدا كردن آن نيز صحبت كنيم.

انتظارات روشن را تنظيم كنيد
درست مثل هر گونه آرايش ديگر، بهتر است اگر شما و همسرتان نشستن و انتظار براي رابطه برقرار كنيد. چه كسي از روابط خارج مي شود و چه چيزي مي خواهيد؟ چه چيزي را مي توانيد به آرايش برسانيد و چه چيزي مي تواند باشد؟

اين همچنين به تنظيم قوانين روشن براي تعامل شما كمك مي كند. اگر فقط مي توانيد در طول ناهار با آنها ملاقات كنيد، براي آنها روشن شود. اگر شما آنها را از طريق پيام كوتاه و ارسال ايميل به شما آزادانه نگذاريد، به جلو برويد و به آنها اطلاع دهيد و اطلاعات تماس خود را به آنها بدهيد. انتظارات شفاف، مربيگري را موفق تر خواهد ساخت.

در سرمايه گذار خود سرمايه گذاري كنيد
يك رابطه مربي بايد يك شخص شخصي باشد. شما بايد در سطح عميق خود را درك كنيد تا بهتر آنها را راهنمايي كنيد. براي اينكه يك مربي فوق العاده باشد، كسي كه تأثير قابل توجهي روي شخص ديگري داشته باشد، شما بايد علاقه واقعي خود را در مورد خود داشته باشيد. شما لازم نيست كه بهترين دوست خود باشيد، اما شما بايد آنها را به اندازه كافي بدانيد. اين به اين معني است كه شما در هدايت و راهنمايي آنها موثرتر عمل مي كنيد.

يك راه براي شناختن كسي از طريق گوش دادن فعال است. اين به شما اين امكان را مي دهد كه آنها را بهتر درك كنيد، 


ادامه مطلب
امتیاز:
بازدید:
برچسب: طراحي سايت،
موضوع:
[ ۵ دى ۱۳۹۷ ] [ ۰۱:۳۰:۲۸ ] [ ليلادانش ]

فروشگاه اينترنتي چيست :

اول بزاريد توضيح مختصري در رابطه با دامنه توضيحات اين مقاله بدهم و بعد بپردازيم به موضوع اصلي اين مقاله : ما در اين مقاله بيشتر قصد داريم شما را با اصطلاحات اصلي فروشگاه اينترنتي و نكات جالب فروشگاه هاي اينترنتي اشنا كنيم و در كل به مباحث جذاب در رابطه با فروشگاه هاي اينترنتي در ايران بپردازيم ، و سعي ميكنيم به واژه هايي كه اصولا همه ميدانند مثل فروشگاه چيست ؟ يا فروشگاه اينترنتي چيست ؟ خيلي مختصر اشاره كنيم ، چرا كه اين اصطلاحات رو همه ميدانند و توضيحات اضافي در رابطه با آنها اين مقاله بسيار جذاب را كسل كننده خواهد كرد .
اشاره ي مختصري به مهم ترين واژه هاي حوزه فروشگاه هاي اينترنتي ميكنيم و بعد مي پردازيم به مباحث جذاب پايانه هاي مجازي :

اصطلاحات پايه فروشگاه هاي اينترنتي :
در اين بخش از مقاله فروشگاه اينترنتي ، قصد داريم شما را با يك سري واژه هاي پايه در خصوص فروشگاه اينترنتي آشنا كنيم :

فروشگاه چيست ؟ : به طور خلاصه به مكاني كه مجموعه اي از اجناس را براي فروش دارد فروشگاه مي گوييم .

فروشگاه اينترنتي چيست ؟ : فروشگاه اينترنتي يا Online Shop فروشگاه هايي هستند كه در اينترنت و دنياي مجازي وجود دارند ، به


ادامه مطلب
امتیاز:
بازدید:
[ ۳ دى ۱۳۹۷ ] [ ۰۲:۳۴:۱۸ ] [ ليلادانش ]

 

طراحي وب سايت چيست ؟

 

با رشد روز افزون استفاده از اينترنت و دنياي مجازي مي توان گفت كه اينترنت يكي از اعضاي خانواده براي كاربران او شده است . ولي براي بهره مند شدن از فوايد اين دنياي مجازي نياز به توليد سايت و طراحي وب سايت است .در اين مقاله قصد دارم تعريفي كامل از يك وب سايت را ارائه دهم اميد وارم براي هواداران طراحي وب سايت مفيد و مورد تاييد واقع شود.

 

تعريف وب سايت

وب سايت مكاني از اينترنت است كه صفحه يا تعدادي از صفحات را در خود براي هدفي خاص نگهداري مي كند ، در واقع اين مكان مجموعه اي از صفحات است كه براي هدفي خاص ايجاد شده است.

 

طراحي وب سايت

به روال برنامه ريزي براي ايجاد يك سايت در فضاي مجازي اينترنت كه با ساختار كلي و جزئي ارائه مي شود طراحي وب سايت گويند. اين برنامه ريزي بر روي تمامي تصاوير ،متون ، فايل هاي صوتي و تصويري و المانهاي خاص كه برنامه نويسي شده اند اعمال مي شود تا در نهايت تمام اينها بر روي صفحه اي كه قابل روئيت در مرورگر باشد اعمال مي شود و در فرمت بندي خاصي در طراحي وب سايت بر روي آن صفحه قرار مي گيرند.

 

توضيحاتي جامع در مورد طراحي وب سايت

براي اينكه اين صفحات قابل مشاهده در بيشتر مرورگرها باشند طراحي سايت را افراد طراح و برنامه نويسان از زبان هاي نشانه اي براي ايجاد يك ساختار اكثرا از زبان html (كه امروزه html5 قدرت بالايي را به اين زبان برنامه نويسي ارائه كرده است) و هم چنين براي نمايش بهتر بعد از طراحي وب سايت از زبان css (كه زبان css3 در حال حاضر قدرت آن را افزايش داده است به طوري كه مي توان بدون نرم افزارهاي گرافيكي نيز به طراحي وب سايت پرداخت ) استفاده مي كنند . براي طراحي وب سايت از زبان هاي برنامه نويسي ديگر نظير java، پي اچ پي ، اي اس پي دات نت، پرل و … نيز مي توان استفاده كرد.

 

پروسه طراحي وب سايت

در حالت كلي براي طراحي وب سايت مي توان اين اصول را به كار برد:

مفهوم سازي

طرح ريزي

تحقيق قبل از ايجاد وب سايت

تحقيق كلي

تبليغات

 

مديريت فايلهاي چند رسانه اي كه در سايت وجود خواهند داشت ، مديريت مطالب و محتواي سايت و هم چنين فايل هاي تصويري و صوتي موجود در آن را مي توان توسط يك طراح ، يا گروهي از طراحان با وظيفه اي مشخص مديريت نمود.

 

مطالبي جامع در مورد صفحه اصلي

يك وب سايت مي تواند شامل صفحه اصلي كه اكثرا به اين صفحه ، خانه (HOME) و هم چنين مي تواند شامل صفحات و بخش هاي ديگر باشد كه هر يك از آنها براي اهداف خاصي در زمان طراحي وب سايت ايجاد شده اند. ولي صفحه اصلي يا خانه سايت مهم ترين قسمت يك وب سايت است و در مورد اهداف اصلي وب سايت و هم چنين تمام بروزرساني هايي كه در وب سايت انجام مي شود را براي كاربران ارائه مي كند. و تمام صفحات ديگر وب سايت از طريق همين صفحه اصلي شناخته مي شوند . بدين صورت كه لينكي از صفحه اصلي به آنها اختصاص داده شده است كه كاربر با كليك بر روي آن مي تواند بخش هاي مورد علاقه و نياز خود را ببيند.در واقع صفحه خانه را مي توان مادر تمام صفحات وب شناخت.

 

 


ادامه مطلب
امتیاز:
بازدید:
[ ۲۱ شهريور ۱۳۹۷ ] [ ۰۳:۰۶:۳۹ ] [ ليلادانش ]

طراحي سايت و تعريف وب سايت

طراحي سايت اينترنتي يك وب سايت معمولا شامل تعداد زيادي فايل است كه در تعدادي پرونده مرتب شده اند، به همان صورت كه شما فايل هايتان را در پرونده ها مختلفي روي كامپيوترتان مرتب مي كنيد. صفحه اصلي يك سايت معمولا index.htm يا index.html يا default.html نام دارد. وقتي كه يك آدرس وب (يا اسم دامنه) را در مرور گرتان تايپ مي كنيد (مثلا www.....com )، برنامه مرورگر به سراغ اكانت ميزباني اي مي رود كه اين اسم دامنه به آن اشاره مي كند، و به دنبال يكي از اين فايل هاي اصلي مي گردد. فرضا اگر فايلي به نام index.html را در آن وب سايت پيدا كند، اين فايل( يا صفحه) را به صورت خودكار در مرور گر شما نمايش خواهد داد.

الف – مراحل راه اندازي وب سايت

1.انتخاب نام مناسب براي سايت

2. ثبت دامنه (نام سايت) در شبكه جهاني اينترنت

3.طراحي نرم افزار و گرافيك سايت

4. خريد فضا ( هاست)

5.قراردادن نرم افزار سايت طراحي شده بر روي فضاي خريداري شده و افتتاح سايت

 

ب – فناوريهاي مورد استفاده در طراحي سايت

زير ساختهاي نرم افزاري پروژه هاي طراحي سايت بر اساس Microsoft .NET Framework است. استفاده از فناوري دات نت با انعطاف پذيري، قابليت اطمينان ، نوآوري و امنيت مثال زدني خود قابليت هاي بسياري را براي ما به ارمغان مي‏آورد، كه از جمله آن قابليت مديريت كدهاي توليد شده، پشتيباني از شي گرايي و سازگاري با متدولوژي انتخابي پروژه، وابسته نبودن به يك زبان خاص، درعين بهره مندي از #C كه زباني مدرن و كاملا شي گرا است.ضمن آنكه بسترها و زيرساختهاي نرم افزاري انتخاب دات نت به عنوان بستر اصلي اجراي پروژه ، امكان استفاده از فناوري هاي جانبي ديگري كه سازگار با Windows هستند را فراهم خواهد كرد.چندلايه بودن نرم افزارهاي توليدي موجب تسهيل شرايط ارتقاي وبسايت طراحي شده در آينده خواهد بود.ضمن آنكه هزينه هاي reworking (دوباره كاري) را به هنگام توسعه پروژه حذف خواهد نمود.

 

ج – ملاحظات امنيتي در نظر گرفته شده براي طراحي سايت چيست ؟

كاربران در ابتداي ورود به سايت اعتبارسنجي مي شوند و پس از ورود به سايت جهت دسترسي به بخشهاي مختلف با توجه به سطح دسترسي كه دارند هدايت ميگردند. » تدابير اتخاذ شده در طراحي سايت براي جلوگيري از هرگونه دسترسي غيرمجاز كه ممكن است منجر به دستكاري، خرابكاري يا سرقت اطلاعات شود؛ در سه دسته زير قرار ميگيرند:

1- تدابيري جهت جلوگيري از ورود خرابكاران به
بانكهاي اطلاعاتي و پنلهاي مديريتي يا تلاش براي بدست آوردن گذرواژه » كليه گذرواژه ها بصورت رمز شده با يك الگورتيم مناسب در بانك اطلاعاتي نگهداري مي شوند. (يك طرفه يا دو طرفه)

2- تدابيري جهت جلوگيري براي تزريق دستور به كارگزار بانك اطلاعاتي. شامل : » ممانعت از ارسال دستورات SQL از طريق مبادي ورودي اطلاعات » ممانعت از ارسال دستورات SQL از طريق پارامترهاي GET 3- تدابيري جهت جلوگيري از سرقت اطلاعات در هنگام نقل و انتفال در شبكه در صورت لزوم شامل :

» هنگام ورود كاربر به صفحه ورود به سايت يك مسير و باند حفاظت شده بوسيله SSL بين رايانه كاربر و كارگزار ايجاد مي شود كه كليه نقل و انتقال اطلاعات از اين مسير حفاظت شده بين اين دو رايانه رد و بدل خواهد شد و اين تكنيك دسترسي به اطلاعات ارسالي و دريافتي را براي كساني كه استراق سمع مي كنند را ناممكن خواهد كرد.

د – ويژگيهاي عمومي در نظر گرفته شده براي طراحي سايت چگونه است ؟

1- وب سايت منطبق با فن آوري موتورهاي جستجو به ويژه Google طراحي خواهد شد.

2- در طراحي سايت حداكثر كارايي با بهره گيري از فناوري هاي عرضه شده بوسيله شركت مايكروسافت براي عملكردهاي وب سايت از ديد كاربر در نظر گرفته خواهد شد.

به عنوان مثال زمان لود صفحات به طور متوسط و در شرايط معمول ارتباطي با يك خط 56 كيلوبايتي 20 ثانيه خواهد بود.
3- دسترسي آسان و دقيق كاربر به اطلاعات در طراحي گرافيكي صفحات الويت خواهدداشت.تامين نظر كارفرما در طراحي گرافيكي از A تا Z در اولويت خواهد بود.

4- سرعت و سهولت در به روز رساني و سهولت توسعه در طراحي سايت در آينده در نظر گرفته خواهد شد.

5- ملاحظات حفاظتي و امنيتي در توليد بسترهاي نرم افزاري و طراحي سايت در نظر گرفته خواهد شد.

6- استفاده بهينه از منابع سخت افزاري در ساخت نرم افزارها در نظر گرفته خواهد شد.

7- امكانات عمومي مانند : آمار بازديدكنندگان ، نقشه سايت، فرم نظرخواهي، افزودن به آدرس هاي برگزيده، ارسال صفحه به دوستان، خروجي چاپ و RSS نيز در صورت لزوم به امكانات سايت افزوده خواهد شد.

 

چند نكته كه مديريت وب سايت و طراح وب سايت بايد بداند :

1- موتور جستوجوي انعطاف ناپذير: بسياري از موتورهاي جستو جو كاربر را ملزم به ورود پارامترهاي زيادي مي كنند.

2- متن زياد: معمولا سايت هاي حاوي متن هاي حجيم , خسته كننده هستند.

3- اندازه فونت ها و متون: به خصوص افرادي بالاي ۴۰ سال با حروف نازك يا كوچك مشكل دارند و بايد ترتيبي اتحاذ شود تا از طريق مرورگر امكان تغيير اندازه فونت ها فراهم شود.

4- رابط گراافيكي (GUI) برداشت غير استاندارد: برداشت كاربر از عناصر و اشياي موجود در برنامه ها تثبيت شده.

5- ضعف آرشيو: در اغلب مواقع اطلاعات قديمي هم مورد استفاده كاربران قرار ميگيرد.

6- انيميشن و متون متحرك: تمركز بازديد كنندگان از سايت را بر هم مي زند.

7- پيوند به سايت هاي ديگر: به دليل فلسفه و ساختار متفاوت طراحي در سايتهاي مختلف , نبايد تعداد پيوندهاي خارج از سايت زياد باشد.

 

اصطلاحات وب سايت :

HTML

زمانيكه شما داخل صفحات يك وب سايت مي گرديد اجزاي گوناگوني را مي بينيد كه تمام آنها در يك چيز مشترك هستند و آن زبان يا كدي است كه آنها را توليد مي كند كه اين زبان HyperText Markup Language يا همان HTML مي باشد.
عكسهابافرمت gif

بيشترين استفاده را در وب دارند و محبوبترين نوع عكس است. اين نوع فرمت 256 رنگ را پشتيباني ميكند و از ويژگيهاي ديگر آن animation, transparency, interlacing است . البته محبوبيت آن بيشتر براي حجم كم آن است.
استاندارد W3C چيست؟

W3C يا كنسرسيوم شبكه جان گستر وب، مجمعي متشكل از 400 شركت و سازمان است كه در مورد استاندارد ها و فناوري هاي وب، تشريك مساعي دارند.

استاندارد W3C، از سوي سازمان W3C به صفحاتي داده ميشود كه قوانين مشخصي را رعايت كنند. با رعايت اين ضوابط، اينگونه صفحات در اكثر بروزر هاي معمول دنيا قابل خواندن، بدون مشكل خواهند بود.
فرمتهاي فايلهاي صوتي:

WAV يكي از فرمتهاي صوتي كه كيفيت بالايي هم دارد و البته حجم زيادي هم اشغال مي كند و در سيستم عامل ويندوز بكار مي رود. نوع MIME اين فرمت برابر است با audio/wav .

AU اين فرمت متعلق به سيستمهاي عامل UNIX, Linux است و خاصيت آن داشتن حجم كم و البته با كيفيت پايين تر، كه نوع MIME اين فرمت برابر است با audio/basic .

AIFF اين فرمت هم متعلق به كامپيوترهاي Macintosh است با كيفيت بالا و حجم بسيار بالا. نوع MIME آن برابر است با audio/aiff .

MIDI اين فرمت با فرمتهاي ديگر صوتي تفاوتهايي دارد. در اين فرمت بجاي ذخيره شدن فركانس صدا، آهنگ صدا يا همان نت هاي موسيقي را ذخيره و پخش مي كند. بزرگترين مزيت آن حجم بسيار پايين و عيب آن، پخش آهنگ بدون گفتار است. نوع MIME اين فرمت audio/midi است.

كارهايي كه در طراحي وب سايت بايد از آن خودداري كنيد
استفاده از تصاوير گرافيكي با حجم زياد
استفاده از تصاوير گرافيكي با حجم فوق العاده كم و تعداد بالا
استفده از تعداد زيادي فايلهاي فلش انيميشن
برچسبهاي چشمك زن و مانند آن
نشانه ها و لينكهايي در سايت كه به آنچه وجود ندارد و در حال ساخت است اشاره مي كند.
انتخاب رنگ نا مناسب
اشكالات املايي و دستوري
متنهاي خيلي كوتاه
متنهاي خيلي بلند
صداهايي كه به طور اتوماتيك در هنگام ورود بازديدكننده به صورت خودكار اجرا مي شوند
لينكهاي شكسته (لينكهايي كه به هيچ صفحه عكس يا فايلي ختم نمي شوند. )
فضاهاي خالي خيلي زياد بين قسمتهاي مختلف
فضاهاي خالي خيلي كوچك بين قسمتهاي مختلف
استفاده از اختصارات بي مورد در جمله مثلاً u براي you.
فريمهايي كه به طور افقي يك تكه از صفحه را اشغال مي كنند.
يك صفحه طولاني بدون پاراگرافهاي لازم
تعداد زيادي banner هاي تبليغاتي
سرعت پايين هاست يا (ميزبان وب شما ) يا صفحه طولاني و حجيم

 

 


ادامه مطلب
امتیاز:
بازدید:
[ ۱۸ شهريور ۱۳۹۷ ] [ ۰۳:۵۵:۰۸ ] [ ليلادانش ]
[ ۱ ][ ۲ ]
.: Weblog Themes By azadblog :.

درباره وبلاگ

موضوعات وب
موضوعي ثبت نشده است
امکانات وب