تبلیغات
فناوری اطلاعات - طراحی وب و تاریخچه وب
 
فناوری اطلاعات
درباره وبلاگ



مدیر وبلاگ : وحید غلامی
مطالب اخیر
نویسندگان
پیوندهای روزانه
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :


تیم برنرز لی، بنیانگذار شبکه جهانی وب، با برپایی یک سایت وب در آگوست ۱۹۹۱، نام خود را به عنوان نخستین طراح وب در تاریخ نگاشت. او در نخستین سایت وب اش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.
تاریخچه طراحی سایت
در آغاز، سایتهای وب با کُدهای ساده «اچ‌ تی‌ام‌ال» نوشته می‌شدند، گونه‌ای از زبان کُدنویسی که ساختار ساده‌ای به وب‌گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه‌های وب دیگر، با اَبَرمتن. در مقایسه با روش های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند.

با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ‌تی‌ام‌ال، پیچیده تر و پرانعطاف تر شد. ابزاری مانند جدول ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان های پنهان در صفحه‌های وب قرار گرفتند. با پیدایش صفحه‌های الگوی وب یا «CSS»، روش نادرست طراحی با جدول های پنهان در صفحه، از گردونه خارج، و بجای آن استفاده مناسب از صفحه‌های الگوی وب یا «CSS»، جایگزین شد.

فن آوری های یکپارچه سازی داده‌گاه‌ها (Database)، مانند زبان‌های کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI, PHP, ASP.NET, ASP, JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار سایت های وب را باز هم تغییر داده و آنرا پیشرفته تر کرده اند.

همچنین با آمدن نگاره‌های جاندار و فن آوری های پویانمایی به صفحه ها، مانند فِلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی های تازه به سازندگان رسانه و طراح های وب داده شد، و توانایی های بیشتر و کارایی ها تازه مرورگرها برای اچ‌تی‌ام‌ال.

 
 

وب سایت چیست ؟

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

 

برای دیدن مزایای طراحی وب سایت اینجا کلیک کنید.

 
 

انواع سایت کدامند

سایتها بر اساس کاربرد و نوع برنامه نویسی به چند دسته تقسیم می شوند:

 
 


سایتهای ثابت (Static Website):

طراحی وب سایت استاتیکاین سایتها یکبار طراحی می شوند و اطلاعات مورد نیاز در داخل آنها قرار می گیرد و پس از آن برای تغییر در آنها نیاز به یک طراح حرفه ای یا نیمه حرفه ای سایت است. زبان برنامه نویسی اینگونه از سایتها غالبا HTML و Java Script هستند که در نوع توسعه یافته تر از CSS نیز بهره گرفته می شود.

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

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

اما از طرفی نیز عدم امکان ایجاد تغییرات توسط افراد عادی سبب می شود تا امکان بروز رسانی سایت توسط صاحبان و مدیران سایت صلب شود.

نکته: سایتهای ثابت (Static) برای افراد، شرکتها و سازمانهایی مناسب است که حداکثر یک یا دو بار در سال نیازمند به تغییر در محتوای سایت هستند.

 
 

 

 

سایتهای پویا (Dynamic Website):

 
 

محتوای سایتهای داینامیک بعد از طراحی توسط افراد عادی که دسترسی به سیستم مدیریت محتوای سایت را داشته باشند قابل تغییر است. زبان برنامه نویسی وبسایتهای پویا میتواند براساس نیاز متفاوت باشد اما عمدتا از زبانهای ASP , ASP.Net و PHP استفاده می شود و از زبانهای کمکی CSS و Silver light و یا Ajax برای ایجاد قابلیتهای ویژه نیز بهره گرفته می شود.

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

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

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

استفاده زیاد از کدها سبب کند شدن بارگذاری سایت و امتیاز آن در موتورهای جستجو می شود.

نکته: سایتهای پویا برای افراد، شرکتها و سازمانهایی مناسب است که بیش از دوبار در سال نیاز به تغییر درمحتوای سایت را دارند.

 
 

پرتالها (Portal):

 
 

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

تمام ویژگی های یک سایت پویا می تواند در یک پرتال نیز صدق کند.

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

 

 

 

 

 

 

 

سایتهای متحرک استاتیک و نیمه داینامیک (Static and Dynamic Flash Website):

 
 

سایت فلشسایتهای فلش یا متحرک دو نوع استاتیک و نیمه داینامیک هستند و توسط نرم افزارهای خاصی ایجاد می شوند در برخی موارد از XML یا Action Script برای ایجاد قابلیتهای تغییر یا هوشمندی در این سایتها بهره گرفته می شود.

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

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

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

نکته: سایتهای فلش برای افراد و گروهها یا شرکتها و سازمانهایی مناسب است که نیاز به تبلیغات ندارند و عموم کاربران با آنها آشنا هستند مانند خوانندگان، سیاست مداران، بازیگران و گروههای موسیقی، هتلهای معروف، مکانهای توریستی.

 
 



سایتهای مجهز به سیستم مدیریت محتوا (Content Management Systems):

 

سیستم مدیریت محتوا سایتهای مجهز به سیستم مدیریت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسایتهایی از نوع پرتالها یا سایتهای پویا هستند که برای مصارف خاص توسط طراحان حرفه ای و یا شرکتهای طراحی حرفه ای ایجاد میشوند.

تمام مزایا و معایب مربوط به سایتهای پویا در مورد سایتهای مجهز به سیستم مدیریت محتوا صدق می کند.

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

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

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

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

 
 
 

طراحی وب سایت

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

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

طراحی سایت بر طبق عنوان و محتوای مطالب می‌باشد.

