اصول طراحی اولیه وب سایت

منتشرشده در مقالات سایت
پنج شنبه, 26 بهمن 1396 ساعت 07:30

 

 اصول طراحی وب سایت

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

 

طراحی

1. وب ســایت باید به گونه ای طراحی شود که در مرورگرهای مطرح دنیا به صورت کامل و صحیح نمایش داده شود.

2. چنان چه وب سایت برای کاربران فارسی زبان ایجاد شده است، متون فارسی در همه سیستم عامل ها با هر نوع تنظیم زبان قابل خواندن باشند.

3. در صورت چندزبانه بودن وب ســایت، روش واضح و سریعی برای انتقال به صفحات دارای زبان موردنظر پیش بینی شود.

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

6. وضوح تصویر (رزلوشــن) صفحات وب ســایت به گونه ای انتخاب شود که متناسب با تنظیمات اغلب کاربران باشد.و ترجیحا بهترین وضوح برای نمایش صفحات در انتهای صفحه اول قید گردد.ً

7. برای افزایش جذابیت وب سایت از تصاویر، صداها و انیمیشن های گیرا استفاده شود.

8. تصاویر و شکل های استفاده شده در صفحات از وضوح و ترکیب رنگ مناسب برخوردار باشند

9. امکان صرف نظر کردن از نمایش فایل های چندرســانه ای وجود داشــته باشــد.

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

 

 مخاطب محوری 

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

2.  مطالب وب سایت متناسب با زمینه  فعالیت و معلومات و نیازهای عامه مخاطبان باشد

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

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

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

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

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

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

 

 ساختار اطلاعات

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

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

3. بخشــی برای «پرسش های متداول » که حاوی پرسش ها و پاسخ های پرتکرار کاربران در مورد محتوای وب سایت است در نظر گرفته شود.

4. نقشه  وب سایت برای رجوع سریع کاربران به بخش موردنظر در دسترس باشد.

5. امکان جستجوی آسان در مطالب وب سایت به ویژه بخش بایگانی  وجود داشته باشد

6. منوی اصلی وب سایت از همه  صفحات قابل دسترسی باشد.

7.برای پیمایش در سایت و مرور مطالب و صفحات مختلف آن امکاناتی کاربرپسند تعبیه شود...

 

 محتوا

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

2. مطالب درج شــده، در حوزه ای که مرتبط با هدف راه اندازی وب ســایت اســت جامع باشــد و پیوندهای مربوط به منابع و مراجع در انتهای مطالب درج گردد.

3.  محتوای موجود در وب سایت جدید باشد و در بازه های زمانی مناسب، به روزرسانی گردد.

4.   اطلاعات قدیمی از طریق بخش بایگانی (آرشیو) قابل دسترسی و استفاده باشد.

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

6. اشــتباهات تایپی یا نگارشــی و به ویژه محتوایی در مطالب وجود نداشــته باشد و پیوندها، به صورت کامل با محتوای پیوند تطابق داشته باشند.

7.   مشخصات ایجادکننده وب سایت و زمان تأسیس آن درج شود.

8. زمان و تاریخ به روز رسانی وب سایت و درج هر یک از مطالب قید شود.

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

آموزش HTML

منتشرشده در مقالات سایت
دوشنبه, 16 بهمن 1396 ساعت 07:19


 
 
html مخفف عبارت (Hyper TextMarkup Language) می باشد که به معنای زبان نشانه گذاری متن می باشد.. برای یادگیری html شما باید با تگ ها(برچسب) آشنا شوید زیرا هر کدام از این تگ ها کاربرد ویژه و خاص خود را دارند همچنین این تگ ها به مرورگر دستورات خود را اعلام کرده و نمایش می دهند.همچنین در این قسمت به تعریف html ( آموزش Html ) و همچنین توضیح تگ ها می پردازیم.فراموش نشود که در صورتی که دستورات به درستی نوشته نشوند در مرورگر دیده نمی شود.
شما می توانید با فراگیری زبان Html و یادگیری تکنولوژی های طراحی وب سایت بتوانید یک وب سایت کاربردی برای خود ایجاد کنید.

با توجه به اینکه طراحی وب سایت نیازمند آموزش HTML می باشددر قسمت آموزش Html تمامی تگ ها به صورت کامل توضیح داده شده است.

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

تعریف کلی Html مطابق زیر است:

• HTML یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) است.

• HTML مخفف زبان نشانه گذاری فوق متن (Hyper Text Markup Language)

• یک زبان نشانه گذاری مجموعه ای از تگ های نشانه گذاری است

• هر تگ HTML محتوای اسناد مختلفی را توصیف می کند

مثالی از نحوه نوشتن سند Html :

 

 

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

 

برای طراحی سایت با هر زبانی باید ابتدا بر روی زبان HTML تسلط داشته باشید. زیرا پایه و اساس برنامه نویسی و طراحی سایت ، زبان نشانه گذاری HTML است.

 

طراحی سایت ارزان

منتشرشده در قسمت1
دوشنبه, 30 -3443 ساعت 00:00

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

1 - طراحی سایت ارزان با امکانات بالا و سئو بسیار قوی می خواهند :

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

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

طراحی سایت ارزان حتی به درد کارهای زودگذر هم نمی خورد....

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

2 - دسته ی دوم افرادی هستند که حاضر نیستند به هیچ وجه از قالب های آماده استفاده کنند . و تنها قالب اختصاصی را انتخاب می کنند.

این افراد می دانند که یک سایت ایمن با طراحی منحصر بفرد می تواند به توسعه کسب و کارشان کمک کند. طراحی منحصر بفرد شما ، شناسه بصری فعالیت شماست.

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

آفر ویژه وب نگاران برای متقاضیان سایت اختصاصی ارزان (حداقل قیمت)

با کمترین هزینه صاحب یک قالب اختصاصی یونیک و منحصر به فرد شوید.

آدرس : تهران ، میدان انقلاب ، کوچه رشتچی ، پلاک ۱۴ (ساختمان ایرانیان) ،طبقه دوم واحد ۸

 

خط ویژه: ۶۶۹۲۸۷۸۷-۰۲۱

تلفن : ۶۶۹۲۸۰۴۰-۰۲۱ | ۶۶۱۲۴۱۴۹-۰۲۱ | تلفن همراه : ۰۹۱۲۳۷۹۰۵۸۸

فکس دیجیتال: ۸۹۸۷۷۳۷۳-۰۲۱

آدرس ایمیل : wnegaran[at]gmail.com 

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت وب نگاران پارسه می باشد