آموزش طراحی یک وب سایت| طراحی سایت

نمونه کارطراحی وب سایت سنادیتا,آموزش طراحی یک وب سایت

نمونه کار طراحی وب سایت سنادیتا | آموزش طراحی یک وب سایت

طراحی سایت

سنارایانه یکتا | شرکت طراحی وب سایت سنادیتا

  • طراحی سایت ریسپانسیو- شرکت طراحی سایت سنادیتا
  • بهینه سازی و سئو طراحی سایت
  • سنادیتا ارئه دهنده موفقیت نهایی در طراحی سایت

نمونه کارطراحی وب سایت سنادیتا

 

- مقدمه :

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

1- تعيين اهداف طراحی سایت


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

2- انتخاب تنوع بازديد کنندگان وب سایت


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

چه نوع مرورگري دارند يا حتي ابعاد مانيتور آنها چيست و از چه بزرگنمائي در تنظيم کارت گرافيک شان استفاده مي کنند ؟آيا سایت شما در يک شبکه اينترانت داخلي مورد استفاده قرار مي گيرد که تماس کاربران از سيستم مرورگر مشابهي استفاده مي کنند. تمامي اين فاکتورها براي مشاهده صفحات وب شما مفيد و توجه به آنها حائز اهميت است.

 

3- ايجاد سایتهاي سازگار با مرورگرها


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

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

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

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

 

4- سازماندهي ساختار وب سایت


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

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

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

 

5- طبقه بندي و خرد کردن سایت در داخل گروهها و دسته ها


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

در اين حالت مي توانيد با قرار دادن تمامي تصاوير در يک موقعيت مناسب عمل کنيد بطوريکه پس از وارد کردن يک تصوير به داخل صفحه، بدانيد که در کجا به آن دسترسي پيدا خواهيد کرد. مي توانيد پوشه اي با نام Assets را در سایت ايجاد کنيد و تمامي آيتم ها و عناصر سایت را که html نيستند درآن پوشه ها ويا زير پوشه ها ي آن قرار دهيد.( همانند پوشه Images براي تصاوير، پوشه sounds براي فايلهاي صوتي، پوشه Photos براي عکس ها و ....)

 

6- ايجاد نماي طراحی


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

7- طراحی الگوي مرور و جستجو


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

8- طرح ريزي و گرد آوري متعلقات:


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

1- الگوها يا Templates :


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

2- آيتم هاي کتابخانه اي يا Library Items :


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

 

نمونه کارطراحی وب سایت سنادیتا

تعدادی از بهترین ها

 

  • طراحی سایت کارخانجات
  • طراحی سایت کودکان
  • طراحی سایت گالری
  • طراحی سایت گردشگری
  • طراحی سایت لباس و کیف و کفش
  • طراحی سایت مجله اینترنتی
  • طراحی سایت مدرسه
  • طراحی سایت مراکز تجاری
  • طراحی سایت مرتبط با حیوانات
  • طراحی سایت نمایشگاهی
  • طراحی سایت هتل و اماکن اقامتی
  • طراحی سایت تبلیغاتی

 

RSS

آرشیو

بازدید روز

۱۱۵۶

بازدید دیروز

۶۲۲۴

بازدید ماه

۱۲۹۱۳۰

بازدید کل

۱۸۶۷۷۱۲

افراد آنلاین

۱

نام سايت: sanadata.com
الکسای جهانی :۱۸۱۴۳۸
میزان تغیرات :-۳۷۷۹۷
الکسای ایران :۵۹۰۷

1  
2 A B C
3 D E F
4 G H I
5 J K L
5 J K L
6 M N O
7 P Q R S
8 T U V
9 W X Y Z
*
0 +
0 +
0 +
0 +
#

آدرس دفتر مركزی :

تهران - فلکه دوم صادقیه - ابتدای خیابان آیت ا... کاشانی - جنب درمانگاه ابن سینا - مجتمع سبحان - طبقه 6 - واحد 33

ساعت کار شرکت از ساعت 9 الی 17

واحد فروش - خانم راد :     02144050905

واحد آموزش - خانم لطفی  :     02144048747

کلیه حقوق مادی و معنوی این وب سایت برای شرکت سنارایانه یکتا محفوظ می باشد.

ALL_HTTP = HTTP_CONTENT_LENGTH:0 HTTP_ACCEPT:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 HTTP_ACCEPT_ENCODING:x-gzip, gzip, deflate HTTP_HOST:www.sanadata.com HTTP_USER_AGENT:CCBot/2.0 (http://commoncrawl.org/faq/) HTTP_X_ORIGINAL_URL:/fa/pages/244
ALL_RAW = Content-Length: 0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Encoding: x-gzip, gzip, deflate Host: www.sanadata.com User-Agent: CCBot/2.0 (http://commoncrawl.org/faq/) X-Original-URL: /fa/pages/244
APPL_MD_PATH = /LM/W3SVC/345/ROOT
APPL_PHYSICAL_PATH = D:\vhosts\sanadata.com\www\
AUTH_PASSWORD =
AUTH_TYPE =
AUTH_USER =
CERT_COOKIE =
CERT_FLAGS =
CERT_ISSUER =
CERT_KEYSIZE = 256
CERT_SECRETKEYSIZE = 2048
CERT_SERIALNUMBER =
CERT_SERVER_ISSUER = C=GB, S=Greater Manchester, L=Salford, O=COMODO CA Limited, CN=COMODO RSA Domain Validation Secure Server CA
CERT_SERVER_SUBJECT = OU=Domain Control Validated, OU=PositiveSSL, CN=www.sanadata.com
CERT_SUBJECT =
CONTENT_LENGTH = 0
CONTENT_TYPE =
GATEWAY_INTERFACE = CGI/1.1
HTTPS = on
HTTPS_KEYSIZE = 256
HTTPS_SECRETKEYSIZE = 2048
HTTPS_SERVER_ISSUER = C=GB, S=Greater Manchester, L=Salford, O=COMODO CA Limited, CN=COMODO RSA Domain Validation Secure Server CA
HTTPS_SERVER_SUBJECT = OU=Domain Control Validated, OU=PositiveSSL, CN=www.sanadata.com
INSTANCE_ID = 345
INSTANCE_META_PATH = /LM/W3SVC/345
LOCAL_ADDR = 78.111.2.41
LOGON_USER =
PATH_INFO = /fa/index.asp
PATH_TRANSLATED = D:\vhosts\sanadata.com\www\fa\index.asp
QUERY_STRING = p=pages&id=244
REMOTE_ADDR = 54.224.202.184
REMOTE_HOST = 54.224.202.184
REMOTE_USER =
REQUEST_METHOD = GET
SCRIPT_NAME = /fa/index.asp
SERVER_NAME = www.sanadata.com
SERVER_PORT = 443
SERVER_PORT_SECURE = 1
SERVER_PROTOCOL = HTTP/1.0
SERVER_SOFTWARE = Microsoft-IIS/8.5
URL = /fa/index.asp
HTTP_CONTENT_LENGTH = 0
HTTP_ACCEPT = text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
HTTP_ACCEPT_ENCODING = x-gzip, gzip, deflate
HTTP_HOST = www.sanadata.com
HTTP_USER_AGENT = CCBot/2.0 (http://commoncrawl.org/faq/)
HTTP_X_ORIGINAL_URL = /fa/pages/244
Domain : www.sanadata.com
Path : /fa/index.asp
QueryString : p=pages&id=244
FullUrl : https://www.sanadata.com/fa/index.asp?p=pages&id=244