بررسی Mobile Friendly بودن سایت

در 21 آپریل 2015، جستجو و رتبه بندی گوگل بر اساس استفاده از Mobile Friendly بودن سایت شکل گرفت.

این تغییر در جستجو هایی که از مبایل استفاده می شوند، در سراسر جهان تاثیر خواهد گذاشت و تاثیر قابل توجهی نیز در نتایج جستجوی گوگل خواهد داشت.

کاربران نتایج جستجوی بهتر و راحت تر و نیز بهینه شده با کیفیت بالا برای جستجو های موبایل در سایت های Mobile Friendly خواهند داشت. سایت شما نیز باید آماده این تغییرات در جستجو باشد.

آیا سایتتان را مطابق با استاندارد Mobile Friendly گوگل طراحی کرده اید؟

بازاریاب های وبسایت های B2B باید سایت های خود را طبق الگوریتم جستجوی مبایل یا استاندارد Mobile Friendly بهینه کنند.

همه ی ما با آمار های نشان دهنده رشد استفاده از موبایل آشنا هستیم. در طول چند سال گذشته استفاده از اینترنت در دستگاه های موبایل بیش از PC بوده است و گوگل با اعلام اینکه جستجوی تلفن همراه در موتور های جستجوگر در حال حاضر بیش از جستجوی دسکتاپ بوده است، الگوریتم Mobile Friendly خود را ارائه داد.

Material Design چیست؟

سرانجام گوگل Material Design را معرفی کرد. یک نام تجاری با مجموعه ای از دستورالعمل های جدید برای طراحان و توسعه دهندگان وب.

کاربرد Material Design و معرفی آن

گوگل با چالشی روبرو می شود که در نتیجه به ایجاد Material Design منتهی می شود. متریال دیزاین ترکیب اصول طراحی کلاسیک به همراه امکان نوآوری در تکنولوژی و علم می باشد و نشانه های بصری را فراهم می سازد.
ترکیبی از سبک و محتوا ی متن را برای کابر در یک فضای دیجیتال، بسیار مشابه با فضای فیزیکی را فراهم می کند. همچنین Motion یا حرکت یکی دیگر از کاربرد های متریال دیزاین می باشد.

بوت استرپ یا متریال دیزاین؟

بوت استرپ مجموعه رایگان و open source یا متن باز از ابزار های طراحی سایت و برنامه کاربردی وب است. Bootstrap شامل زبان HTML و مبتنی بر طراحی قالب CSS و JavaScript می باشد. هدف آن سهولت توسعه وب سایت های داینامیک و برنامه های کاربردی تحت وب می باشد.

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

معرفی فریم ورک AMP توسط گوگل

برای بسیاری کاربران، بارگذاری صفحات وب روی تلفن همراه بسیار کند، سنگین و خسته کننده بود. اما نباید اینگونه ادامه پیدا می کرد. پروژه شتاب دهنده صفحات وب برای مبایل یا فریم ورک AMP گوگل، یک ابتکار متن باز است که در برگیرنده ویژگی های بصری می باشد و منتشر کنندگان می توانند محتوای بهینه شده صفحات وب را برای موبایل بر اساس این ویژگی ایجاد کنند.

فریم ورک AMP یا Accelerated Mobile Pages چیست؟

تحویل پروژه طراحی سایت بخش ستون فقرات بیمارستان پارس

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

منبع: تحویل پروژه طراحی سایت بخش ستون فقرات بیمارستان پارس

تحویل پروژه طراحی سایت هلدینگ تماشا

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

شرکت نوتریکا کرده است.

منبع: تحویل پروژه طراحی سایت هلدینگ تماشا

ویژگی شرکت های طراحی سایت

بهترین شرکت های طراحی سایت کدامند؟

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

برنامه نویسی جاوا اسکریپت – بخش دوم

کامپیوتر‌ها بدون کمک نرم افزار/ برنامه‌ها تنها مي‌توانند «بله» و «خير» را درک كنند. اگر بخواهيم كمي قضيه را …خوان پسند تر بيان كنيم، کامپیوترها در واقع «بله» و «خير» را به صورت «1» و «0» مي‌بينند. یک بار دیگر مي‌توان گفت که برنامه‌ها مجموعه‌ای از دستورالعمل های نوشته شده هستند كه به کامپیوتر مي‌گويند چه کار كند.

