خانه / وب / طراحی وب / طراحی سایت چیست

طراحی سایت چیست

طراحی سایت چیست ؟

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

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

 طراحی سایت

طراحی سایت

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

تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.

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

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

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

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

 

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

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

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

3.طراحی نرم افزار و گرافیک سایت

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

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

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

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

برای خدمات بانک اطلاعاتی از MS SQL SERVER استفاده خواهد شد. نوع مجوز حقوقی استفاده از این کارگزار بانک اطلاعاتی در وب به همراه امکانات وسیع و کارایی قابل توجه، آن را به انتخاب مناسبی تبدیل نموده است. برای اطلاعات بیشتر مراجعه به سایت www.tpc.org توصیه می¬شود.

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

کاربران در ابتدای ورود به سایت اعتبارسنجی می شوند و پس از ورود به سایت جهت دسترسی به بخشهای مختلف با توجه به سطح دسترسی که دارند هدایت میگردند. » تدابیر اتخاذ شده در طراحی سایت برای جلوگیری از هرگونه دسترسی غیرمجاز که ممکن است منجر به دستکاری، خرابکاری یا سرقت اطلاعات شود؛ در سه دسته زیر قرار میگیرند:
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 های تبلیغاتی
سرعت پایین هاست یا (میزبان وب شما ) یا صفحه طولانی و حجیم

همچنین مشاهده کنید

k

راه های ماندگاری بازاریابی اینترنتی

اگر در کار خود نیاز به بازاریابی اینترنتی دارید 8 نکته زیر را انجام دهید! 1.   ...

4 نظر

  1. به نظرم مطالبتون خیلی کلی هستش و بدیهی! امیدوارم مطلب اینترنت چیست رو تو وبلاگتون پیدا نکنم

پاسخ دادن به ssmitikomon لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>