طراحی سایت

تاریخچه  طراحی سایت وب یا همان world wide web که در زبان فارسی معروف به شبکه جهانی وب است، در اصل سرویسی است که دسترسی به اسناد و اطلاعات را در بستر اینترنت امکان پذیر می سازد. در واقع اینترنت یک سیستم جهانی متشکل از شبکه های فراوان متصل به هم است که از یکسری قاعده های مشترک یعنی پروتکل برای برقراری ارتباط استفاده می کنند. در سال ۱۹۹۱ یک تیم برنرز لی اولین صفحه وب که شامل چند پاراگراف و  یک لینک به ایمیل خودش به صورت mailto را ایجاد کرد. در ابتدا وبسایت ها را با کدهای ساده HTML که یک نمونه ای از زبان نشانه گذاری است نوشتند. این زبان یک ساختار ساده ای به وبگاه ها می داد که فقط شامل سرتیتر، پاراگراف و چند لینک برای برقراری به صفحات دیگر، ایمیل یا یک صفحه آماده در اینترنت بود. که با گسترش وب و هنر  طراحی سایت  ، زبان برنامه نویسی HTML پیچیده تر شد. که یک سری ابزار مانند جدول، که برای نمایش نمودارهای داده ای بودند مورد استفاده نادرست قرار گرفتند، که با پیدایش الگوهای آبشاری وب یا CSSS روش نادرست طراحی یا استفاده از جدول ها برطرف شد. HTML روز به روز کامل تر می شد. تا اینکه یک زب

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

در این جلسه   طراحی سایت  شما را با تعیین موقعیت عناصر آشنا می کنیم: موقعیت عناصر در صفحه Positioning به شما این امکان را می دھد که موقعیت ھر عنصر را به دقت در یک سند مشخص کنید. می توان مشخص کرد که موقعیت یک عنصر به عنصر پدر خود وابسته باشد یا به پنجره ی مرورگر. با استفاده از positioning می توان یک عنصر را بر روی عنصر دیگر لایه بندی کرد. Positioning شامل خاصیت position و چھار مقدار top, bottom , right , left می باشد که مختصات دقیق محل قرار گیری عنصر را میتوان با استفاده از آن ھا تعیین کرد. خصوصیت position این خاصیت به تنھایی کار خاصی را بر روی عنصر انجام نمی دھد. و ھمیشه به ھمراه خاصیت ھای left , right , left یا top می آید،( و بلعکس) اما قبل از مقدار دھی به این خاصیت ھا در اول حتما باید به خصوصیت position یکی از چھار مقدار زیر را داد: Static : مقدار پیشفرض، و ھمان حالت عادی قرار گرفتن عناصر طبق ترتیبی که در سند HTML است می باشد. Relative : اجازه می دھد که یک سند در یک محل خاص از سند قرار گیرد، و وابسته به عنصر پدر می باشد. Absolute : اجازه می دھد که یک سند در یک محل خاص از سن

در این جلسه در  طراحی سایت  ایجاد صفحات چندگانه در HTML را باهم خواهیم آموخت: تگ </frame>: برای مشخص کردن صفحه ای که در فریم ھا نمایش داده می شود از این تگ استفاده می شود. این تگ جزء تگ ھای تھی است حتما باید در داخل تگ > <framesetاستفاده شود. دقت کنید تعداد فریم ھای به کار رفته در داخل framesetھا باید با تعداد اندازه ھایی که در صفت colsیا rowsتگ framesetآمده است برابر باشد. این تگ از صفت ھای زیر پشتیبانی می کند: name:نامی برای frameمشخص می کند.این نام باید در صفحه یکتا باشد. دقت کنید که این نام می تواند به عنوان پنجره ھدف لینک ھا مورد استفاده قرار گیرد. longdesc: آدرسی را که توضیح مفصلی در مورد فریم در آن ھست را مشخص می کند. src:آدرس صفحه ای که باید در فریم نمایش داده شود را مشخص می کند. noresize:این صفت بولین در صورتی که برای فریمی به کار رود از امکان تغییر اندازه فریم توسط کاربرجلوگیری خواھد کرد. scrolling:با این صفت می توانیم چگونگی نمایش یا عدم نمایش اسکرول ھای frameھا را ھنگامی که محتویاتش از اندازه frameبیشتر باشد را کنترل کنیم. این صفت مقادیر زیر را می