از آنجا که کامپیوتر واقعاً احمق و نادان هستند، برنامه‌نویسان (با نام مستعار: بچه …خوان) در طي سال‌ها برنامه‌هایی نوشته‌اند كه كار «صحبت كردن»‌مان با كامپيوتر را راحت‌تر كرده‌اند. یکی از این برنامه‌ها که زندگی‌مان را آسان‌تر كرده، مرورگر وب است.

توانايي فهم و درک زبان برنامه‌نویسی جاوا اسکریپت به صورت درون‌ساخت در داخل اینترنت اکسپلورر، نت اسکیپ، و اغلب مرورگرهای دیگر وب قرار داده شده است. باجاوا اسکریپت مي‌توانیم به طور غیر مستقیم کامپیوتر را کنترل كنيم.

امیدوارم که با این توضیح اولیه درباره برنامه‌نویسی، خيلي چيز‌ها براي خوانندگان روشن شده باشد.

برنامه نویسی جاوا اسکریپت-بخش اول

مثل زبان‌هاي گفتاری (مانند: فرانسوی، انگلیسی) زبان‌هایبرنامه‌نویسی هم داراي قوانين (گرامر، تلفظ، و غیره) و معاني خاصي برای کلمات کلیدی هستند. در زبان انگلیسی کلمه «پرتاب كردن» داراي معنی است؛ که به معنی «بالا انداختن»، «پرت كردن»، «افكندن» چیزی یا کسی است.

یکی از این كلمات کلیدی در جاوا ‌اسکریپت کلمه «function» است؛ این کلمه کلیدی به کامپیوتر مي‌گويد که این شروع يك کد (کد برنامه‌نویسی) است که كار خاصي مي‌كند، یا به عبارت دیگر، عملي انجام مي‌دهد. (قبل از اين‌كه ادامه دهيم: اين اشتباه رایج را انجام ندهيد كه جاوا ‌اسکریپت را با جاوا اشتباه بگيريد – آن‌ها دو چیز کاملاً متفاوت هستند!). در اینجا یک مثال جاوا ‌اسکریپت را شاهديد:

مفاهیم اوليه برنامه‌ نویسی

در قسمت اول از این سری، هدف‌مان این است که شما را با برخی از مفاهیم موجود در برنامه‌نویسی جاوا ‌اسکریپت آشنا كنيم. این مفاهیم درباره بسیاری از زبان‌های برنامه‌نویسی دیگر مانند جاوا و PHP نیز كاربرد دارند.
با استفاده از این فهم اوليه ياد خواهید گرفت چطور برنامه نويسي كنيد (كه در قسمت‌هاي دوم و سوم اين بحث آموزشي به آن پرداخته خواهد شد)، صفحات وب ایجاد كنيد، از DHTML استفاده كنيد و حتی استفاده آسان‌تر از نرم افزار را فرا بگيريد. مي‌دانم که در وهله اول به نظر نامربوط است، اما وقتي شروع به انجام آن كنيد، ارتباطش را در خواهيد يافت! به زودی قرابت و نزديكي جاوا، جاوا ‌اسکریپت، دات نت، ASP، PHP، و بسیاری از زبان‌ها و فن آوری‌های دیگر را كشف خواهيد كرد.

تحویل پروژه طراحی سایت شرکت معرفان

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

شرکت معرفا ن با طراحی سایت معرفان این امکان را برای شما عزیزان فراهم آورد تا به راحتی بتوانید از اخبار نمایشگاهی، تقویم برگزاری نمایشگاهها و … مطلع گردید. طراحی سایت شرکت تبلیغاتی معرفان با افتخار توسط نوتریکا به اتمام رسید و تحویل کارفرما داده شد.

منبع: تحویل پروژه طراحی سایت شرکت معرفان

تحویل پروژه طراحی سایت شرکت بازرگانی زرباف فر

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

منبع: تحویل پروژه طراحی سایت شرکت بازرگانی زرباف فر

مقدمه‌اي بر CSS

گام بعدی ما یادگیری CSS  است که به ابزاري کلیدی برای طراحان امروزی وب محسوب مي‌شود.

CSS چیست؟

CSS مخفف کلمات «Cascading Style Sheets» به معني شيوه‌نامه‌هاي آبشاري است. سی اس اس خواهر خوانده زبان كد نويسي HTML است که امكان می‌دهد صفحات وب‌تان را قالب بندي كنيد. نمونه‌ای از تغییر در قالب بندي تیره كردن کلمات است. در HTML استاندارد می‌توانید از تگ <b> براي اين‌كار استفاده کنید:

<b>make me bold</b>

این تگ به خودي خود به خوبي کار می‌کند و هیچ مشکلی با آن نداريم، به جز اين‌كه فرض كنيم مي‌خواهيد تمام نوشته‌هايي كه ابتدا تيره‌شان كرده‌ايد را زير‌خط‌دار كنيد؛ در اين حالت مجبوريد تك به تك سراغ جاهاي پر رنگ رفته و تگ آن‌ها را عوض كنيد.

نقطه ضعف دیگر آن را می‌توان در این مثال جستجو كرد: فرض كنيم مي‌خواهيد متن بالا را پر‌رنگ كرده، فونت آن Verdana انتخاب نموده و رنگ آن را به قرمز تغییر دهيد؛ براي اين‌كار به مجموعه زيادي از كد‌هاي دستوري در اطراف متن نياز دارید:

<font color=”#FF0000″ face=”Verdana, Arial, Helvetica, sans-serif”>

<b>This is text</b></font>

این روش نوعي پرگويي (دارای اطناب) است و باعث مي‌شود كد HTML تان شلوغ و بهم ريخته شود. با استفاده از سی اس اس می‌توانید یک قالب سفارشی در هر جايي كه مي‌خواهيد ايجاد كرده و همه تنظیمات خاص آن را يك‌جا انجام دهيد، يك نام منحصر به فرد براي آن انتخاب كنيد، و سپس HTML ‌تان را طوري «تگ» كنيد كه این قالب خاص را اعمال كند:

<p class=”myNewStyle”>My CSS styled text</p>

حال این کد سی اس اس را كه به تعريف قالب دلخواه‌تان مي‌پردازد را بالای صفحه وب ما بين تگ‌هاي <head> و </head>  بگنجانيد:

<style type=”text/css”>

<!–

        .myNewStyle {

               font-family: Verdana, Arial, Helvetica, sans-serif;

               font-weight: bold;

               color: #FF0000;

        }

–>

</style>

HTML پیشرفته

شاید نام این درس را بايد مي‌گذاشتيم: گسترش فهم پيشرفته از اصول HTML. قرار نيست ترفندهای پیشرفته یا تگ‌های جدید ياد بگيريم، داريم كاري مي‌كنيم كه به مراتب فايده بیشتري دارد: آشنایی با اصول اولیه تفاوت آدم حرفه‌اي با آماتور‌ها است.

مقدمه HTML پیشرفته

فناوري HTML براي یادگیری نسبتا ساده است، آن‌قدر ساده كه در واقع وقتي خيلي از مردم اصول اوليه آن را ياد مي‌گيرند، سريع مي‌روند سراغ طراحی سایت و  ساختن صفحه وب، بدون اين‌كه خيلي راجع به ياد‌گيري اصول اوليهHTML فكر كنند.

به این ترتیب، بسیاری از طراحان وب از همه مزاياي HTML و CSS استفاده کامل نمي‌كنند. آنها موجبات اتلاف وقت و پول خود را فراهم مياورند و به طور کلی، زندگی خودشان را مشكل‌تر مي‌كنند.

تفاوت بین تگ‌هاي (برچسب‌هاي) منمنطقي و فیزیکی یکی از مفاهیم اساسی کلیدی در HTML است که، زماني که فهميده شوند، مي‌تواند تاثیر عظیمي بر نحوه انجام کارها توسط طراحان وب بگذارد.

رسانه وب

هرچند تمثيل هرم وب راهي بسیار انتزاعی براي توصیف طراحی وب‌ سایت محسوب مي شود، با اين حال مي‌تواند ابزاري مفید برای نشان دادن كنش و واكنش اجزای مختلف ساختمان و رسانه وب باشد. روش عملی‌تر براي بحث در مورد طراحی سایت كه به وسيله آن بتوان اجزای مختلف محیط وب را در ذهن مجسم كرد، اجزاي مختلف رسانه ب است كه در شکل 2-1 نشان داده شده است.

اجزای رسانه وب

وب‌سایت‌های امروزي در درجه اول یک مدل برنامه‌نویسی شبکه