آموزش طراحی سایت با html

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

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


راه های بسیار زیادی برای جلب توجه کاربران در صفحات وب وجود دارد از انتخاب لغات معنی دار گرفته تا جایگزینی تصاویری که باعث ایجاد عکس العمل هایی برگرفته از احساس، شده است. در این مقاله با بررسی عناصر بعضی از وب سایت ها به توضیح این امر مهم یعنی ” جلب توجه کاربران” می پردازیم:

کلمات با تاثیر بالا در طراحی وب


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

کلمات می تواند به نوبه خود در ذهن خودمحور ما ، شباهت ها را یادآوری کنند و ما را به حالت آگاهی در بیاورد. لغاتی مثل ” شما”،”هم اکنون”، و “رایگان” می تواند بیشترین مقدار توجه را از بین لغات دیگر برای ما به ارمغان بیاورد. اما این جلب توجه، بیشتر به مضمون سایت و هدف کاربران بستگی دارد. در زیر مثال ها یی از نحوه استفاده لغت “شما” در صفحه وجود دارد که تقریبا نزدیک به دکمه انجام عملیات ( مثل خرید، اطلاعات بیشتر و غیره ) قرار گرفته است.

http://www.webhostingtalk.ir/attachm...-myownbike-jpg


من می خواهم بیشتر ببینم. (در طراحی سایت)

شما چگونه به جلب توجه کاربران اقدام می کنید در حالتی که آنها برای کسب اطلاعات بیشتر ترغیب شوند؟ شیوه سریع این موضوع این است که مقدار کمی از اطلاعات رادر یک زمان مشخص به آنها نمایش دهید این شیوه امکان بررسی سریع مطلب را به کاربر می دهد و در آن حس ” درخواست دیدن بیشتر اطلاعات ” را القا می کند . مثالی که در این زمینه می توان زد تیزر های نمایش متن است که برای امکان مطالعه در چند ثانیه طراحی شده اند.

شما می توانید به تیزر های دیگر نمایش محتوا فکر کنید، نمایشگرهای کوچکی که به کاربران می گوید که ” اینجا مطالب بیشتری وجود دارد که شما به آن علاقه مند هستید”

آنچه که قبل از یادگیری HTML لازم است بدانید:

http://www.webhostingtalk.ir/attachm...awahisland-jpg

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:
شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTMLدیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTMLباشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.
اطلاعات بیشتر