همه چیز درباره طراحی وب

*KhatKhati* · 21/9/20

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

برای ساخت فایوآیکون متحرک کافیست تا فایل gif متحرک آن را در یک برنامه گرافیکی بسازید و در تگ لینک html آن که در بالا ذکر شد به جای پسوند .ico از پسوند gif استفاده نمایید:

<link rel="shortcut icon" href="favicon.gif" type="image/gif"/>

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

*KhatKhati* · 21/9/20

مزیت استفاده از favicon
استفاده از فایوآیکون در کنار نام دامنه شما در آدرس بار می تواند:

1 - موجب زیبایی وب سایت شما برای کاربر گردد . کاربر با دیدن لوگو یا آرم شما که به صورت فایوآیکون در کنار آدرس وب سایت شما قرار داده شده، سایت شما را بیش از پیش خواهد شناخت و تا حدودی کمک به کسب شهرت و ماندگاری شما در ذهن بازدیدکنندگان خواهد کرد. می توانید برای مثال فایوآیکون وب سایت بلاگفا را به خاطر بیاورید که با هر بار وارد شدن به سایت بلاگفا در کنار دامنه سایت در آدرس بار، فایوآیکونش (که همان شکل لوگوی سایت است) نمایش داده می شود و بیشتر کاربران و بازدیدکنندگان بلاگفا آنرا به خاطر می آورند.
2 - چنانچه مایلید تعداد زیادی دامنه و وب سایت مورد دلخواه خود را که روزانه با آنها زیاد کار می کنید ، در قسمت favorite bar مرورگر خود و یا bookmark toolbar مرورگرتان قرار دهید ، اما این دامنه ها و اسامی آنها، زیاد هستند ، می توانید نام آنها را حذف نمایید و تنها به شکل آیکونی آن بسنده کنید که این خود نیز باز به شهرت و شناخته شدن وب سایتی که تنها با نمایش آیکنی لوگو یا آرمش ، در بوکمارک تولبار قرار داده می شود، کمک خواهد کرد ، زیرا سبب افزایش دیداری و به خاطر سپاری آرم یا لوگوی آن وب سایت برای کاربران می باشد.

*KhatKhati* · 21/9/20

طراحی سایت چیست؟
طراحی سایت، به روند برنامه ریزی و ساخت یک سایت گفته می شود. متن، تصاویر، فایل های صوتی و تصویری و المان های برنامه نویسی، توسط طراحی سایت برای تولید صفحه ای قابل رویت در مرورگر، فرمت دهی می شوند. طراحان سایت ها برای ساخت صفحاتی که بتوانند توسط مرورگرها خوانده شوند، از زبان های نشانه ای که اکثرا برای ایجاد ساختار از HTML و برای نمایش از CSS هستند، استفاده می کنند. در دنیای Web 2.0، زبان های برنامه نویسی دیگر نظیر جاوا اسکریپت، Ruby on Rails، PHP، ASP.net و Perl برای ساخت صفحات سایت ها استفاده می شوند تا تعامل کاربر با سایت بوجود آید.

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

*KhatKhati* · 21/9/20

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

*KhatKhati* · 21/9/20

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

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

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

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

*KhatKhati* · 21/9/20

تعریف اینترنت
اینترنت، سیستمی جهانی از شبکه هایی از کامپیوترهای به هم پیوسته است که از پروتکل اینترنتی استانداردی (TCP/IP) برای خدمت رسانی به میلیاردها کاربر در سراسر جهان استفاده می کند. اینترنت، شبکه ای است که از میلیون ها شبکه محلی یا سراسری مخفی، عمومی، دانشگاهی، تجاری، و دولتی تشکیل شده است که توسط تکنولوژی های الکترونیکی، بی سیمی، و نوری به یکدیگر،متصل شده اند. اینترنت، محدوده وسیعی از منابع اطلاعاتی و سرویس ها نظیر صفحات به هم گره خورده اینترنتی در شبکه جهانی وب (World Wide Web یا WWW) و یا ایمیل های الکترونیکی را در خود جای داده است.