مطالب، جوهر کلام و اطلاعات درون سایت باید مطابق با هدف سایت بوده و طیفی از عموم را نشانه رود که به دنبال اطلاعات ارائه شده در سایت هستند.

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

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

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

همچنین سایت باید به سادگی در اینترنت یافت شود و درصورت امکان در بالای لیست های جستجو قرار گیرد، اگرچه همواره اینگونه نباشد لااقل در موتورهای جستجوی اصلی چنین شود.

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

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

هنگامی که یک وب ســایت کامل شد برای آنکه بـرای همه برروی اینترنت قابل مشاهده باشد باید منتشر و یا ارسال (Upload) شود. این کار به کمک یک میزبانFTP انجام می‌شود. هنگامی که سایت منتشرشد، مسئول سایت برای افزایش بازدیدکنندگان، از تکنیکهای گونــاگون استفاده می‌کند. این کار با ثبت کردن وب سـایت در موتورهای جستجویی نظیرGoogle و Yahoo، تبادل لینک با وب ســایت های دیگر، ایجاد پیوند با وب‌گاه‌های مشابه و غیره امکان پذیر است.

 
 

طرح سایت

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

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





نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
سه شنبه 10 اردیبهشت 1392
وحید غلامی
چهارشنبه 18 مرداد 1396 ساعت 16 و 58 دقیقه و 44 ثانیه
I’m not that much of a online reader to be
honest but your sites really nice, keep it up! I'll go ahead and
bookmark your website to come back in the future.

All the best
سه شنبه 17 مرداد 1396 ساعت 00 و 05 دقیقه و 04 ثانیه
There's certainly a great deal to learn about this issue.

I like all of the points you have made.
دوشنبه 16 مرداد 1396 ساعت 10 و 21 دقیقه و 19 ثانیه
I don't know if it's just me or if perhaps everybody else experiencing
issues with your site. It looks like some of the written text on your
content are running off the screen. Can someone else please
provide feedback and let me know if this is happening to them
as well? This could be a issue with my web browser because I've had this happen previously.
Many thanks
دوشنبه 16 مرداد 1396 ساعت 01 و 40 دقیقه و 39 ثانیه
What's Happening i am new to this, I stumbled upon this I've found It positively
helpful and it has helped me out loads. I'm hoping to give a contribution & help other customers like its helped me.
Good job.
شنبه 14 مرداد 1396 ساعت 00 و 32 دقیقه و 52 ثانیه
Do you have a spam issue on this website; I also am a blogger, and I was curious about your situation; many of us have created some
nice methods and we are looking to exchange solutions with other folks, be sure to shoot me an e-mail if interested.
جمعه 13 مرداد 1396 ساعت 13 و 49 دقیقه و 53 ثانیه
Undeniably consider that which you said. Your favourite justification seemed to
be at the web the easiest factor to be aware of.
I say to you, I certainly get irked at the same time as folks consider issues that they plainly don't understand about.
You managed to hit the nail upon the top and also outlined
out the whole thing with no need side-effects
, other people can take a signal. Will likely be back
to get more. Thank you
شنبه 7 مرداد 1396 ساعت 20 و 58 دقیقه و 46 ثانیه
Hi everyone, it's my first visit at this web page, and article is really fruitful in support of me, keep up posting these types
of articles or reviews.
دوشنبه 4 اردیبهشت 1396 ساعت 12 و 57 دقیقه و 30 ثانیه
Thank you for sharing your thoughts. I really appreciate your efforts and I will be waiting for your next post thanks once again.
جمعه 25 فروردین 1396 ساعت 03 و 58 دقیقه و 30 ثانیه
My brother suggested I might like this website. He was totally right.
This post actually made my day. You can not imagine just how much
time I had spent for this information! Thanks!
سه شنبه 8 فروردین 1396 ساعت 17 و 50 دقیقه و 23 ثانیه
I am really inspired together with your writing talents as
well as with the format for your blog. Is this a
paid theme or did you modify it yourself? Anyway stay up
the nice quality writing, it is uncommon to peer a nice blog like this one today..
سه شنبه 10 اردیبهشت 1392 ساعت 16 و 37 دقیقه و 40 ثانیه
خسته نباشی همکار گلم . به سایت ما هم بیا و همکارای دیگرم ببین اگم دوست داشتی تبادل لینک کن .
سه شنبه 10 اردیبهشت 1392 ساعت 16 و 30 دقیقه و 27 ثانیه
با سلام . وبلاگ خوبی داری . خوشحال می شم به سایت ما بیای و تبادل لینک کنی .
سه شنبه 10 اردیبهشت 1392 ساعت 13 و 40 دقیقه و 22 ثانیه
سلام
آیا می دانید تبادل لینک با سایت های پر بیننده باعث افزایش رنک سایت شما و بالا رفتن آمار بازدید از وبلاگ یا سایتتان می شود.این همان فرصتی است که در سایت سون لینک برای شما فراهم شده است.
با تشکر
سه شنبه 10 اردیبهشت 1392 ساعت 13 و 19 دقیقه و 14 ثانیه
سلام
برای داشتن آماری بالاتر و رنک بهتری در گوگل با ما همراه شوید و از تبادل لینک با سایت سون لینک از این موقعیت بهره ببرید.
مدیریت سایت سون لینک
سه شنبه 10 اردیبهشت 1392 ساعت 11 و 37 دقیقه و 31 ثانیه
سلام
برای داشتن آماری بالاتر و رنک بهتری در گوگل با ما همراه شوید و از تبادل لینک با سایت سون لینک از این موقعیت بهره ببرید.
مدیریت سایت سون لینک
سه شنبه 10 اردیبهشت 1392 ساعت 11 و 21 دقیقه و 41 ثانیه
جالب بود موفق باشید حتما به سایت من هم سری بزنین
www.gmoradi.ir
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر