طراحی سایت

توسعه دهنده اندروید
  • تعداد ارسال ها

    3
  • تاریخ عضویت

  • آخرین بازدید

اعتبار در انجمن

0 Neutral

درباره طراحی سایت

  • درجه
    Newbie
  1. HTML5 چیست؟ HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده بود. در سال 2011 HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند. امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است. HTML5 در حال حاضر با CSS3 همراه بوده و هنوز درحال توسعه و پیشرفت است، W3C در نظر دارد سال 2014 نسخه نهایی و کامل آن را عرضه کند ولی با توجه به امکانات و توانایی هایی که هر روز به آن افزوده میشود به نظر میرسد که میتوان آینده دورتر و بهتری برای آن متصور شد. تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت که مهمترین آنها عبارتند از: امکانات جدید باید بر پایه HTML، CSS، DOM و javascript بوده و همخوانی لازم را داشته باشد. نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد. رفع مشکلات و ارورها در HTML5 از نسخه های پیشین راحت تر باشد. استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود. HTML5 باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد. مراحل پیشرفت و بروزرسانی آن متن باز و در اختیار عموم باشد. [align=center]http://websima.com/wp-content/uploads/2013/06/%D9%84%D9%88%DA%AF%D9%88-HTML5.png[/img]ظاهر اصلی لوگوی HTML5[/align] آنچه در مورد HTML5 باید بدانیم به یاد داشته باشیم که HTML5 بر پایه نسخه قبلی یعنی همان HTML4.01 ساخته شده است و برای استفاده بهتر از آن میتوانید از اطلاعات قبلی خود نیز بهره ببرید زیرا با یک زبان کاملا جدید و متفاوت روبرو نیستید. تنها کافیست که تغییرات آن را نسبت به نسحه های قبلی بخوبی بشناسید و از امکانات جدیدی که به HTML5 افزوده شده نهایت استفاده را ببرید. اگر تاکنون با زبان HTML اشنا نبوده اید و بعنوان یک تازه کار قصد اشنایی و یادگیری آن را دارید پیشنهاد میکنیم که از HTML4.01 شروع کنید و زمانیکه مهارت کافی را کسب کردید به سراغ HTML5 بروید. در غیر اینصورت باید دویدن را قبل از راه رفتن یاد بگیرید که به احتمال کاری دشوار و زمانبر خواهد بود. اگر شما بعنوان یک طراح سایت و کدنویس حرفه ای کار میکنید و هنوز از نسخه 4 استفاده میکنید اشتباه بزرگی را مرتکب میشوید زیرا در حال حاضر HTML5 یک زبان کامل بشمار میرود و تمام مرورگرها آن را پشتیبانی میکنند، همچنین با توجه به تازه بودن آن زمان کافی برای تسلط و رقابت با دیگران را خواهید داشت ولی در آینده و پس از همه گیر شدن HTML5 ممکن است شما از رقبایتان عقب بمانید و زمان زیادی را برای جبران آن از دست بدهید. آموزش HTML5 را ازکجا شروع کنیم؟ زبان HTML5 را نمیتوان در یک مقاله کوتاه آموزش داد، دو راه برای یادگیری آن وجود دارد یا باید یک کتاب مناسب پیدا کنید و یادگیری با مطالعه را شروع کنید یا دل را به دریا بزنید و کار با آن را در عمل بیاموزید. ما هر دوروش را به شما پیشنهاد میدهیم یادگیری HTML5 و CSS3 از اینترنتو اجرای دستورات مختلفی که پیدا میکنید سرعت یادگیری شما را افزایش میدهد و در کنار آن مطالعه یک منبع مناسب مفاهیم پایه را به شما می آموزد که در اینترنت کسی به آنها نمیپردازد. اگر شما آشنایی کافی با نسخه 4 را داشته باشید در مدت دو تا 3 هفته و مطالعه یک کتاب مناسب میتوانید مهارت های جدید HTML5 را از روی کتاب یاد بگیرید و پس از آن با تمرین بیشتر و آزمون و خطا بر آن مسلط خواهید شد. یکی از بهترین منابع آنلاین برای یادگیری HTML5 بخش آموزش طراحی سایت W3C است با عنوان : W3C HTML5 Introduction. با توجه به گسترده تر شدن زمینه مقالات وبسیما در چند هفته اخیر و پوشش مطالب جدید در آن و همچنین با بررسی سوالات معمول بازدیدکنندگان سایت تصمیم گرفتیم تا مباحث عمومی و پایه را در این وبلاگ مطرح کرده و تا حد توان آموزش های اولیه را ارائه دهیم. در مقالات بعدی قصد داریم تا شما را با CSS3 و توانایی آن در کنار HTML5 آشنا کنیم. منبع : طراحی سایت
  2. در این مقاله ما قصد داریم اهمیت تولید محتوا و روش های آن را در طراحی سایت توضیح دهیم. تا مخاطبان ، مشتاقانه تر خواننده و دنبال کننده مطالب و محتوای وب سایت شما باشند. اگر قصد دارید کسب و کار آنلاین راه بیندازید و یا کسب و کار خود را وارد فضای آنلاین کنید، باید بدانید که چطور آنلاین بنویسید. عبارت "محتوا، پادشاه است" در طراحی وب سایت را اکثر افراد شنیده اند و ممکن است امروز کمی کلیشه ای به نظر بیاید، اما اهمیت کیفیت محتوای یک سایت، هنوز به قوت گذشته باقی است و این عبارت همانند گذشته که برای توصیف اهمیت محتوای سایت به کار برده می شد، معنا و مفهوم دارد. محتوا پادشاه است [align=center][/align] اهمیت محتوای با کیفیت در طراحی وب سایت محتوای با کیفیت، عامل کلیدی در طراحی سایت برای ایجاد تعامل و برقرای ارتباط با بازدیدکنندگان سایت است. همین ایجاد تعامل ذره ذره به انجام عملیات های مهم تر، مثل انجام خرید و ... منتهی می شود و کاربران را به اقدام فرا می خواند. در زیر به مواردی اشاره می کنیم که به شما کمک می کند برای محتوای سایت خود، استراتژی بچینید و محتوای مناسب ایجاد کنید. تحقیق در مورد مطالب مرتبط با زمینه کاری با وب سایت هایی که محتوای مرتبط با زمینه کاری شما منتشر می کنند، ارتباط داشته باشید. از آخرین اخبار و چالش های مرتبط با زمینه فعالیت خود مطلع باشید. مطالعه زیاد شما را وادار می کند تا سوال بپرسید، ایده های خود را بررسی کرده، آن ها را گسترش دهید، جالب ترین آن ها را برگزینید و در سایت خود قرار دهید. مطالب مربوط به زمینه کاری [align=center][/align] مخاطبان هدف خود را بشناسید شما به خوبی آگاه هستید که چطور باید با یک کودک 5 ساله یا بهترین دوست خود و یا یک مدیر عالی رتبه، به شکل متفاوت سخن بگویید. در واقع شما می دانید که چطور سخنان خود را با مخاطبانتان تطبیق دهید تا برای آن ها قابل فهم و درک باشد. این نکته در ایجاد محتوا هم صادق است. به عبارت کلی باید درک عمیقی از خواسته های بازار هدف خود داشته باشید. طراحی سایت فقط طراحی گرافیکی را شامل نمی شود. بلکه طراحی سایر المان های سایت هم جزو نکات بسیار مهم طراحی سایت است. پس باید بدانید که آن ها مایلند چه مطالبی را مطالعه کنند و تمرکز و تلاش خود را بر روی آن نوع مطالب بگذارید تا نتیجه مطلوبی دریافت کنید. سعی کنید محتوای پیچیده ایجاد نکنید. محتوای شما، کاملاً بستگی به خواسته های بازار هدفتان دارد. مخاطبان هدف مناسب [align=center][/align] هدف گیری برای اقدام - ممکن است محتوای شما جذاب و مفید باشد، اما نتیجه ای که مد نظر دارید را دریافت نکنید. چرا؟ زیرا محتوای سایت شما خوانندگان و بازدیدکنندگان سایت را تشویق به انجام عمل نمی کند و آن ها را برای اقدام فرا نمی خواند. شما باید محتوایی ایجاد کنید که خوانندگان را برای اقدامی خاص فراخواند و آن ها را به ایجاد تعامل با سایت تشویق کند. انجام کارهایی مثل ثبت نام در قسمت ارسال اخبار جدید به ایمیل، خرید محصول، شرکت در رویدادهای شما و یا Follow کردن صفحه فیسبوک. نکته دیگر: از جملات مجهول استفاده نکنید. " زندگی شما با محصولات ما بهتر می شود" به جای جمله بالا از این جلمه استفاده کنید: "محصولات ما زندگی شما را بهتر می کند" یا حتی عبارتی بهتر، مستقیم و قاطعانه که کاربران را به اقدام تشویق می کند: "زندگی خود را با محصولات ما بهتر کنید" محتوای مختصر و مفید بنویسید اگر می خواهید محتوای آنلاین بنویسید، با دقت و واضح این کار را انجام دهید. از بکارگیری متون طولانی و جملات اضافی بپرهیزید و حد امکان، محتوای سایت را مختصر و مفید ایجاد کنید تا از طریق کمترین کلمات، بیشترین پیغام و اطلاعات را منتقل کنید. کاربران متن های کوتاه تر را راحت تر می خوانند و اگر با لغات مناسب و پیام های مرتبط به شکل درست پر شده باشد، بهترین تاثیر را نسبت به متن های طولانی با توضیحات فراوان دارد. منبع : طراحی سایت
  3. در دسترس بودن یک وب سایت به این معنی است که اطلاعات موجود در آن، برای طیف گسترده ای از کاربرانی که از تکنولوژی های مختلفی استفاده می کنند، قابل مشاهده و قابل استفاده باشد. اما آیا به نظر شما اگر فقط طراحی سایت از نظر ظاهری جذاب باشد می تواند نظر کاربران را به خود جلب کند؟ مطمئناً سایتی که کاربران نتوانند از آن به خوبی استفاده کنند و کارایی مناسبی نداشته باشد و بر آنها تأثیر منفی داشته باشد، نمی تواند باعث بازگشت بازدیدکنندگان به سایت شود. [align=center][/align] چه نکاتی را برای بهتر بودن دسترسی در طراحی وب سایت باید رعایت کنیم؟ 1. در طراحی سایت لینک ها را به صورت آشکار و مشخص قرار دهید تا به راحتی دیده شوند. برای این کار می توانید از ابزار های ویرایشی در متن مانند استفاده از آندرلاین(زیرخط دار کردن کلمات)، بلد (Bold) کردن آنها و .. استفاده کنید. این کار باعث می شود لینک شما در متن مشخص و واضح باشد تا کاربران به راحتی بر روی آن کلیک کنند. 2. لایه های سایت را طوری طراحی کنید که مسیر یابی و دسترسی به تمام نقاط آن آسان باشد و کاربران بتوانند اطلاعات را به راحتی پیدا کنند. در طراحی صفحات وب خود، برگه های مسیر یابی (Navigation Tabs) را به حداقل برسانید و اطلاعات را با تعداد کمی کلیک نسبت به صفحه اصلی سایت قرار دهید. 3. محتوای سایت خود را با فرمت های مختلف قرار دهید. همه افراد مایل به دیدن یک ویدئوی 10 دقیقه ای و مایل به خواندن متن های بلند نیستند. به کاربران این اجازه را بدهید تا خودشان نحوه تعامل با محتوای سایت شما را انتخاب کنند. 4. یکی از نکات مهم در طراحی سایت عکس هایی است که در سایت خود قرار می دهید. حتما تصاویر را تگ گذاری کنید. اگر تصاویر موجود در وب سایت شما به صورت مناسب بارگذاری نشوند، کاربران فرض را بر این می گذارند که وب سایت شما دارای مشکلات متعدد است و در واقع خراب است. در تصاویر خود از alt tag ها استفاده کنید تا اگر تصویری به هر دلیل به درستی بارگذاری نشد، کاربران بتوانند از جزییات عکس مطلع شوند و متوجه شوند که چه عکسی و در چه موردی است. [align=center][/align] در تصاویر وب سایت AltTag اهمیت داشتن 5. سرعت بارگذاری وب سايت خود را آزمايش کنید. برای این کار می توانید از سرویس گوگل https://developers.google.com/speed/pagespeed/insights استفاده کنید. این سرویس پس از تحلیل و بررسی URL سایت شما، پیشنهاد هایی برای افزایش سرعت بارگذاری سایت به شما ارائه می دهد. سرعت در طراحی سایت یکی از مؤلفه های موتورهای جستجو برای افزایش رنکینگ سایت می باشد. 6. فایل های درون سایت را فشرده کنید زیرا که فایل های پر حجم سرعت سایت را پایین می آورند و باعث از دست دادن بازدیدکنندگان می شود. این چند نکته ساده به شما کمک می کند تا طراحی سایت خود را بهبود بخشید و نظر بازدیدکنندگان را به آن جلب کنید. منبع : طراحی سایت