اکثر رسانه های قدیمی نظیر تلفن، موزیک، فیلم و تلویزیون، با ظهور و پیشرفت اینترنت، دچار دگرگونی شده اند. یکی از این دگرگونی ها، ظهور و تولد سرویس های ارسال صوت از طریق پروتکل های اینترنتی (VoIP) و IPTV است.

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

منشاء اینترنت، به تحقیقات سالهای 1960 میلادی بر می گردد. دولت ایالات متحده، در تلاش برای ساخت شبکه ای مستحکم و بی عیب از کامپیوترها برای اهداف تجاری مخفی بود. در سال 1980 میلادی، همزمان با بنیان گذاری هیات علمی جهانی در ایالات متحده، و همچنین با راهیابی موسسات و نهادهای خصوصی در این هیات، باعث شد تا از همه جهان، کامپیوترهایی به این شبکه به هم پیوسته بپیوندند و از تکنولوژی آن استفاده کنند. خصوصی سازی این پروژه در سالهای 1990، باعث شد تا شبکه بین المللی حاصله عمومی شود بطوریکه کلیه جنبه های زندگی مدرن انسانها را تحت تاثیر قرار داد. در سال 2009، طبق تخمینی که زده می شد، یک چهارم مردم سراسر دنیا، از اینترنت استفاده می کردند.

اینترنت، هیچگونه مرکزیتی برای مدیریت ندارد، چه در تکنولوژی بکار رفته در آن و چه در سـ*ـیاست هایی که برای دسترسی و استفاده از آن در جهان وضع می شود. هر شبکه ای که به اینترنت متصل می شود، می تواند برای خود، قوانین و مقرارات خاصی را داشته باشد. تنها چیزی که توسط نهادها و ارگانها در دنیا نظارت می شود، تعاریفی از دسترسی برای دو اصل اساسی به نام "فضای نام ها" می باشد که شامل: فضای آدرس پروتکل اینترنتی و سیستم نام دامنه است که مسقیما توسط سازمانی به نام اتحادیه اینترنتی برای تخصیص نام ها و شماره ها (ICANN)، نگهداری می شوند. زیربنای فنی و استاندارد سازی هسته اصلی پروتکل ها (IPv4 و IPv6)، یا IETF، سازمانی غیر در آمدزا می باشد که فعالیت آن توسط داوطلبانی از سراسر دنیا صورت می گیرد و هرکسی می تواند با داشتن مهارتهای فنی خاصی، در آن شرکت نماید.

*KhatKhati* · 21/9/20

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

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

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

*KhatKhati* · 21/9/20

تاریخچه صفحات دینامیک
زمان پیدایش دقیق صفحات دینامیک و استفاده از آنها در سایت ها، بدرستی مشخص نیست چراکه درک دقیق، تنها پس از همه گیر شدن یک پدیده حادث می شود. بعنوان مثال، از HTTP از سال 1990 میلادی تا هم اکنون، استفاده می شود ولی HTML، تنها از سال 1996 بعنوان استانداردی در آمد. استفاده از مرورگرها از سال 1993 بصورت انفجاری در آمد و در آن زمان، Mosaic، بعنوان مرورگری مرسوم، در راس قدرت بود.

آشکار است که مفهوم دینامیک سایت ها، به قبل از ظهور اینترنت و HTML بر می گردد. بعنوان مثال، در سال 1990، پیش از استفاده عمومی مردم از اینترنت، سیستم منوهای دینامیک که از راه دور توسط سروری کنترل می شد، توسط Susan Biddlecomb، از دانشگاه Southern California بکار گرفته شد.

*KhatKhati* · 21/9/20

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

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

*KhatKhati* · 21/9/20

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

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

