طراحی سایت ارزان، حرفه ای و سئو

طراحی وب سایت و ساخت وب سایت بهینه سازی شده برای موتورهای جستجو با استفاده از اسنیپت های جدید گوگل و سازگار با موبایل ریسپانسیو

طراحی سایت ارزان، حرفه ای و سئو

طراحی وب سایت و ساخت وب سایت بهینه سازی شده برای موتورهای جستجو با استفاده از اسنیپت های جدید گوگل و سازگار با موبایل ریسپانسیو

آموزش ساخت سایت رایگان در یاهو

شروع کار:


۱- آدرس www.yahoo.com رادر نوار آدرس مرورگر خود وارد و کلید Enter را در صفحه کلید فشار دهید.


 


۲- در قسمت بالای صفحه بر روی گزینه Geocities کلیک کرده و در صفحه باز شده Username (نام کاربر) و Password (کلمه رمز) خود را وارد نموده و کلید Sign In را کلیک نمایید.


 


۳- در صفحه باز شده بر روی گزینه Yahoo! Page wizard کلیک نمایید.


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


 


۴- در صفحه باز شده شما می توانید انواع الگوهای از پیش ساخته شده جهت ساخت صفحه وب مورد نظرتان استفاده نمایید، بر روی یکی از الگوها کلیک نمایید.


 


۵- در صفحه ظاهر شده شما می توانید صفحه وب انتخابی خود را در رنگهای مختلف مشاهده نمایید. با توجه به سلیقه خود یک رنگ را انتخاب کنید.


 


۶- در صفحه Welcome to Yahoo بر روی Begin کلیک نمایید.


 


۷- در صفحه Chooses a look for your page شما می توانید یکی از سبکهای موجود صفحه را انتخاب نموده و بر روی کلید Next نمایید.


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


 


۸- در صفحه Enter your into در قسمت your name نام خود و در قسمت Your email address آدرس Email خود را وارد کنید. نام و آدرس Email وارد شده در این قسمت در صفحه وب شما ظاهر می گردد.


 


۹- در صفحه Pick your picture شما می توانید تصویری را به دلخواه به صفحه وب خود اضافه نمایید. برای اضافه نمودن تصویری از کامپیوتر خود به صفحه وب در حال ساخت بر روی کلید Upload New Image کلیک کرده و در پنجره ظاهر شده بر روی کلید Browse کلیک کنید و عکس مورد نظر خود را از روی کامپیوتر خود انتخاب کرده و بر روی کلید Upload کلیک کنید. بعد از چند لحظه تصویر انتخابی به صفحه وب اضافه می گردد.


نکته: شما در این قسمت می توانید از تصاویر پیش فرض نیز استفاده نمایید و یا در صورت عدم تمایل به داشتن عکس بر روی گزینه Donشt use an image کلیک کنید.


برای رفتن به مرحله بعد بر روی کلید Next کلیک کنید.


 


۱۰- در صفحه Describe yourself در کادرهای مربوطه توضیحاتی را در مورد خود و علایق خود وارد نمایید و بر روی Next کلیک نمایید.


 


۱۱- در صفحه Enter your favorite links شما می توانید آدرس های دلخواه خود را به صورت لینک وارد کرده و بر روی کلید Next کلیک کنید.


 


۱۲- در قسمت Describe your friends and family شما می توانید توصیفی از خانواده و دوستانتان وارد نمایید و بر روی کلید Next کلیک نمایید.


 


۱۳- در صفحه Enter your friends and family شما می توانید اسامی دوستانتان را به صورت لینک درآورید بعد از وارد کردن اسامی بر روی کلید Next کلیک کنید.


 


۱۴- در صفحه Name your page شما می توانید اسمی را برای صفحه وب خود تعریف کرده و بر روی کلید Next کلیک نمایید.


 


۱۵- در صفحه Congratulations به شما به خاطر ساخته شدن صفحه خانگی در سایت Yahoo تبریک گفته می شود.شما می توانید آدرس صفحه خانگی ساخته شده را به دوستانتان بدهید تا از آن دیدن نمایند.