میزبان های وب در طراحی سایت امروز در  طراحی سایت اسپیناس  می خواهیم در مورد میزبانی وب یا  Web hosting service  به معنای فراهم سازی فضایی است که کاربر در آن فضا بتواند فایل های وب سایت خود را در آن قرار دهد.  طراحی سایت  مجموعه ای از فایل های تصاویر، متن و فایل  های دیگر برنامه نویسی است که این فایل ها باهم در ارتباط هستند. هر کاربر که نرم افزارهای مربوط به این فایل ها را داشته باشد می تواند از سایت بازدید کند. برای اینکه همه افراد به این فایل ها دسترسی داشته باشند نیاز است که این فایل ها به یک سرور  SERVER  WEB  متصل باشد. قابلیت های مهم سرور در  طراحی وب سایت برای اینکه حجم زیادی از وب سایت شما بازدید می کنند. نیاز به سرور قدرتمندی است تا بتوانند حجم زیادی از بازدید کننده را پشتیبانی کنند. توانایی اجرای بسیاری از فایل های برنامه نویسی را داشته باشد. توانایی مدیریت بخش های مختلفی از وب سایت را داشته باشد. در اصل هر کامپیوتر می تواند به نوع خود یک سرور باشد. از آنجایی که هزینه های مربوط به نگهداری، فراهم نمودن تجهیزات و پشتیبانی آن برای کاربران مقرون به صرفه نیست.

طراحی سایت شخصی چرا ؟ در دنیای اینترنت امروزه  طراحی سایت  شخصی یا پرسنلی به  طراحی سایت  هایی گفته می شود که تولید محتوای آن از خصوصیات شخصی یک فرد است.  طراحی سایت  های صفحات اشخاص در یک وب  سایت شرکتی برای قراردادن اطلاعات شخصی و یا به منظور ایجاد سرگرمی برای پرسنل طراحی می گردد. این صفحات شخصی می تواند برای انتقال تجربه های شخصی افراد، بازاریابی و یا به اشتراک گذاری از آن استفاده می کنند.  می توان گفت یک صفحه شخصی از نظر تکنیکی برای بازدیدکنندگان جذاب و جالب باشد و اطلاعات زیادی را قبیل تصاویر ، فیلم ، رزومه و … از صفحه شخصی به دست آورد. برخی از صفحات شخصی بسیار با ارزش هستند و مطالبی مفید دارند و برخی دیگر فقط اطلاعات شخصی فرد در آن قرار دارد. وب سایت شخصی و شبکه های اجتماعی زمانی که زبان های  HTML   و زبان های دیگر برنامه نویسی برای ایجاد صفحات شخصی مناسب نبود. افراد با ایجاد حساب های کاربری در شبکه های اجتماعی  Social network   می توانستند یک صفحه  شخصی در اینترنت داشته باشند. اما با پیشرفت تکنولوژی و علم، افراد توانستند برای خود وب سایت شخصی داشته باشند و خود را ب

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

دکمهها: – دکمه :submitاین عنصر برای تأیید  طراحی سایت فرم استفاده میشود. زمانی که بر روی دکمه submitکلیکمیشود فرم به آدرسی که به actionنسبت داده شده، فرستاده میشود. <input type=”submit” name=”submit-reg-form” value=”>”ارسال valueمقداریست که روی دکمه نوشته میشود. – دکمه :resetاین دکمه دادههای  طراحی سایت فرم را به حالت اولیه باز میگرداند. <input type=”reset” name=”reset” value=”>”پاک کردن – دکمه :buttonبرای ساختن دکمه به کار برده میشود. این دکمه به تنهایی کاری انجام نمیدهد. با دانستن زبان scriptمیتوان دستوراتی به این دکمهها د طراحی سایت اد تا کاری را انجام دهند. <input type=” button” name=”button” value=”Click Me!”> ۳۱ :video تگ این تگ برای گذاشتن ویدئو در سایت استفاده میشود. که طراحی وب سایت سئو سایت فقط فرمتهای mp424 ،webM23و ogg2۵را پشتیبانی میکند. طریقه استفاده از این کد به صورت زیر است: <video width=”320″ height=”240″ controls> <source src=”movie.mp4″ type=”video/mp4″> <source src=”movie.ogg” type=”video/ogg”> Your

textarea فیلد – در این فیلد شما میتوانید به میزان نامحدود کاراکتر وارد کنید.  طراحی سایت این فیلد برای دریافت پیغام متنیاستفاده میشود که میتوانید برای کادر آن طول و ارتفاع مشخص کنید. مثال) <textarea name=”content” rows=”۱۰” cols=”۳۰”></textarea> – فیلد :radioاین فیلد معمولاً برای تعیین جنسیت یا وضعیت تأهل استفاده میشود یا سوالات چندگزینهای. در این نوع فیلد nameرا برای همه حالات یکی در نظر بگیرید اما valueها باید متفاوت باشند. مثال) <input type=”radio” name=”gender” value=”۰”>خانم <input type=”radio” name=”gender” value=”۱” checked>آقا برای فعال بودن یکی از گزینهها به صورت پیشفرض از صفت checkedاستفاده کنید. طراحی سایت – فیلد :checkboxفیلد چک باکس مثلاً میتواند برای قسمت علاقهمندیها به کار رود. مثال) <input type=”checkbox” name=”fav[0]”>ورزش <input type=”checkbox” name=”fav[1]”>هنر <input type=”checkbox” name=”fav[2]”>موسیقی fav[…] – فیلد عکس: برای دریافت عکس به کار میرود. مثال) <input type=”file” name=”photo”> :select