چنین صفحاتی از تکنولوژی هایی استفاده می کنند که به نامهای پنل کاربری پیشرفته مشهور می باشند. زبانهای اسکریپت نویسی سمت کلاینت، نظیر جاوا اسکریپت و اکشن اسکریپت، به ترتیب برای html دینامیک یا DHTML استفاده می شود و تکنولوژی فلش، استفاده می شوند. آنها همچنین برای روح بخشیدن بیشتر به صفحات، نظیر بخش افکت های صوتی یا انیمیشن، تغییرات متون و غیره، مورد استفاده قرار می گیرند. چنین اسکریپت هایی همچنین می توانند با استفاده از تکنولوژی اسکریپت از راه دور، که تکنولوژی از صفحات DHTML برای درخواست اطلاعات از سمت سرور است، مبادرت به دریافت اطلاعات از سرور نمایند. اینکار معمولا با بهره گیری از Frame های مخفی، XMLHttpRequest ها یا Web Service ها صورت می گیرد.

متون سمت کلاینت، بر روی کامپیوتر کاربر تولید می شود. مرورگر صفحه ای را از سرور می خواند و سپس کدهای درونی آن را تحلیل می کند (اغلب با جاوا اسکریپت نوشته شده اند) و سپس آنها را بر روی صفحه به کاربر نمایش می دهد.

مشخصه innerHTML (یا فرمان نوشتن) می تواند ساخت صفحات دینامیک سمت کلاینت را به تصویر بکشد: دو صفحه جداگانه A و B از سایت می توانند بصورت:

document.innerHTML = A
document.innerHTML = B

یا در هنگام لود دینامیک بصورت بصورت:

document.write(A)
document.write(B)

ساخته شوند.

همچنین ابزارها و محیط هایی برای تبدیل فایلهای HTML به فایلهای جاوا اسکریپت وجود دارد. برای مثال، webJS از مشخصه innerHTML برای رندرینگ صفحات از کدهای html تبدیل شده روی کامپیوتر کاربر استفاده می کند.

اولین نسخه ای از جاوا اسکریپت که بصورت عمومی استفاده شد، به سال 1996 میلادی برمی گردد (همراه با Netscape که نام جاوا اسکریپت در آن زمان، استاندارد ECMAscript بود).

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

چنین صفحاتی غالبا با کمک زبانهای برنامه نویسی نظیر ASP، ColdFusion، Perl، PHP، و دیگر زبانها نوشته می شوند. زبانهای برنامه تحت سرور، غالبا از پوسته ورودی مشترکی به نام CGI، برای تولید صفحات دینامیک استفاده می کنند. دو نمونه از استثناهای بزرگ، ASP.NET، و JSP هستند که از مفهوم CGI، در API های خود استفاده می کنند ولی تمامی درخواست های سرور را درون ماشینی مجازی مشترکی اجرا می کنند.

صفحات دینامیک سمت سرور، همچنین می توانند از تکنولوژی سمت کلاینت نیز برای تولید محتوا استفاده نمایند.

در حالیکه زبانهای برنامه نویسی سمت سرور که تحت ماشینی مجازی اجرا می شوند وهمچنین CGI، برای طراحی و توسعه سایت مناسب می باشند، ولی برخی از وب سرورها همچنین از include تحت سرور (نوعا با پسوندی نظیر .shtml) پشتیبانی می کنند و Jhtml که تکنولوژی جاوا سمت سرور می باشد پیش از ظهور JSP، وجود داشت.

ترکیب کلاینت و سرور
Ajax، تکنولوژی تحت وبی می باشد که برای بروز رسانی دینامیک محتوا با کمک سرور استفاده می شود بدون آنکه صفحه بارگذاری مجدد شود. Google Maps، مثالی از برنامه های تحت وبی می باشد که از تکنولوژی های Ajax و دیتابیس، استفاده می کند.

خوش آمدید به رمان ۹۸ | بهترین انجمن رمان نویسی

ما را در شبکه‌های اجتماعی دنبال کنید

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

مدیر بازنشسته رمان ۹۸

ما را در شبکه‌های اجتماعی دنبال کنید

درباره ما

لینک‌های پیشنهادی رمان ۹۸

آمار آنلاین