نکته: در مثال فوق ما از الگوی از پیش ساخته شده Personal Page را استفاده کردیم لذا توضیحات داده شده در این قسمت مربوط به این الگو می باشد. در صورتی که شما از الگوی صفحه وب دیگری استفاده کنید ممکن است گزینه های آن با تعاریف داده شده در این قسمت تفاوت داشته باشد.

تاریخچه طراحی وب سایت

طراحی وب سایت به فناوری ساخت و راه‌اندازی صفحات وب گفته می‌شود.


تیم برنرز لی، مخترع وب، با برپایی یک  وب سایت در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب سایت در تاریخ نگاشت. او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.


در آغاز،وب سایتها با کُدهای ساده «اچ‌تی‌ام‌ال» نوشته می‌شدند، گونه‌ای از زبان کُدنویسی که ساختار ساده‌ای به وب‌گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه‌های دیگر که در مقایسه با روش‌های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند.


با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی، اَبَرمتن یا اچ‌تی‌ام‌ال، پیچیده‌تر و پرانعطاف‌تر شد. ابزاری مانند جدول‌ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان‌های پنهان در صفحه‌های وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدول‌های پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از «CSS» جایگزین شد.


فناوری‌های یکپارچه سازی پایگاه های داده (Database)، مانند زبان‌های کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI, PHP, ASP.NET, ASP, JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار وب سایت‌ها را باز هم تغییر داده و آنرا پیشرفته تر کرد.


همچنین با آمدن نگاره‌های جاندار و فن آوری‌های پویانمایی به صفحه ها، مانند فلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی‌های تازه به سازندگان رسانه و طراح‌های وب داده شد، و توانایی‌های بیشتر و کارایی‌ها تازه مرورگرها برای اچ‌تی‌ام‌ال.

طراحی سایت با C#.net

#C نیز یکی از زبان های برنامه نویسی برای طراحی وب سایت است که بر پایه ساختار زبان C و برای برنامه نویسی در محیط .Net طراحی شده است.


یک وب سایت Asp.Net معمولا از کدی که بوسیله زبان Vb.Net یا C# ( بخوانید سی شارپ) نوشته شده تشکیل یافته است. وقتی که یک سایت را با زبان Vb.Net یا C# می سازید، در واقع برنامه Asp.Net ای مبتنی بر آن زبان ایجاد می کنید. این مساله تفاوت اصلی میان Asp.Net با صفحات Asp قدیمی ( کلاسیک) است، زیرا در Asp.Net شما از یک زبان برنامه نویسی واقعی , مانند Vb.Net یا C# با تمام امکانات آن استفاده می کنید در حالی که در صفحات Asp تنها می توانید از یک زبان خیلی خلاصه شده مانند VB Script استفاده نمایید .


حداکثر تعداد کلمات کلیدی در #C کمتر از ۹۰ می باشد. این زبان ساده و یادگیری آن آسان است و به زبانهایی مانند C ,C++ ,java نزدیک است. توسعه دهندگانی که یکی از این زبانها را بدانند، می توانند در مدت زمان کوتاهی به طور موثر از آن استفاده کنند. سینتکس #C برخی پیچیدگی های C++ را ندارد و قابلیت هایی مانند nullable value types, enumerations, delegates, anonymous methods and direct memory access را فراهم کرده، همچنین از امکانات iterators و generic methods and types نیز پشتیبانی می نماید.


C# به عنوان یک زبان برنامه نویسی، از مفاهیمی مانند encapsulation, inheritance and polymorphism نیز پشتیبانی می کند. همه ی متغیرها و متدها توسط کلاس ها Encapsulation می شوند. یک کلاس می تواند از سطح بالاتر خود ارث بری داشته باشد.


این زبان علاوه بر داشتن اشیا Object Oreinted دارای عناصری توسعه یافته برای ارتباط با نرم افزارهای ویندوزی است :


اگر نیاز به محاوره با اشیایی مانند COM یا Win32 Dll داشته باشید، می توانید این کار از طریق فرآیندی که Interop نامیده می شود انجام دهید. این فرآیند برنامه های #C را قادر می سازد تا درست مانند برنامه های C++ عمل نمایند. C# همچنین از اشاره گرها و مفهوم code Unsafe که برای دسترسی مستقیم به حافظه در مواقع بحرانی است نیز پشتیبانی می کند.


فرآیند ایجاد و کامپایل برنامه های #C در مقایسه با C ,C++ ساده تر و انعطاف پذیر تر از Java می باشد.


هر تعداد کلاس ، رکورد ، اینترفیس و رویداد را که نیاز داشته باشید می توانید در #C تعریف کنید.


برنامه های #C بر روی .NET Framework اجرا می شوند. کدهای نوشته شده به این زبان به یک زبان میانی یا IL تبدیل شده و سپس با پسوند .exe یا .dll در یک فایل اجرایی که اسمبلی نامیده می شود ذخیره می شوند.


زمانی که یک برنامه C# اجرا می شود، اسمبلی در CLR لود می شود و بسته به اطلاعات موجود در manifest عملیات مختلفی را انجام می دهد.اگر از مرحله ی فیلتر امنیتی عبور داده شود ، CLR از JIT استفاده کرده تا کد IL را به زبان اصلی ماشین تبدیل کند.


CLR همچنین سرویس های دیگری که با automatic garbage collection و exception handlingو resource management مرتبط هستند را ارائه می دهد. CLR در بعضی مواقع به کدهای Manage شده نیز معروف می باشد که در نهایت به زبان ماشین تبدیل می شود.

دلایل مهم برای داشتن وب سایت

۱ – توجه به ویژگی ها و امکانات سایت :


توسعه وبسایت از جمله عادات تمامی نویسندگان است و میخواهند ویژگی ها و قابلیت هایی به وبسایت خود بیفزایند اما در بعضی مواقع ویژگی هایی اضافه میکنند که فقط خود شما را راضی میکند اما هیچ اهمیتی برای خوانندگان و مشتریان شما ندارد و این به تلف کردن وقت و پهنای باند کاربر خود می انجامد . پس توجه داشته باشید که قابلیت هایی اضافه کنید که برای کاربران اهمیت ویژه ای داشته باشد .


۲ – امکانات وب خود را به حداقل برسانید تا کاربر به پهنای باند بیشتری احتیاج نداشه باشد :


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


۳ – به بازدیدکنندگان خود اطلاع رسانی کنید :


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


۴ – سادگی در نوشتن و روشن فکر بودن :


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


۵ – توسعه محتوای خوب :


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


۶ – طراحی منحصر به فرد صفحات وبسایت شما :


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


۷ – جست و جوی ساده و جهت یابی :


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


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

7 قانون موثر در طراحی بهتر سایت

۱ – توجه به ویژگی ها و امکانات سایت :


توسعه وبسایت از جمله عادات تمامی نویسندگان است و میخواهند ویژگی ها و قابلیت هایی به وبسایت خود بیفزایند اما در بعضی مواقع ویژگی هایی اضافه میکنند که فقط خود شما را راضی میکند اما هیچ اهمیتی برای خوانندگان و مشتریان شما ندارد و این به تلف کردن وقت و پهنای باند کاربر خود می انجامد . پس توجه داشته باشید که قابلیت هایی اضافه کنید که برای کاربران اهمیت ویژه ای داشته باشد .


۲ – امکانات وب خود را به حداقل برسانید تا کاربر به پهنای باند بیشتری احتیاج نداشه باشد :


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


۳ – به بازدیدکنندگان خود اطلاع رسانی کنید :


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


۴ – سادگی در نوشتن و روشن فکر بودن :


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


۵ – توسعه محتوای خوب :


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


۶ – طراحی منحصر به فرد صفحات وبسایت شما :


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


۷ – جست و جوی ساده و جهت یابی :


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


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