امروزه وقتی به اطراف خود نگاهی می اندازیم ، افراد در سنین مختلف با سلایق فردی ، به روش های گوناگون با تکنولوژی های روز سر و کار دارند . چرا که استفاده از تکنولوژی ها امروزه یک امر مهم برای هر فردی به یک الزام تبدیل شده است . گوشی های هوشمند در این زمینه سن و سال نمی شناسد و هر فردی می تواند در سنی از تلفن های هوشمند استفاده کند .
اینترنت لبریز از بیلیون ها صفحه وب است که در حال انفجار اطلاعات است و اگر شما می خواهید در این بین حرفی برای گفتن داشته باشید باید اطلاعاتی منحصر به فرد و تک برای عرضه داشته باشید. در این بین یک وبمستر وسوسه می شود که اطلاعاتی تحت هر موضوع و زمینه ای را برای بازدید کنندگان فراهم کند که از این رو کاربران هر اطلاعاتی هر چند ناقص را می توانند بدست آورند.
در یک سایت خوب یک سیستم هدایت کاربر بدون عیب، مهم و ضروری به نظر می رسد. در اینجا به این موضوع پی خواهید برد که چطور به بازدید کنندگان در پیدا کردن سریع موضوع مورد نظرشان کمک کنید. در واقع هر سایتی یک ساختاری برای هدایت کاربران دارد که به بازدید کنندگان خود برای پیدا کردن مطالب مورد نظرشان کمک می کند. این سیستم بسیار حساس است به طوری که اگر یک کاربر عجول در مدت زمانی به منابع مورد نیاز خود نرسد ممکن است سریعا آن محل که سایت ما می باشد را ترک کرده و دیگر باز نگردد. طریقه قرار گیری اجزا سایت می تواند این سیستم را تشکیل دهد که همین امر می تواند یک ساختار برای سایت ما درست کند. این اجزا باید سازگار و قابل درک برای همه باشد و همچنین از قراردادهای اینترنت هم پیروی کند. پس با ساخت سیستم هدایت کاربر در طراحی سایت با ما همراه باشید.
اولین چیزی که باید در نظر گرفته شود نام تارگاه شماست. این مورد به طور معمول جزئی برای سیستم هدایت کاربر محسوب نمی شود ولی بعضی بازدیدکنندگان برای رسیدن به سایت شما آدرس را در مرورگر می نویسند و به دیگران هم می گویند که این خود می تواند اولین قدم در جلوگیری از سردرگمی کاربران باشد. بدین جهت تا حد امکان از نام های کوتاه استفاده کنید و از نشانه گذاری و املای نامنظم پرهیز کنید. حدالمقدور از نام های کوتاه برای زیرپوشه ها استفاده کنید تا به خاطرسپاری و یادآوری بهتری برای بازدیدکنندگان داشته باشد و این مورد بیشتر در مواردی کاربرد دارد که بازدیدکنندگان مستقیماً آدرس صفحات را در مرورگر وارد می کنند. به همین دلیل شاید امروزه دیگر کسی این کار را انجام نداده و اندازه آدرس ها چندان در این مورد مهم نیستند. به خصوص که در حال حاضر سامانه های مدیریت محتوا این کار را به صورت حرفه ای و بدون نیاز به دخالت کاربر انجام می دهند.
HTML یک زبان تعبیه شده برای رایانه است که ساخت یک وبسایت را ممکن می سازد. سپس این وبسایت ها می توانند توسط هر فرد دیگری که به اینترنت متصل هستند دیده شوند. یادگیری آن نسبتاً آسان است و در آنچه که به شما اجازه ساختن می دهد بسیار قدرتمند است. برای یادگیری html شما به هیچ ابزار اضافی به غیر از یک رایانه ساده احتیاج نخواهید داشت و مدت زمانی که برای یادگیری از شما می گیرد بسیار محدود است.
HTML کوتاه شده ی Hypertext Markup Language است که به فارسی زبان علامت گذاری ابرمتن، معنی می شود. که برای هر قسمت از کلمات آن می توان تعریفی ارائه کرد:
در این قسمت از سایت “وبنولوژی”، ما قصد داریم یک دوره کامل آموزشی را از زبان علامت گذاری HTML، برای شما آماده کنیم. با توجه به این موضوع که هر کس که به نوعی در اینترنت فعالیت دارد، از یک وبلاگ نویس گرفته تا طراح سایت های پویا، به دانستن این زبان علامت گذاری احتیاج دارد، تصمیم بر آن گرفتیم که یک دوره آموزشی کامل HTML را به طور کامل در اختیار شما قرار دهیم. امیدواریم که مورد رضایت شما عزیزان واقع گردد.
اگر کمی با مبانی وب و شبکه اینترنت، آشنا باشید تا به حال کلمه HTML به گوشتان خورده است. به عنوان مثال اگر دارای یک وبلاگ هستید که به صورت حرفه ای می خواهید به این کار ادامه دهید دانستن حداقل اصول پایه این زبان الزامی است. هر چند در وبلاگ نویسی این امر بسیار ساده سازی شده است. ولی اگر خواسته باشید برای خود سایتی دست و پا کنید، حیاتی است که به فکر یادگیری این اصل باشید. چون این گام اولین و اساسی ترین مرحله در طراحی وب می باشد.
ما قبلا در مورد اهمیت بعضی موارد در طراحی سایت از قبیل اصطلاحاتی که در محتوایتان استفاده می کنید و طراحی آن، با شما صحبت کردیم. اما یک مورد جدی و تعیین کننده ای که شما باید آن را در نظر بگیرید قابلیت دسترسی سایت برای افراد مختلف است. بیشتر افرادی که به سایت شما سر می زنند دارای نمایشگرهایی با رزولوشن های مختلف هستند و ظاهر سایت شما به طور کامل برای همه ی بازدید کنندگان تان یکسان نیست. مهمتر از همه بعضی افراد ممکن است بینایی ضعیفی داشته باشند و یا حتی نابینا باشند. با این محدودیت شما چطور می توانید ساییتان را برای همه، کاربر پسند طراحی کنید؟
در این رابطه شما ممکن است به یک شیوه برای تغییر نحوه کدنویسی سایتتان احتیاج پیدا کنید. یک فرصت و مجالی که در این گونه ممکن است برای شما اتفاق بیافتد این است که این نوع از خوانندگان با استفاده از نرم افزارهایی که برای افراد متون را می خوانند، اقدام به خواندن صفحات سایت شما کنند. که کلمات صفحه ای از سایت را برای کاربر با صدای بلند می خوانند. برخی از این برنامه ها پیشرفته تر از بقیه موارد است ولی در کل شما می توانید خوانندگانتان را در یک مسیر درست هدایت کنید. اگر شما به راهنمایی هایی که در اینجا گفته شده دقت کنید و از کدنویسی تمیز برای سایتتان استفاده کنید، می توانید با این امکانات ساییتان را در این مورد بهتر بسازید.
نوشتن برای وب یا سایت تنها کاری است که شاید یک وبمستر هر روز با آن روبرو است. در این نوشتار شما را با تعدادی قاعده که می تواند در بهبود نوشته هایتان کمک کند همراهی می کنیم. مثلا در مورد زبانی که شما برای سایتتان استفاده می کنید، مطمئن شوید که قابل ارائه و قابل نمایش باشد و توجه خوانندگان را با بررسی درستی املا، دستور زبان، اصطلاح یابی و لحن، به سایت خود جلب کنید.
به نظر می رسد واضح باشد که بگوییم، باید مطمئن شوید که در سایتتان هیچ اشتباه املایی و خطای دستور زبانی وجود نداشته باشد. اما اغلب این مورد در شور و هیجان تمام کردن طراحی سایت نادیده گرفته می شود. متاسفانه هیچ چیز به اندازه ویرایش نامرتب و املای نادرست یک سایت را کاملاً ناشیانه نمی سازد.
شما باید کلماتی را که می خواهید در ساییتان نشان دهید، ابتدا داخل یک پردازشکر متن مانند ورد یا اپن آفیس ببرید، و قبل از انتشار متن ابزار ویراشگر املا و گرامر را اجرا کنید. خواندن در صفحه نمایش رایانه سخت تر از دنبال کردن آن بروی کاغذ است، بنابراین روند را برای خوانندگانتان با مجبور کردن آنها به خواندن جملات گیج کننده با غلط های املایی، دستور زبان ضعیف و نشانه گذاری نادرست، مشکل تر نکنید.
اگر شما می خواهید یک طرح و سبک رنگ یا رنگ بندی، برای سایت خود اجرا کنید و با یک ایده فکرتان مشغول شده است، از سرویس رایگان شرکت آدوب یعنی Kuler گزینه بهتر دیگری وجود ندارد. Kuler (که کالر ادا می شود،) یکی از برنامه های مفید و کاربردی تحت وب است که به شما برای انتخاب یک طرح رنگ مناسب برای وبسایت تان کمک می کند. در این مکان هزاران طرح رنگ از پیش آماده وجود دارد که شما می توانید از آنها استفاده نمایید یا اینکه یکی برای خودتان بسازید. در همانجا توضیح داده شده است که کالر چگونه کار می کند.
در ادامه با این قسمت از سایت آموزش کامل طراحی سایت هم با ما همراه باشید.
گردونه رنگ و طرح رنگ
برای شروع کار به آدرس http://kuler.adobe.com بروید و بروی دکمه Create که در قسمت سمت چپ قرار دارد کلیک کنید، برای این که این سرویس کشور ایران را تحریم کرده است، به طور مستقیم نمی توان به سایت های شرک آدوب دسرسی داشت، باید به نوعی IP خود را تغییر دهید. برای این کار در اینترنت نرم افزار زیاد است. پس از ورود به صفحه اصلی، شما دایره رنگی را خواهید دید که در آن پنج نقطه مشخص شده است. یکی از آن رنگ ها یک دایره سفید پیرامون خود دارد که آن همان رنگ پایه سایت شما است. این رنگ را به هر قسمتی که می خواهید بکشید تا چهار رنگ دیگر متناسب با جابجایی رنگ پایه یک طرح رنگ را به شما ارائه دهند. به طور پیش فرض یک قاعده قیاسی انتخاب شده است، به این معنی که چهار رنگ فرعی نسبت به رنگ پایه یک تشابهی دارند. شما در قسمتی از صفحه می توانید این قاعده را به شش نوع دیگر که از قبل تنظیم شده است تغییر دهید، به عنوان مثال این قواعد شامل مکمل، تک رنگ یا دلخواه می باشد. همچنین شما می توانید یکی از چهار رنگ فرعی را هم به رنگ مورد نظر خود تغییر دهید که در اینجا سه رنگ فرعی دیگر هم به صورت خودکار به رنگ هایی تغییر خواهند کرد که قبلاً براساس آن قاعده ای را انتخاب کرده بودید.
برای راحتی کار بازدیدکنندگان تا حد ممکن شما باید در طراحی خود عناصر، رنگ و قلم یکسانی اعمال کنید. ما قبلاً دیدیم که اگر عناصر سیستم هدایت کاربر از قبیل لینک هایی که کاربر را به صفحه اول برمی گردانند، بروی جای جای وبسایت دائماً در حال جابجایی و تغییر اندازه و رنگ باشند، جابجایی کاربران بروی سایت کار مشکل و طاقت فرسایی خواهد شد. و در نهایت بهای آن، از دست دادن بازدید کننده خواهد بود.
بهترین راه برای یکپارچه سازی ظاهر سایت استفاده از CSS است. سی اس اس تکنولوژی ای برای سبک دادن به صفحات سایت است. اکثر سایت ها از دو جزء اصلی تشکیل شده است یکی html است که محتوای سایت را شامل می شود، و دیگری CSS که وظیفه سبک دهی به صفحات را دارا می باشد. این دو جزء از اجزاء لاینفک هر صفحه وب هستند. CSS تضمین می کند که سایت شما تماماً ظاهر یکسانی داشته باشد، چون می توانید برای کل سایت از یک پرونده سی اس اس استفاده کنید. اگر شما یکی از اجزا یا قلم را در این پرونده تغییر دهید، هر نمونه ای از آن عنصر که در هرجای سایت وجود دارد تغییر خواهد کرد.
اینترنت لبریز از بیلیون ها صفحه وب است که در حال انفجار اطلاعات است و اگر شما می خواهید در این بین حرفی برای گفتن داشته باشید باید اطلاعاتی منحصر به فرد و تک برای عرضه داشته باشید. در این بین یک وبمستر وسوسه می شود که اطلاعاتی تحت هر موضوع و زمینه ای را برای بازدید کنندگان فراهم کند که از این رو کاربران هر اطلاعاتی هر چند ناقص را می توانند بدست آورند.
