طراحی وب به مهارت ساخت و اجرای صفحات وب اشاره دارد.
Tim Berners Le مخترع وب با راه اندازی یک وب سایت در ماه آگوست وب سایت خود را به عنوان اولین خالق وب در تاریخ راه اندازی کرد. وی در اولین وب سایت خود از Abermann و یک لینک ایمیل استفاده کرده بود.
در ابتدا ، وب سایت ها با HTML ساده نوشته شده بودند ، نوعی زبان نشانه گذاری که ساختار ساده ای را به وب سایت ها اعم از هدر و پاراگراف ها و امکان پیوند به آدرس های اینترنتی دیگر از طریق لینک های داده فراهم می کند. در مقایسه با روش های دیگر ، این روشی جدید و متفاوت بود که کاربران می توانند به راحتی صفحات پیوند شده را با یک مرورگر باز کنند.
با ظهور وب و هنر طراحی آن ، زبان رمزگذاری آن ، Oberman یا HTML ، پیچیده تر و انعطاف پذیر تر شد. ابزارهایی مانند جدول هایی که بیشتر برای نمایش نمودارهای داده استفاده می شدند ، به زودی مورد استفاده قرار می گیرند ، برای طرح بندی های پنهان در صفحات وب. با ظهور الگوهای آبشار وب یا "CSS" ، روش طراحی نادرست با جداول پنهان شده در صفحه از چرخ خارج شد و در عوض استفاده صحیح از زبان "CSS" جایگزین شد.
فن آوری های ادغام بانک اطلاعاتی ، مانند زبان های اسکریپت نویسی سمت سرور مانند CGI ، PHP ، ASP. NET ، ASP ، JSP و ColdFusion و همچنین استانداردهای طراحی قالب مدرن (CSS) ، ساختار وب سایت ها را اصلاح و بهبود بخشیده اند. سایت پاسخگو یک سایت پاسخگو است که با ابعاد مختلف دستگاه و وضوح تصویر سازگار است و کاربران بدون توجه به اندازه صفحه نمایش دستگاه خود سازگار هستند.
همچنین با ظهور فناوری های زنده گرافیکی و انیمیشن مانند Flash ، چهره وب را تغییر داده و با توجه به قابلیت های جدید به سازندگان رسانه ها و طراحان وب.
وب سایت یا وب سایت مجموعه ای از پرونده های مختلف اعم از تصاویر ، متون یا اسکریپت ها است که به روش خاصی با هم پیوند دارند. این پرونده ها بر روی رایانه "میزبان" یا "سرور" میزبانی می شوند و با نام دامنه مشترک خوانده می شوند.
انواع سایت
سایتها بر اساس نوع استفاده و نوع برنامه نویسی به چند دسته تقسیم می شوند:
وب سایت استاتیک
این سایت ها به محض داشتن اطلاعات مورد نیاز مجدداً طراحی می شوند و سپس برای تغییر آنها به یک طراح سایت حرفه ای یا نیمه حرفه ای احتیاج دارید. زبان برنامه نویسی این سایت ها اغلب HTML و JavaScript است که از CSS به شکلی توسعه یافته تر استفاده می کند. این نوع وب سایت ها با HTML ساده طراحی شده اند.
به دلیل حجم کمتری از کدهای مورد استفاده در طراحی سایتهای ثابت ، سرعت بارگذاری بالایی دارند. علاوه بر این ، کاهش میزان کدی که باعث می شود ربات های موتور جستجو از یک طرف قابل خواندن تر باشند و از طرف دیگر کاهش زمان بارگیری از طرف دیگر ، رتبه آنها را از نظر رتبه بندی موتورهای جستجو بهبود می بخشد. سایتهای ثابت نسبت به سایر سایتها دارای قیمت طراحی پایین تری هستند.
عدم امکان تغییر این نوع سایت توسط افراد عادی علاوه بر امنیت باعث افزایش گرافیک و ظاهر زیبا می شود زیرا همه چیز از جمله متون و اندازه تصویر ثابت است و همچنین همه عناصر یک مکان ثابت و ثابت می تواند بهترین تصمیم برای هر جزء قرار دارد
اما از طرف دیگر ، عدم توانایی در ایجاد تغییرات توسط افراد عادی ، بروزرسانی را برای صاحبان سایت و سرپرستان دشوار می کند.
توجه: سایت های استاتیک برای افراد ، شرکت ها و سازمان هایی مناسب است که حداقل سالی یک یا دو بار باید محتوای سایت را تغییر دهند.
وب سایت پویا
محتوای سایت پویا پس از طراحی توسط افراد عادی که به سیستم مدیریت محتوای سایت دسترسی دارند قابل تنظیم است. زبان برنامه نویسی برای وب سایت های پویا بسته به نیاز می تواند متفاوت باشد ، اما بیشتر در زبان های ASP ، ASP.Net و Php استفاده می شود و همچنین برای ایجاد ویژگی های سفارشی از CSS و Silver Light یا زبان های کمکی Ajax استفاده می کند.
در چنین سایت هایی ابتدا اسکلت توسط طراح ایجاد می شود و سپس محتوا توسط مدیران سایت تغییر می یابد ، مانند یک فرم قراردادی یک بار که اغلب توسط افراد دیگر تکمیل می شود ، از این رو مکان و اندازه دقیق طراح است. تصاویر و عناصر دیگری که متعاقبا توسط مدیران سایت تغییر یافته اند چاره ای جز در نظر گرفتن همه سناریوها ندارند و این باعث کاهش برخی از گرافیک ها و جلوه های سایت می شود.
یکی از مزایای سایت های پویا این است که هیچ محدودیتی در ایجاد ، اصلاح یا حذف محتوا ، تصاویر و صفحات و غیره وجود ندارد.
با توجه به استفاده از زبان های برنامه نویسی پیشرفته در سایت های پویا ، می توان بسیاری از مواردی از جمله ایجاد صفحات هوشمند ، فرم های پیچیده و جستجو را ایجاد کرد.
استفاده بیش از حد از کد باعث کاهش سرعت سایت و رتبه بندی آن در موتورهای جستجو می شود.
توجه: سایت های پویا برای افراد ، شرکت ها و سازمان هایی مناسب است که باید بیش از دو بار در سال محتوای سایت خود را تغییر دهند.
پورتال ها
پورتال ها سایت های پویا جامع هستند که چندین هدف خاص را در یک سایت دنبال می کنند. به عبارت دیگر ، مجموع تعداد سایتهای پویا که برای دستیابی به یک هدف خاص جمع می شوند را می توان پورتال نامید. به عنوان مثال ، یک پورتال خبری می تواند از تعدادی سایت پویا تشکیل شده باشد که هرکدام دارای ویژگی های خاصی از جمله اشتراک ، انتشار خبر ، انتشار تصویر ، رای گیری و غیره هستند.
تمام ویژگی های یک سایت پویا همچنین می تواند در مورد پورتال اعمال شود.
توجه: پرتال ها معمولاً توسط سازمان ها ، گروه ها و شرکت ها خریداری می شوند. به روز بودن دفتر به دلیل نیاز به به روزرسانی قسمت های مختلف آن بسیار دشوار است ، مگر اینکه به عنوان کار نیمه وقت مشاهده شود.
وب سایت فلش استاتیک و نیمه پویا (وب سایت Flash Static و Dynamic Flash)
سایت های فلش یا متحرک هر دو نوع استاتیک و نیمه پویا هستند و توسط نرم افزار خاصی ایجاد می شوند. در برخی موارد ، XML یا Action Script برای ایجاد تغییر یا قابلیت های اطلاعاتی در این سایت ها استفاده می شود.
بطور کلی سایت های فلش ثابت (استاتیک) قابل تغییر نیستند و مانند سایت های ثابت یک بار توسط طراح ایجاد می شوند و باید توسط افرادی که دانش طراحی فلش حرفه ای یا نیمه حرفه ای دارند ، اصلاح شوند.
اما سایت های فلش نیمه پویا یا نیمه پویا مانند سایت های پویا عمل می کنند و قابل تغییر هستند اما تغییرات در آنها به سادگی سایت های پویا نیستند و دامنه تغییر بسیار باریک تر است.
یکی از مزایای وب سایت های فلش ، جذابیت آنهاست. گرافیک زیبا و انیمیشن های جذاب. اما عمده معایب آنها را می توان به عدم خوانایی اطلاعات ارائه شده توسط روبات های جستجو و سرعت بسیار کم بارگیری اشاره کرد.
نکته: سایت های فلش مناسب برای افراد و گروه ها یا شرکت ها و سازمان هایی هستند که نیازی به تبلیغات ندارند و به طور کلی برای کاربرانی مانند خوانندگان ، سیاستمداران ، بازیگران و گروه ها ، هتل های محبوب ، سایت های توریستی آشنا هستند.
سایت هایی با سیستم های مدیریت محتوا
وب سایتهای دارای سیستم مدیریت محتوا (از این پس CMS که مخفف سیستم مدیریت محتوا نامیده می شود) پورتال ها یا وب سایت های پویا هستند که برای استفاده حرفه ای توسط طراحان حرفه ای یا شرکت های طراحی ایجاد شده اند.
تمام مزایا و معایب سایت های پویا در سایت های مجهز به CMS اعمال می شود.
البته سایت های پویا و پورتال را در خاطر داشته باشید
طراحی وب سایت
وب گاهی اوقات مجموعه ای از اطلاعات در مورد یک موضوع یا موضوع خاص است. طراحی وب سایت چیدمان و ساختار صفحات وب را ایجاد می کند. یک صفحه وب حاوی اطلاعاتی در مورد هدف ایجاد وب سایت است. یک وب سایت را به عنوان یک کتاب تصور کنید که هر صفحه وب دارای برگ است.
جنبه های مختلفی در طراحی وب سایت وجود دارد که با پیشرفت اینترنت باید مورد توجه قرار گیرد. برای وب سایتهای تجاری عمومی موارد زیر موارد زیر است:
طراحی وب سایت براساس عنوان و محتوا است.
محتوا ، جوهر اطلاعات و اطلاعات موجود در سایت باید با هدف سایت سازگار باشد و طیف وسیعی از مردم را که به دنبال اطلاعات ارائه شده در سایت هستند هدف قرار دهید.
این سایت باید حتی با افرادی که کمتر با وب آشنایی دارند ، قابل درک و آسان باشد. اگر سایت به اندازه کافی بزرگ باشد و حاوی اطلاعات زیادی باشد ، باید از راهنمای راهنما به روشی استفاده شود که به سرعت در اختیار بیننده قرار گیرد.
طرح کار باید جامع و تمام صفحه باشد تا ثبات و ثبات را القا کند. سبک نگارش باید زیبا و حرفه ای باشد و متناسب با مخاطب و محتوای سایت باشد.
نوشتن متون و اطلاعاتی که مخاطب به دنبال آن است باید بزرگنمایی شود تا بیننده را متقاعد کند که این همان چیزی است که وی به دنبال آن بود.
این سایت همچنین باید به راحتی در اینترنت و در صورت امکان در صدر لیست های جستجو قرار گیرد ، هر چند نه همیشه حداقل در موتورهای اصلی جستجو.
یک وب سایت معمولاً حاوی متن و تصاویر است. صفحه اول یک وب سایت صفحه اصلی یا صفحه فهرست ایندکس نامیده می شود. برخی وب سایت ها از یک صفحه استفاده می کنند که معمولاً به آن صفحه خوش آمد گویی گفته می شود. این صفحه ممکن است مواردی مانند پیام خوش آمدید ، انتخاب زبان ، منطقه جغرافیایی یا امتناع از پذیرش یک مناسبت خاص را شامل شود. هر صفحه وب در یک وب سایت یک فایل HTML با URL خاص خود است.
پس از ایجاد هر صفحه وب ، این صفحات با استفاده از فهرست دایرکتوری پیوندها به یکدیگر پیوند می خورند.
پس از تکمیل یک وب سایت ، باید منتشر شود یا بارگذاری شود تا در دسترس همه افراد در اینترنت باشد. این کار با کمک یک میزبان FTP انجام می شود. با آزاد شدن سایت ، مدیر سایت از تکنیک های مختلفی برای افزایش بازدید کنندگان استفاده می کند. این امر با ارسال وب سایت به موتورهای جستجو مانند Google و Yahoo ، پیوند دادن به وب سایت های دیگر ، پیوند دادن به وب سایت های مشابه و موارد دیگر امکان پذیر است.
طراحی وب سایت
طراحی وب طرح و طراحی گرافیکی صفحات وب است که بیانگر محتوای وب سایت است. طراحی وب جلوه بصری سایت است و اولین بخش از یک صفحه وب است که مخاطب را به خود مشغول می کند.
طراحی سایت و مخاطبان هدف آن ، با استفاده از عناصر متناسب با رویکرد سایت و به کمک ذهن خلاق و هنری خود برای ایجاد ابعاد و رنگ ها ، طراح وب ایجاد طرحی را ایجاد می کند که در تمام صفحات وب ادغام نشود و خسته کننده و القا نشوید. تکراری برای مخاطب. سایت باید از الگوی ثابت در صفحات استفاده کند تا کاربر هنگام مشاهده صفحات متوجه شود که تمام صفحات یک سایت خاص هستند.
________________________________________________________________________________________
منابع بیشتر مراجعه شود به نوشته زیر:
ایجاد و طراحی وب سایت یا طراحی وب ، طراحی رابط وب است: معماری تعامل ، سازماندهی صفحات ، ساختار درخت و پیمایش در یک وب سایت. طراحی یک طراحی وب محدودیت های خاص پشتیبانی از اینترنت را در نظر می گیرد ، خصوصاً از نظر ارگونومی ، قابلیت استفاده و قابلیت دسترسی.
بنابراین طراحی وب به مهارت های مختلفی احتیاج دارد: در برنامه نویسی ، ارگونومی و تعامل و همچنین آگاهی خوبی از محدودیت های فنی مربوط به این زمینه: تنوع پایانه های وب و نمایش آنها ، دسترسی ، ویژگی های زبان ها و فرآیندهای مختلف ، قابلیت حمل ، پیروی از توصیه های W3C.
https://virgool.io/@etratenor/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AF%D8%B1-%D8%AE%D9%88%DB%8C-1-iz1a9ss7oyx1
_____________________________________________________________________________________________
http://blogs.german.lsa.umich.edu/101sec006w17/kultur-6-camille/
http://gtsurf.gtorg.gatech.edu/wp/20130203-surfing-south-africa/
http://editions.lib.umn.edu/electionacademy/2011/09/30/now-thats-a-buyers-market-butl/
http://blogs.oregonstate.edu/webcomm/2018/09/04/traveling-cinema-in-colombia/
http://blogs.lt.vt.edu/dagney6/2011/11/28/going-down-with-the-ship/
http://sites.gsu.edu/mdoctor1/2014/03/03/blog-2-march-3/comment-page-144/
http://blog.uvm.edu/jgorres/2013/10/25/welcome-to-josefs-lab-group/
http://www2.palomar.edu/pages/lpayn/new-mc-course-register-for-gc-110/
http://blogs.stlawu.edu/jbpcultureandmedia/2013/11/18/blog-entry-10-guns-as-free-speech/
http://blogs.lanecc.edu/storylane/2016/04/28/a-digital-story-for-geology/
http://wordpress.morningside.edu/tajaprince13/2015/09/29/twinkies/
http://gtsurf.gtorg.gatech.edu/wp/20130203-surfing-south-africa/
