موضوع : طراحی وب
طراحی سایت برای کسب و کار یا سرگرمی!
اطلاع در مورد چگونگی طراحی وب سایت برای اشخاصی که می خواهند وب سایتی برای کسب و کار و یا سرگرمی خود ایجاد نمایند، ضروری می باشد. وب سایت های آنلاین زیادی هستند که برای شما به سادگی توضیح می دهند که برای طراحی سایت و انجام کارها چه مواردی را باید در نظر گرفته و انجام دهید. اما تعداد کمی از آنها راه حل های مناسب برای مبتدیان ارائه می کنند.
به نظر می رسد افراد به نوعی از پیش زمینه و آگاهی کلی در مورد بسیاری از عوامل موثر در طراحی سایت نیاز دارند. آن وب سایت ها نگاه ساده تری نسبت به آنچه واقعاً هست دارند. مطمئناً هر کسی می تواند یک وب سایت با ظاهر قابل قبول ایجاد نماید، اما چگونه می توان طراحی وب سایت را به صورتی انجام داد که آن وب سایت برای شما پول ساز باشد و بازدیدکننده را به خود جلب نماید؟
این دو دلیل بسیار پر اهمیت می باشد و هر کسی قادر به انجام آن در طراحی سایت نیست. مهم نیست که شما چه کسی هستید و یا وب سایت شما چه مورد استفاده ای دارد. به هر حال یکی از این دو معیار باید در طراحی سایت توسط طراح وب سایت تاٰمین شود.
اول از همه باید وب سایت شما بازدیدکننده را جذب نماید: در غیر این صورت داشتن یک وب سایت هیچ فایده ای برای شما نخواهد داشت. حتی اگر شما فقط به منظور داشتن سرگرمی و یا ارتباط با افراد خانواده، دوست و آشنا (بهتر است این کار با فیس بوک انجام شود!) اقدام به ساخت و طراحی وب سایت نموده اید تا افراد آن را ببینند؛ اگر مایل به کسب درآمد از طریق وب سایت هستید، پس هنوز هم نیاز به بازدیدکننده داشته و باید بتوانید آنها را برای خرید از طریق وب سایت خود متقاعد نمایید.
این بدان معناست که باید با افراد تماس خود را حفظ کنید؛ باید آدرس ایمیل و نام و مشخصات بازدیدکنندگان وب سایت خود را نگه داشته و با آنها در تماس باشید. به بازدیدکنندگان وب سایت خود پیشنهادات ویژه ارائه کنید و یا به آنها اطلاعات ارائه نمایید تا در نهایت اعتماد ایجاد شده و آنها از شما خرید نمایند.
برای ایجاد شناخت و مواجهه افراد با محصولات شما و ایجاد چشم انداز در وب سایت و به منظور فروش و در نهایت بازگشت افراد به وب سایت تان، تبلیغات بسیار ضروری می باشد. در اکثر وب سایت ها که به شما نحوهء ایجاد وب سایت را نشان می دهند، به شما نمی گویند که هنگام طراحی سایت باید ساختار وب سایت به گونه ای باشد که برای شما به اصطلاح کار کند.
این کار مانند خرید ماشین است. شما فقط برای این ماشین نمی خرید که درون ماشین درست مانند تاکسی، فقط بنشینید و به مقصد خود بروید. باید یاد بگیرید که چگونه آن را برانید . هنگامی که یاد گرفتید می توانید رانندگی کنید. حال چرا طراحی سایت شبیهه این مثال است! چرا که نه؟ چرا که از کوچکترین بخش تا تمامی بخشهای دیگر، نیاز دارد که به گونه ای طراحی شود که وب سایت برای شما کار کند.
در اینجا به چند مورد ضروری اشاره می کنیم که در طراحی سایت باید رعایت شود تا وب سایت برای شما منبع درآمد باشد:
میزبان وب سایت شما ارائه دهندهء فضا برای وب سایت شما می باشد. دقیقاً مثل یک دایرکتوری بزرگ که شما می توانید فایل های خود را در آن قرار دهید؛ فایلهایی مثل فایل صفحات وب سایت، فایل های گرافیکی، محصولات و غیره… میزبان وب شما و یا ارائه دهندهء خدمات میزبانی وب بدان معنی است که شما را به دنیای Www ارتباط می دهد.
نام دامنه شما نام وب سایت شماست : در واقع کلماتی که بعد از http://www می آیند نام وب سایت شما خواهد بود. قبل از طراحی سایت و ساخت آن وب سایت، شما نیاز به نام دامنه دارید. می توانید نام هایی که هنوز استفاده نشده و در دسترس می باشد برای وب سایت خود انتخاب نمایید و سپس آنرا با DNS خود (خدمات نام دامنه) ثبت نمایید. نام دامنه برای شما سالیانه ۱۰ دلار هزینه خواهد داشت – هرگز مالک نام آن دامنه نخواهید بود در واقع فقط هر سال آن را اجاره می کنید. همچنین می توانید برای چند سال هزینهء آن را بپردازید.
بعلاوه برای این کار نیاز به نرم افزار انتخاب کلمه کلیدی، برای انتخاب نام دامنهء مناسب برای وب سایت خود دارید. شما برای ویرایش متن HTML نیاز به یک نرم افزار ساخت و طراحی سایت دارید. HTMLزبان برنامه نویسی است که برای ساخت وب سایت به کار می رود و بسیاری از ویرایشگر های متنی HTML اقدام به ارائه عملکرد Wysiwyg کرد و نیازی نیست که دیگر در مورد HTML چیزی بدانید و فقط کافی است آنچه را می خواهید تایپ نمایید.
با این حال اگر می خواهید به صفحات دیگر از وب سایت خود لینک شوید و یا می خواهید گرافیک و یا تصاویر گرافیکی به وب سایت خود و یا چیزهای دیگری به غیر از متون ساده اضافه نمایید، نیاز به کمی آگاهی و دانستن در مورد HTML دارید.
شما نیاز به ایمیل تجاری برای ارائهء خدمات وب سایت خود دارید. اگر در وب خود از ایمیل های آزاد استفاده نمایید، هیچ کس از شما خرید نخواهد کرد! سیستم پاسخگوی اتوماتیک: باید از این سیستم برای پاسخگویی و ارسال ایمیل ها استفاده نمایید مگر در مواردی که بخواهید تا آخر عمر به صورت دستی و شخصاً ایمیل بنویسید و ارسال نمایید. سیستم پاسخگوی اتوماتیک می تواند برای افرادی که درخواست ارسال اطلاعات کرده اند، ایمیل ارسال نمایید، سفارش بگیرد، تحویل سفارش برای کالاهای الکترونیکی، ارسال فاکتور و رسید ها و ارسال یادداشت تشکر و قدردانی را انجام می دهد.
همچنین ارسال ایمیل های هفتگی و ماهیانه به صورت دوره ای که امید به تبدیل شدن آنها به مشترکان و مشتریان دائمی شما را دارند، انجام می دهد. اگر در وب سایت شما کالا به فروش می رسد، باید اقدام به تعبیه “سبد خرید” در وب سایت نمایید. حتی اگر کالا های شما کتاب الکترونیک و یا نرم افزار می باشد، برای ارائهء کالا به مشتری باید فضای سفارش را برای آنها تعریف نمایید. همچنین در طراحی سایت خود اگر بیش از یک محصول به فروش می رسانید، نیاز به تهیهء کاتالوگ محصولات برای وب سایت خود دارید.
پردازشگر پرداخت در وب سایت به معنای پذیرش کارت اعتباری برای پرداخت و هزینه های خرید می باشد. اگر قادر به انجام چنین کاری در وب سایت خود نیستید، بهتر است اصلاً کار فروش کالا را در وب سایت خود را شروع نکنید.
برای تجزیه و تحلیل ترافیک وب سایت، نیاز به نرم افزار ترافیک برای آنالیز ترافیک وب سایت مناسب بوده و می توانید دریابید که چه صفحه ای از وب سایت شما محبوب تر است و یا چه کلمه کلیدی، افراد بیشتری را جذب وب سایت شما می نماید. و یا خواهید دانست که افراد از چه صفحه ای بدون خرید کردن آن صفحه را ترک می کنند.
پس با این آنالیز می توانید صفحه های ضعیف تر را بهبود بخشیده تا بازدیدکنندگان وب سایت خود را حفظ نمایید. سایر نرم افزارها و یا وظایف دیگر نیاز به ساخت و طراحی سایتی دارد که برای موتورهای جستجو بهینه سازی وب سایت شده و به درستی کار می کند.
برای اطمینان از این که وب سایت شما در لیست رتبه بندی موتورهای جستجو مانند گوگل و دیگر موتورهای جستجو قرار گرفته و برای پیشرفت وب سایت از نرم افزارهای صوتی تصویری، نرم افزارهای گرافیکی و یا وبلاگ برای ایجاد بازار (بازاریابی) استفاده نمایید.
همهء این نکات ملزوماتی برای یادگیری و استفاده هنگام ساخت و طراحی وب سایت می باشد. این امکان وجود دارد که یک نسخهء رایگان برای دریافت خدمات هاستینگ برای وب سایت های ارزان تر ایجاد شود. اما برخی از آنها فاقد قابلیت هایی هستند که بتوانند به وب سایت شما ظاهری حرفه ای دهند و قادر به متقاعد کردن افراد برای ادامه حضور در وب سایت و خرید از آنها نمی باشد.
در صورتی که برای مواجه با تمامی این نکات و رعایت آنها در طراحی سایت خود ترس دارید، حق با شماست. زیرا برای یادگیری و به کارگیری تمامی اینها وقت نیاز دارید. برای این کار جوابی برای شما وجود دارد که سیستم آنلاینی هست که به وب سایت شما، تمامی این نکات را با هم برای طراحی وب سایت به شما ارائه می کند.
بعضی از آنها واقعاً همهء نیازهای یک وب سایت را برطرف می کنند و تمام کاری که باید انجام دهید این است که محتوای سایت را به آن اضافه نمایید. با این حال باید یاد بگیرید که چگونه هر یک از ویژگی های ارائه شده را به طور جداگانه بکار ببرید. بعداً این سیستم قابلیت های بیشتری می تواند به وب سایت شما اضافه نماید.
سابقاً به شما اجازه داده می شد تا بدون اطلاعات اولیه از موضوع، سایتی ساخته و طراحی وب نمایید. با این سیستم شما با انتخاب قالب سایت خود و پر کردن جاهای خالی که کمی شبیه نقاشی با اعداد می باشد، می توانید طراحی سایت خود را انجام دهید.
طراحی وب سایت و موتورهای جستجو
از زمانی که شروع به نوشتن کردم، موضوع اصلی مقالات من طراحی وب سایت های سازمانی برای دیده شدن در موتورهای جستجو می باشد. ساختار URL ، تغییر مسیر آدرسها، مواجه با موانع روند طراحی سایت، قرار دادن پژوهش و جستجو در اولویت تمامی مطالب، از جمله مباحث مطرح شده در این مقالات می باشد.
به تازگی قصد داشتم از طریق فرآیند کشف که بر روی ۵۰۰ مورد اجرا شده، بررسی های لازم انجام شده، اقدام به راهنمایی شرکت ها برای طراحی مجدد وب سایت نمایم. من به طور مستقیم در مورد جنبه های جستجو در پروژه صحبت کردم.
سوال این نیست که وب سایت شما مجدداً طراحی سایت شده یا نه، در واقع فقط یک سوال ساده است که چه زمانی این کار انجام شده است. اکثر شرکت ها به نوعی هر دو سال یک بار طراحی مجدد به صورت کلی برای وب سایت خود در نظر می گیرند. بنابراین “چه زمانی” اغلب به معنی “حال حاضر” است! و مهم نیست که روند طراحی وب سایت شما در چه مرحله ای می باشد.مهم ترین چیزی که باید به خاطر داشته باشید این است که جستجو باید مرکز توجه در هر یک از مراحل روند انجام پروژه باشد.
چگونه می توان یک جستجو و بررسی به صورت طبیعی انجام داد؟ در اینجا چند نمونه برای شروع این کار به شما ارائه می کنم:
استفاده از زبان و پیامی که مطابق با ادراک کاربرانی که از خدمات و محصولات شما استفاده میکنند.
در اکثر موارد موتورهای جستجو هنوز بسیار تحت الفظی کار می کنند و واقعاً هوش معنایی نهفتهء بالایی دارند. محتوا و زبان که بازتابی بر راههای جستجوی کاربران دارد، برای شرایط رتبهء وب سایت و رنکینگ آن نیز تاثیر گذار می باشد. راهی که برای درک این زبان وجود دارد، تحقیق در مورد زبانها و بررسی و جستجوی کلمات کلیدی می باشد. همچنین با مطالعه و با علم به هدف وب سایت خود، قادر به درک آن خواهید بود. تاثیر زبان و کلمات کلیدی و راهنمایی در مورد اطلاعات داده شده در وب سایت و استراتژی محتوا از جمله جنبه های دیگر این راه می باشد.
خواندن فایل های گزارشات (بررسی و تجزیه و تحلیل گزارش ها)
اگر می خواهید بدانید که چه چیزی را در طراحی مجدد وب سایت از دست می دهید،نگاهی به آنچه در حال حاضر از ترافیک وب سایت خود و تصویری که از وب سایت شما در موتورهای جستجو و Conversion وب سایت شما بدست آمده بیاندازید. آیا با وجود کلماتی مانند “خرید”،”سفر”،”بانکداری” به وب سایت شما ترافیکی هدایت می شود؟ آیا موجب افزایش ترافیک وب سایت شما شده است؟ آیا بخشی از وب سایت خود که ترافیک بیشتری با کلمات کلیدی بلندتر دارد را مشاهده نموده اید؟ به احتمال زیاد خواهید دید که بعضی از بخشها ارزش های زیادی را برای شما حفظ کرده اند.
اطمینان حاصل نمایید که طراحی وب سایت شما کاملا قابل ایندکس شدن و بررسی شدن در موتورهای جستجو را دارد.
تکنولوژی و فن آوری قوی اینترنت در موتورهای جستجو بلافاصله باعث میشود که در یک نگاه اجمالی به اصل ماجرا پی ببرد. فلش و Ajax ابزارهای کلیدی در طراحی سایت و توسعهء آن هستند،اما ملاحظات دیگری برای جستجو نیز باید رعایت شود.
اجتناب از مسائل canonicalization در ایجاد آدرس URL
هنگامی که شماره تلفن شما تغییر می کند، شرکت شما باشد بر روی شمارهء قدیمی برای افرادی که به شمارهء قبلی شما تماس می گیرند، پیغامی مبنی بر اطلاع رسانی شماره های جدید ظبط نمایید. این یکی از تاثیرات ۳۰۱ تغییر مسیر دائمی بر روی موتورهای جستجو می باشد – که آدرس URL قدیمی و بک لینک ها را به آدرس URL جدید منتقل می نماید. در این صورت موتورهای جستجو و وب سایت شما هر دو خرسند خواهند بود. مشکل canonicalization فقط هنگامی رخ می دهد که ۳۰۲ تغییر مسیر به صورت دائم به صفحات منتقل شود. مثلاٌ دیده شده که مشتریان با چهار یا پنج طراحی مجدد برای یک صفحه از شش تا هشت تغییر مسیر ایجاد می کنند که هر کدام شامل مجموعه ای از لینک های ورودی هستند. اساساً این روش برای موتورهای جستجو برای تشخیص “آدرس های واقعی” مشکل ایجاد کرده و نمی توانند دقیقاً در صفحهء لیست نتایج خود چه URL و بک لینک هایی از وب سایت شما نشان دهند. چگونه می خواهید آن را درست کنید؟ به نکتهء بعدی توجه نمایید.
راه اندازی یک طرح تغییر مسیر
در هر پروژهء طراحی سایت به صورت مجدد، حداقل چند مطلب از محتوای وب سایت برداشته و تغییر پیدا می کند و همچنین URL آن مطلب نیز برداشته می شود. با استفاده از ۳۰۱ تغییر مسیر برای اشاره به صفحات مشابهه در وب سایت تان و یا نقشهء سایت و همچنین صفحهء اصلی و یا صفحهء مرسوم ۴۰۴، به موتورهای جستجو و کاربران خود کمک خواهید کرد. برای اینکه دریابید کدام URL از بین رفته و کجا مجدداً ایجاد شده است باید زمان صرف کرده و آن را در یک روز انجام دهید تا سریعتر تغییرات ایجاد شده انجام شود.
محتوایی که پشتیبان رتبه بندی وب سایت شماست، بدون ارزیابی و بررسی ریسک آن، اقدام به حذف آن ننمایید.
یک اشتباهی که غالباً دیده می شود هنگامی است که یک محتوا از مطالب وب سایت حذف می شود و هیچ جایگزینی برای مطالب و برای حمایت از رنکینگ وب سایت که قبلاً ایجاد شده در نظر گرفته نشود. قبل از دستکاری محتوای سایت، به یاد داشته باشید که چقدر بدست آوردن این رتبه برای وب سایت شما کار مشکلی بود. مطمئناً می دانید که رنکینگ در جهت ایجاد ترافیک بسیار پر اهمیت می باشد. بعد از آن می توانید برنامه برای تغییر محتوا و جایگزین محتوای جدید و یا عدم تغییر آن داشته باشید.
قبل از شروع برنامه ریزی،جستجو باید شامل دو چیز که یکی کسب و کار و دیگری نیازهای فنی باشد.
اگر جستجو ابتدا اولویت را توجه و ملاحظات و نیازها را در نظر نگیرد، بعداً و هنگام اتمام پروژه برای برنامه ریزی مجدد، ۱۰ برابر سخت تر و گران تر خواهد شد.
اطمینان حاصل فرمایید که در درون ساختار تیم طراحی وب سایت شما صدایی برای جستجو وجود دارد.
برای داشتن یک متخصص جستجو به عنوان بخشی از تیم طراحی وب سایت(و اجرای توصیه های آنها) و برای اطمینان از انتقال صحیح مطالب در طراحی سایت مجدد و روند انجام مجدد کارها و افزایش پتانسیل برای رشد و توسعه سایت اقدام نمایید.
مطالب بالا، بدون کمی استراتژی ذهنی در پس انجام پروژه، کاملاً بی فایده است. از تجربیات شرکت های ارائه دهندهء خدمات بهینه سازی وب سایت و کمک های منحصر به فرد و نیازها و اهداف آنها استفاده نمایید؛ این کار را بخشی از انتگرال روند طراح مجدد وب سایت خود قرار دهید. اینها تنها چند ملاحظه برای شروع مجدد طراحی وب سایت می باشد. می توانید آزادانه به این مطالب، ملاحظات خود را برای طراحی سایت و طراحی مجدد آن اضافه نمایی
طراحی وب سایت موفق در قالب CSS
طراحی سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد. با این حال، اکثر طراحان وب سایت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.
در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی سایت ایجاد کند؛ که با استفاده از CSSدر طراحی وب سایت از منافع آن بهره مند شده و از وجود دسترسی های ساده اطمینان حاصل نمایید.
اما اگر با یک سایتی که به درستی مدیریت شده و به طور مرتب مطالب آن به روز می شود و با وجود تعداد زیادی محتوای دینامیک(پویا)، بسیار مهم است که بتوان بدون نیاز به ویرایش HTML در هر صفحه و بدون پخش شدن مطالبی که تا به حال جمع آوری شده، کار انجام داد.پاسخ این کار CSS می باشد. اما تنها در صورتی می توان در طراحی سایت از CSS بهره مند شد که مطالب و محتوا به طور کامل از سبک جدا شده باشد.
برای داشتن طراحی سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری است که بدانیم که در هر نسخه متنی HTML در واقع ۲ عنصر جداگانه وجود دارد. یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر و ویژگی های مختلف در صفحه را تعریف می کند.
برای ایجاد موفقیت در طراحی وب سایت با CSS، عناصر ساختاری صفحات HTML نیاز به برنامه ریزی و اجرا و پذیرش CSS برای ایجاد تغییرات در صفحه صرف نظر از محتوای ان دارد. به عنوان مثال اکثر صفحات در طراحی سایت باید دارای Header و یا عنوان، ستون سمت چپ، فضای اصلی و ستون سمت راست و همچنین پاورقی باشد.
اینها عناصر ساختاری صفحه در طراحی سایت می باشد. در هر یک از این عناصر ساختاری باید محتوای صفحه قرار گیرد. به طور مثال لوگو(آرم تجاری شرکت) در عنوان صفحه، منو در ستون سمت چپ صفحه و متن اصلی در محوطهء اصلی صفحه قرار می گیرد.
در این روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن می تواند بدون نگرانی در مورد محتوا و مطالب بخشها و محل های هدفمندی برای هر صفحه ایجاد نماید. اگر فضای متن در ستون سمت چپ صفحه ۱۰ پیکسل باشد و فضای اصلی صفحه ۱۲ باشد، در CSS می توانید مطالب و چیزهایی که تمایل به انجام آن دارید را در این فضا قرار دهید. سمت چپ سایز فونت ۱۰ و فضای اصلی سایز فونت می تواند ۱۲ باشد.
این بدان معنی است که تا زمانی که صفحه با همان پایهء عناصر ساختاری باشد می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت نسخهء متنی HTML که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با CSS در این کار می باشد.
برای تعمیم بیشتر، نیاز به یک ساختار صفحه ای است که تقریباً به اندازهء کافی انعطاف پذیر بوده به طوری که CSS بتواند عملیاتی که لازم و ضروری و موثر است را انجام داده و این عمل بدون هیچ گونه نگرانی در مورد محتوا در هر بخش از طراحی سایت و صفحات برگزار شود.
برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود: table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در منطقهء مربوطه قرار دهید.
بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های گرد(rounded corners)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری قرار دهد.
اگر این روش در ساختار مناطق دیگر در html استفاده شود، صفحه ای را خواهید داشت که صفحه بندی آن به طور کامل توسط CSS طراحی شده و به طور کامل از محتوای صفحه مستقل و غیر وابسته خواهد بود.
نکات موثر در طراحی وب سایت
نکته ۱: از لینکهای متنی استفاده کنید!
شاید استفاده از تصاویر یا اشکال گرافیکی در طراحی سایت بسیار وسوسه انگیز و اغوا کننده باشد اما بعضی مواقع یک کم هم بسیار زیاد است ! تا جایی که برایتان امکان دارد سعی کنید که پیوندهای موجود بین صفحاتتان را بصورت لینک های متنی طراحی کنید، زیرا این نوع لینکها بسیار موثر تر از لینکهای تصویری یا گرافیکی عمل می کنند . مطالعات نشان داده که اکثر بازدید کنندگان سایتها ابتدا لینکهای متنی را خوانده و سپس به سراغ لینکهای تصویری یا گرافیکی می روند .
اگر شما ناچارید که از لینکهای تصویری یا گرافیکی در وب سایتتان استفاده نمایید حتما از پارامتر Alt برای تصویرتان استفاده کنید . استفاده از این پارامتر در طراحی لینکهای تصویری باعث می شود که کاربرانی که از کاوشگرهای متنی مانند lynx استفاده می کنند یا کاربرانی که گرافیک و تصویر را در کاوشگرهای خود غیر فعال کرده اند نیز بتوانند راه خود را در میان صفحات وب سایت شما پیدا کنند .به علاوه سعی کنید حتما در قسمت پایین هر صفحه با استفاده از لینکهای متنی راهنمایی واضح از سایتتان ارائه دهید تا صفحات اصلی سایت شما از این طریق نیز قابل دسترسی باشند .
نکته ۲: یک صفحه با عنوان نقشه سایت طراحی کنید .
صفحه نقشه سایت می تواند یک راهنمای بسیار خوب برای کاربران سایت شما باشد. در طراحی صفحه نقشه سایتتان سعی کنید از یک ساختار درختی استفاده کنید بگونه ای که بخشهای مهم سایت بطور واضح در آن مشخص شده باشد و صفحات مربوط به هر کدام از بخشها به صورت زیر مجموعه آن بخش نمایش داده شوند . برای مثال می توانید سایت خود را به ۴ بخش اصلی شامل محصولات، خدمات، سوال های رایج و تماس تقسیم کرده و عناوین صفحات مرتبط با هر یک از این بخش ها را در زیر آن قرار دهید بصورتی که به صفحه مربوط به خود لینک شوند .
نکته ۳: از بکار بردن فریم پرهیز کنید.
تا جایی که امکان دارد سعی کنید از بکار بردن فریم در طراحی وب سایتتان پرهیز کنید. اکثر مرورگرهای رایج با نمایش فریم ها مشکل دارند و ممکن است کاربران هنگامی که در صفحه مقابل خود با چندین اسکرول بار مختلف روبرو می شوند به طور کامل گیج شوند ! اگر ناچارید که حتما از فریم ها در طراحی سایت خود استفاده نمایید پس خودتان را برای دوبرابر شدن کار آماده کنید زیرا لازم است که یک نسخه بدون فریم هم از سایتتان بسازید تا کاربرانی که کاوشگرهای آنها فریم ها را پشتیبانی نمی کند هم بتوانند از وب سایت شما استفاده نمایند.
نکته ۴: از لینکهای حرکت دار بپرهیزید !
در طراحی سایت خود سعی کنید از بکار بردن لینکهایی که در حال حرکت هستند یا لینکهایی که دائما تغییر رنگ می دهند یا چشمک می زنند پرهیز کنید . همچنین سعی نکنید که لینکهای بازدید شده و بازدید نشده را با تفاوت رنگ از یکدیگر متمایز کنید . تصور بر این است که اینکار بازدید کننده را در پیدا کردن راهش در میان صفحات کمک خواهد کرد اما بررسی ها نشان داده اینکار تنها باعث گیج شدن بازدید کننده ها می شود !
نکته ۵: محتویات سایت خود را همیشه در دسترس بازدید کننده نگاه دارید .
هر صفحه از سایت شما باید از طریق هر صفحه دیگر قابل دسترسی باشد . سعی کنید پیوندهای میان صفحاتتان را طوری طراحی کنید که بازدید کننده در هر کجای سایت که باشد بتواند با حداکثر ۴ کلیک خود را به صفحه مورد نظر برساند. شما باید به طور مرتب ساختار صفحات و ارتباط بین آنها را در سایتتان بررسی کرده و مشکلات احتمالی را بر طرف نمایید. بازدید کننده ها برای این به سایت شما می آیند که با شما و خدماتتان آشنا بشوند پس بهتراست کاری نکنید که آنها واردار شوند برای کسب اطلاعات در سایت شما حفاری کنند!
طراحی سایت Web 2.0 وب ۲٫۰
با افزایش کاربرد های وب ، طراحان وب روش های جدیدی را در ایجاد وب سایتها به کار بستند که باعث راحت تر شدن دسترسی به داده ها برای کاربر و مشارکت کاربر در ایجاد داده ها میشود. نمونه بسیار روشنی از این سایت ها Wikipedia است که توسط کاربرانش گسترش پیدا میکند و مدیران این سایت فقط محیطی را برای استفاده از توانایی های کاربران فراهم میکنند.
مفهوم وب۲ اولین بار در یک همایش توسط معاون موسسه Oreilly مطرح شد. آنها به دنبال نسل جدیدی از وب بودند که بتواند جذاب، کاربردی و قابل گسترش باشد. اینگونه بود که کنفرانس وب۲ شکل گرفت و بحث های زیادی پیرامون این پدیده مطرح شد. امروزه جستجوی این عبارت در گوگل بیش از ۱۰ میلیون نتیجه را بر میگراند.
یکی از مهم ترین اصول وب۲ ، نگاه کردن به وب بعنوان یک پلتفرم است. بر اساس تحقیقات یک شرکت آمریکایی ، بیش از یک میلیارد کاربر در سراسر جهان هستند که رایانه شخصی و به دنبال آن سیستم عامل، نرم افزارهای کاربردی آفیس، و حتی فضایی جهت نگه داری فایل هایشان ندارند، اما کاربر اینترنت هستند و با استفاده از Device های گوناگون مانند موبایلشان و یا با استفاده از کافینت کارهای خود را انجام میدهند. وب۲ به نیازهای این افراد پاسخی مستقیم داده است.
اهمیت داده ها
ارزش داده ها در وب۲ همان چیزی است که باعث رشد یک سایت میشود. آنچه ویکی پدیا را امروز به اینجا رسانده است، داده هایی است که کاربران در طول مدت زمان طولانی در این سایت وارد کرده اند. این موضوع را در سایت هایی مانند Amazon.com در زمینه ی فروش کالا و کتاب ، در سایت Last.fm در مورد آثار موسیقی، در Flixster.com در زمینه ی سینما ، در Google Maps در زمینه ی نقشه های شهرها و در بسیاری دیگر از سایت های وب۲ میتوان مشاهده کرد.
گوگل از کاربران سرویس MAPS برای نامگذاری خیابان ها و کوچه های نقشه هایش استفاده میکند. به همین دلیل است که امروز شما می توانید حتی به فارسی “برج میلاد” را در این سرویس جستجو کنید و این منطقه از شهر را روی نقشه های گوگل مشاهده کنید. و در مقابل میتوانید مدرسه ی دوران کودکی خود را روی نقشه بیابید و نام مدرسه تان را روی نقشه وارد کنید. روزگاری شرکت MapQuest بزرگترین مرجع نقشه های جهان به شمار می رفت. اما گوگل با استفاده از نیروهای کوچک جمع بزرگی از کاربرانش ، گوی سبقت را از شرکت MapQuest ربود.
طراحی رابط کاربری پویا
بارز ترین شاخصهی یک سایت وب دویی، داشتن رابط کاربری قدرتمند است. استفاده از روش های جدید و ترکیب تکنولوژی های موجود مانند Ajax CSS , xml , HttpRequest و Javascript باعث بهبود سرعت و افزایش کارایی بسیاری از وب سایت ها شده است. بطور مثال میتوان از سرویس Gmail گوگل در این مورد نام برد که رابط کاربری بسیار سریع و پویایی را در مقایسه با سایر رقبایش ارائه کرد و باعث بدست آوردن محبوبیت در میان کاربران شد.
یکی از پروسه های وقتگیر در هنگام چک کردن ایمیل ها، رفرش شدن صفحه در هنگام باز کردن یا حذف کردن یک ایمیل بود که جیمیل با بکارگیری روش طراحی آجاکس، این پروسه را حذف کرد و شما هنگام کار با جیمیل خود از بالاترین سرعت ممکن بهره مند هستید.
نکاتی برای طراحی وب سایت
به جرات می توان گفت بیش از ۷۰ درصد از طراحی وب سایت ها چنین اصولی مورد توجه قرار نگرفته است. در این مقاله به نکاتی اشاره می شود که توجه به آنها در بالا بردن کیفیت سایتهای اینترنتی نقش بسزایی دارند.
» استفاده از اطلاعات منحصر به فرد در طراحی وب سایت
از میان معیارهای موفقیت یک طراحی وب سایت، داشتن مطالب و اطلاعات مفید از مهمترین این معیارها به شمار می رود. داشتن سایتی با اطلاعات منحصر به فرد بهترین برگ برنده است. پس سعی کنید در وب سایت خود مطالب سودمند و غیر تکراری قرار دهید. منبع مطلب بودن بهتر از انبار مطالب سایتهای دیگر بودن است.
» سرعت بارگذاری (load) صفحات
به معنای مقدار زمانی است که صفحه وب سایت یا وبلاگتان به طور کامل بارگذاری و قابل استفاده می شود سرعت بارگذاری ، از مهمترین نکات در طراحی سایت توجه به سرعت بارگذاری (load) صفحات سایت است که علی رغم این اهمیت، کمتر به آن توجه می شود. با استفاده از تکنیکهای برنامه نویسی و طراحی سایت، سرعت بارگذاری صفحات را تا حد امکان افزایش دهید. دقت داشته باشید که اکثر کاربران، تحمل زیادی ندارند.
» ارتباط بین صفحات سایت
اگر وب سایتی با بیش از یک صفحه دارید آن را طوری طراحی کنید که کاربران با حداقل تعداد کلیک بتوانند به دیگر صفحات مورد نظرشان منتقل شوند. به عبارت دیگر لینک صفحات اصلی و مرتبط را در همه صفحات سایت بگنجانید.
» به روز رسانی وب سایت
از دیگر عوامل موفقیت یک سایت به روز رسانی آن است. برای حفظ بازدید کنندگان سایت خود سعی کنید سایت خود را به محلی متروکه تبدیل نکنید. حتی اگر مطلب مهمی برای ارائه کردن در سایت ندارید، با اضافه کردن یک خط نوشته به کاربران اطلاع می دهید که این سایت هنوز زنده است.
» امکان جستجو در سایت
در صورت امکان قابلیت جستجو در مطالب سایت را در همه صفحات قرار دهید.
» bold کردن کلمات کلیدی و مهم در وب سایت
در مقالات و متون طولانی قرار گرفته در سایت، کلمات و عبارات کلیدی را پر رنگ کنید. با این کار به کاربران اجازه می دهید بدون مطالعهء کل مطلب، یک طرح کلی در مورد آن در ذهن خود فرض کنند.
» ارتباط با سایت های مرتبط
با سایتهای مرتبط با زمینه ی فعالیت سایت خود ارتباط برقرار کنید. در چنین ارتباطاتی نتایج بسیار سودمندی برای وب سایت تان پنهان است.
» ایجاد تفاوت بین لینکها و متون عادی :
با استفاده از تکنیکهای طراحی سایت، بین لینکها و متون دیگر تمایز ایجاد کنید. بدین منظور می توانید از کدهای CSS استفاده کنید در اکثر موارد به صورت پیش فرض می توان آن را تعریف کرد.
» انتخاب عناوین مناسب برای صفحات وب
عناوین مناسب برای صفحات وب از مهمترین فاکتورها برای بهینه سازی وب سایت در موتورهای جستجو به شمار می آید. عنوان هر صفحه را با توجه به موضوع آن صفحه تعیین کنید.
» استفاده کمتر از فایلهای فلش در طراحی سایت
فلش ها بسیار جذاب و زیبا هستند ولی زیبایی آنها همیشه در طراحی وب سایت نمایان نمی شود. بعضی از کاربران سایت شما ممکن است به علت نصب نبودن flash player امکان مشاهده ی تمامی بخش های سایت را نداشته باشند و در این صورت در اغلب مواقع با یک کلیک از سایتتان خارج می شوند. در این حالت ممکن است کاربر قسمت عمده یا کوچک وب سایتتان را نبیند و باعث شود وب سایتتان زشت و غیر استاندارد جلوه کند.
» سازگاری وب سایت با همه مرورگرها
اطمینان حاصل کنید که سایت شما در همه مرورگرهای معروف همچون Internet Explorer ، FireFox و … به درستی به نمایش در می آید. همه کاربران در اینترنت از نرم افزار یکسانی استفاده نمی کنند.
طراحی سایت برای معرفی کسب و کار شما
اینترنت در دنیای امروزه به یک ابزار بنیادی در کسب و کار ما تبدیل شده است.متأسفانه، بسیاری از سازمان ها هنوز هم به اهمیت اینترنت و وجود وب سایت و مزایای طراحی سایت واقف نیستند. یکی از بهترین روش های اندیشیدن به وب سایت آن است که آن را مانند یک نشریه پر خواننده فرض کنیم.
بازاریابی الکترونیک و کسب و کار اینترنتی
فرق اصلی میان بازاریابی و تجارت الکترونیکی در آن است که تجارت یعنی فروش با کمک افراد ،اما بازاریابی الکترونیکی یعنی فروش با کمک اطلاعات. در تجارت رایج، انعطاف پذیری بالایی وجود دارد زیرا افراد درگیر کار هستند. مشتریان می توانند سؤال کنند و متصدیان فروش می توانند آنان را هدایت و راهنمایی کنند. در بسیاری مواقع، مشتری اصلاً نمی داند که دقیقاً چه می خواهد. همیشه گفته می شود که یک فروش بزرگ یعنی این که مشتری برای خرید یک کالای صد دلاری وارد فروشگاهی شود و سپس با صرف پانصد دلار برای پنج کالا آن فروشگاه را ترک کند.
مشکل تجارت این است که بسیاری از روندهای زائد و پر هزینه را شامل می شود . روش تجارت قدیمی همان وجود فروشگاه های معمول در پیرامون ما است. اوج بازاریابی را می توان در همین فروشگاه ها شاهد بود. صاحبان فروشگاه اکثر مشتریان خود را می شناختند و آماده گفتگویی دوستانه با آنها بودند. این فروشگاه ها رواج داشتند تا این که سوپرمارکت های بزرگ جایگزین آنها شدند و امکان انتخاب هایی بیشتر با قیمت هایی ارزان تر را برای مشتریان فراهم می کردند.
کسب و کاراینترنتی مانند آن است که ما ایده یک سوپرمارکت بزرگ را به نتیجه ای منطقی رسانده باشیم.طراحی سایت حرفه ای تجارت الکترونیک دارای اطلاعات لازم برای پاسخ دادن به پرسش های شما است. قیمت محصولات چه قدر است؟ اگر من تعداد بیشتری کالا بخرم آیا تخفیفی دریافت خواهم کرد؟ این محصولات چه سایزی دارند؟ ویژگی های اصلی آنها چه هستند؟ محصولات چه زمانی موجود و در دسترس هستند؟زمان تحویل آنها چقدر است؟ دیگر مشتریان چه نظری درباره این محصولات دارند؟ عملی ساختن صحیح تجارت الکترونیک و ساخت و طراحی سایت برای آن کاری بسار دشواری است. یک وب سایت تجارت الکترونیک باید هم ساده باشد و هم دقیق،واضح و مطمئن. اطلاعات موجود در چنین سایتی باید به تمامی سؤالات بازدیدکنندگان پاسخ دهد. اکنون مشخص شده که نوع طراحی سایت چندان مهم نیست زیرا بسیاری از مشتریان از این که کالاهای گران قیمت را از طریق شبکه بخرند، هراس دارند. آنان می خواهند با کسی حرف بزنند یا از طریق ایمیل با او ارتباط برقرار کنند تا بدانند که واقعاً با فروشندگانی واقعی طرف هستند. تحقیقی که به تازگی صورت گرفته نشان میدهد که چهل درصد بازدیدکنندگان اظهار داشته اند که زمانی نسبت به یک وب سایت اعتماد می کنند که بتوانند از طریق پست الکترونیک با کسی ارتباط برقرار کنند.
- استراتژی های کسب و کار الکترونیک هنگامی کارآمد و تاثیرگذار خواهد بود که:
۱) شرکت زیر پوشش یک نام تجاری (برند) معتبر وجود داشته باشد
۲) شرکت بتواند به شکلی اثربخش، کالاها و محصولات فیزیکی خود را با امکانات شبکه ای و الکترونیکی خویش مرتبط سازد
۳) محصولات به حمایت انسانی برای فروخته شدن نیاز داشته باشند
۴) بتوان محصول را به صورت الکترونیکی تحویل داد (محصولاتی مانند نرم افزار، موسیقی)
۵) بتوان محصول را به صورت کتبی و پیام هایی ساده تشریح کرد
۶) محصول با کیفیتی مناسب و تاثیر گذارباشد و بر اساس شرایط جغرافیایی مشتری تحویل شود
۷) هزینه تحویل محصول درصد اندکی از هزینه کلی آن باشد
ترکیب دنیای واقعی و مجازی
طراحی وب سایت همانند ایجاد یک فروشگاه در یک جای دور افتاده مثل قطب شمال است. زیرا کسی نمی داند که شما در آنجا هستید. بسیاری از شرکت های الکترونیکی به این نتیجه می رسند که هزینه تبلیغاتشان برای این که خود را به مشتریان معرفی کنند، آن قدر بالا است که گاهی اوقات عملاً ادامه کار آنها را غیرممکن می سازد.
شرکت هایی که بتوانند امکانات فیزیکی خود را با امکانات شبکه ای و الکترونیکی در هم آمیزند، موفقیت بیشتری کسب می کنند.
americanonline وب سایتی است که با فن آوری ساده ای کار خود را آغاز کرد. این شرکت درک بسیار بالایی از اینترنت و کاربران آن دارد. طراح این وب سایت معتقد است که امروزه اینترنت مانند یک انتشاراتی بزرگ و جهانی است.
سایت یاهو نیز با این ذهنیت شکل گرفت مردم به جای انتخاب های نامحدود به دنبال انتخاب های محدود هستند. به همین دلیل است که یاهو از سردبیران مختلفی برای انتخاب بهترین وب سایت ها بهره می برد. یاهو به یک موتور جستجوی قوی در سطح جهان تبدیل شده است. یاهو به کمک سردبیران قوی خود، این امکان را فراهم کرده تا کاربران به بهترین وب سایت های ممکن دسترسی داشته باشند.
مایکروسافت نیز با انتشار خبرنامه خود که تنها سه ستون داشت وارد دنیای شبکه شد. ستون سمت چپ آن امکان جستجو در شبکه را فراهم می کرد. بقیه صفحات نیز پر از اطلاعاتی در مورد آخرین پیشنهادها، محصولات و دستاوردهای شرکت مایکروسافت بود.
کسب و کار الکترونیکی
اینترنت می تواند باعث کارآمدتر شدن فعالیت های کسب و کار شود. کسب و کار الکترونیکی اقدامی در همین زمینه است. مثلاً شرکت اوراکل مدعی است که اجرای فرآیندهای کسب و کار الکترونیکی آن ،سالانه باعث ۱ میلیارد دلار صرفه جوئی در هزینه های آن شرکت می شوند. جنرال الکتریک نیز ادعای مشابهی دارد. شاید در این ادعاها کمی غلو شده باشد، اما آنچه مسلم است، این است که به کمک فرآیندهای کسب و کار الکترونیکی می توان تا حد زیادی در هزینه ها صرفه جویی کرد.اجرای فرآیندهای کسب و کار الکترونیکی به این شرکت امکان داده تا به تمرکز بیشتری در قبال بانک های اطلاعاتی خود دست یابد.
جنرال الکتریک مدعی است که با ایجاد محیط های تجاری الکترونیکی که در آنها عرضه کنندگان می توانند اقدام به عرضه محصولات و خدمات کنند، توانسته است صدها میلیون دلار صرفه جویی کند.
مشتریان امروز افرادی آگاه و مطلع هستند. می توان گفت که دیگر مفاهیمی به نام زمان و بازار برای محصولات وجود ندارند و برای همیشه از میان رفته اند. این امر به معنای آن است که شرکت ها باید بیش از پیش با مشتریان خود در تعامل باشند تا بتوانند به بازخوردهای اطلاعاتی آنها دست یابند و با سرعت بالا نیازها و تقاضاهای آنان را برآورده سازند. اینترنت می تواند این نوع تعامل و ارتباط نزدیک میان مشتریان و شرکت ها را تسهیل کند.
یک روند کلیدی امکان دستیابی به نرم افزارهای مختلف از طریق اینترنت است. اگر این کار به درستی صورت گیرد می تواند باعث صرفه جویی هنگفت و نیز افزایش کارآیی و اثربخشی شرکت ها شود.
خلاصه
طراحی وب سایت،مانند ایجاد یک نشریه است. شما باید از آن برای برقراری ارتباط با افراد درون ارگان، عرضه کنندگان بیرون از ارگان، مشتریان و غیره استفاده کنید. کیفیت وب سایت، به مشتریان، کارکنان و تمامی سهامداران شرکت این امکان را می دهد تا اطلاعات مورد نیاز خود را با سرعت و دقت بالا دریافت کنند.
می توان اطلاعات مناسب را در یک وب سایت مناسب و با هزینه ای مناسب به دست آورد. این امر باعث می شود که مشتریان به اطلاعات بهتری در مورد سازمان و محصولات و خدمات آن دست یابند و بنابراین احتمال خرید آنان از چنین سازمانی افزایش می یابد.
بهترین طراحی وب سایت، وب سایتی است که ساده بودن خود را حفظ کند. بهترین استراتژی های استفاده از وب سایت باید با استراتژی کلی آن شرکت تلفیق شوند.
طراحی وب سایت موفق در قالب CSS
طراحی سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد. با این حال، اکثر طراحان وب سایت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.
در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی سایت ایجاد کند؛ که با استفاده از CSSدر طراحی وب سایت از منافع آن بهره مند شده و از وجود دسترسی های ساده اطمینان حاصل نمایید.
اما اگر با یک سایتی که به درستی مدیریت شده و به طور مرتب مطالب آن به روز می شود و با وجود تعداد زیادی محتوای دینامیک(پویا)، بسیار مهم است که بتوان بدون نیاز به ویرایش HTML در هر صفحه و بدون پخش شدن مطالبی که تا به حال جمع آوری شده، کار انجام داد.پاسخ این کار CSS می باشد. اما تنها در صورتی می توان در طراحی سایت از CSS بهره مند شد که مطالب و محتوا به طور کامل از سبک جدا شده باشد.
برای داشتن طراحی سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری است که بدانیم که در هر نسخه متنی HTML در واقع ۲ عنصر جداگانه وجود دارد. یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر و ویژگی های مختلف در صفحه را تعریف می کند.
برای ایجاد موفقیت در طراحی وب سایت با CSS، عناصر ساختاری صفحات HTML نیاز به برنامه ریزی و اجرا و پذیرش CSS برای ایجاد تغییرات در صفحه صرف نظر از محتوای ان دارد. به عنوان مثال اکثر صفحات در طراحی سایت باید دارای Header و یا عنوان، ستون سمت چپ، فضای اصلی و ستون سمت راست و همچنین پاورقی باشد.
اینها عناصر ساختاری صفحه در طراحی سایت می باشد. در هر یک از این عناصر ساختاری باید محتوای صفحه قرار گیرد. به طور مثال لوگو(آرم تجاری شرکت) در عنوان صفحه، منو در ستون سمت چپ صفحه و متن اصلی در محوطهء اصلی صفحه قرار می گیرد.
در این روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن می تواند بدون نگرانی در مورد محتوا و مطالب بخشها و محل های هدفمندی برای هر صفحه ایجاد نماید. اگر فضای متن در ستون سمت چپ صفحه ۱۰ پیکسل باشد و فضای اصلی صفحه ۱۲ باشد، در CSS می توانید مطالب و چیزهایی که تمایل به انجام آن دارید را در این فضا قرار دهید. سمت چپ سایز فونت ۱۰ و فضای اصلی سایز فونت می تواند ۱۲ باشد.
این بدان معنی است که تا زمانی که صفحه با همان پایهء عناصر ساختاری باشد می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت نسخهء متنی HTML که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با CSS در این کار می باشد.
برای تعمیم بیشتر، نیاز به یک ساختار صفحه ای است که تقریباً به اندازهء کافی انعطاف پذیر بوده به طوری که CSS بتواند عملیاتی که لازم و ضروری و موثر است را انجام داده و این عمل بدون هیچ گونه نگرانی در مورد محتوا در هر بخش از طراحی سایت و صفحات برگزار شود.
برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود: table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در منطقهء مربوطه قرار دهید.
بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های گرد(rounded corners)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری قرار دهد.
اگر این روش در ساختار مناطق دیگر در html استفاده شود، صفحه ای را خواهید داشت که صفحه بندی آن به طور کامل توسط CSS طراحی شده و به طور کامل از محتوای صفحه مستقل و غیر وابسته خواهد بود.
طریقه یادگیری HTML برای طراحی سایت
همه باید HTML را یاد بگیرند! این امر، یادگیری یک مهارت بسیار مفید در جهت طراحی سایت و توسعهء آن در دنیای مجازی امروز می باشد. مهم نیست برای استفاده از صفحهء Myspace باشد و یا طراحی سایت، به هر حال از یادگیری دورهء HTML بسیار خرسند خواهید شد. بنابراین باید بدانید بهترین راه یادگیری HTML چیست.
انواع وب سایت های آموزشی آنلاین و رایگان برای یادگیری HTML وجود دارد، اما بهترین راه یادگیری آن کدام است؟ برای یافتن پاسخ سریع، اجازه دهید نگاه کوتاهی به دنیای تبلیغات بیاندازیم. تبلیغات در روزنامه ها، مجلات، رادیو و … بسیاری از رسانه های دیگر انجام می شود.هر کدام به شیوهء خود تاثیر گذار می باشند؛ یکی به شیوهء بصری و دیگری با استفاده از صدا پیام را درسرتاسر جهان پخش می نماید.
با این حال اگر اینگونه روشها، روش مناسب و نسبتاً ارزان تبلیغاتی برای شماست و بسیار موثر است، پس چرا افرادی که استطاعت آن را دارند با هزینه هایی بسیار باورنکردنی به سمت تبلیغات تلوزیونی می روند؟ خیلی ساده است! تبلیغات تلوزیونی هم از چشم و هم از گوش شما استفاده میکند در واقع هم صمعی و هم بصری می باشد.
بارها و بارها به اثبات رسیده که استفاده از تبلیغات ترکیبی (سمعی و بصری) به مراتب موثرتر از هر یک از این روشها به تنهایی می باشد. روش مناسب برای تدریس هم به همین صورت می باشد. فرقی نمی کند که شما در حال تدریس HTML هستید و یا به کودکان نوشتن می آموزید؛ خواهید دید هنگامی که برای آنها در مورد هر مطلبی صحبت کرده و تصاویر مرتبط با مطلب را نیز به آنها نشان دهید، شاگردان شما بسیار سریعتر مطالب را یاد گرفته و برای مدت طولانی در ذهن آنها نقش خواهد بست. تا اینکه از روی کتاب مطالب را برای آنها بخوانید که چگونه HTML را یاد بگیرند!
به طور خلاصه، اگر از طریق ویدئو های آموزشی اقدام به یادگیری HTML نمایید زودتر از کتاب و یا از طریق وب سایت های آموزشی یاد خواهید گرفت. اگر چه HTML برای Myspace ممکن است یک نرم افزار نسبتاً محدود به نظر برسد، اما با این وجود مستلزم آگاهی از قالب بندی متن، جداول، گرافیک، لینک ها و غیره در وب سایت خود می باشید. حتی باید در مورد افکت های ویژه مانند HTML scrolling و یا تگ marquee چیزهایی بدانید و این امر کمتر از نیاز یادگیری HTML برای طراحی سایت نمی باشد.
بعضی ها بسیار متعجب می شوند که چرا باید در زمینهء wysiwyg ویرایشگر HTML یاد بگیرند، اما باید بدانید که با wysiwyg کارهای زیادی می توانید انجام دهید. درست نیست فرمت صفحات وب سایت خود را برای موتورهای جستجو تغییر دهید. برای مثال در اکثر بهینه سازی وب سایت ها (سئو)، بسیار مهم است که در بخش head یا ابتدای صفحه وب سایت و قبل از بخش اصلی یا body صفحه از Html استفاده شود که قابل مشاهده باشد.
سئو در صفحهء Myspace شما در صورتی به کار می رود که طراحی سایت منظمی داشته باشد. این مورد دربارهء وبلاگ شما نیز صدق می کند. به منظور فرمت وبلاگ تان، به همان صورت که بود، باید html را آموخته و دانش و آگاهی خود را در عناصر مختلف وبلاگ خود در این مورد بکار ببرید.
عنوان، ستون های فرعی و مناطق دیگر در صفحات وب سایت می تواند به صورت جداگانه طراحی شده و با html فرمت شود. اگر در حال اجرای wordpress از طریق سرور خود و یا فضای وب خود هستید برای مثال می توانید به نسخهء متنی HTML وبلاگ خود دسترسی پیدا کنید.
قبل از اینکه جزئیات بیشتری در مورد قالب بندی و فرمت CSS بدانید دوره های آموزش ویدئویی HTML، اصول و مبانی این رشته را به سرعت به شما می آموزد. این موضوع کاملاً واضح است که اگر تمایل به یادگیری HTML در زمینهءطراحی سایت دارید و می خواهید بر روی وب سایت خود یا وبلاگ و یا Myspace، قدرت تخیل خود را اعمال نمایید، خیلی سریعتر و راحت تر از طریق دوره های آموزشی ویدئویی html نسبت به نوشته ها و مطالب آموزشی خواهید آموخت. علم هم این واقعیت را اثبات نموده است.
