نوشته‌ها

20160511_164429_23929-html-css-js

شروع دوره ی طراحی وب

distance-learning1-97d03a2fab123%d8%af%d8%b0%d8%aa

 

شروع دوره آموزش طراحی وب:
یادگیری و آموزش طراحی وب ، در دنیای کنونی برای علاقمندان به حوزه دیجیتال یک سرمایه گزاری ویژه می باشد. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است.
شماره تماس جهت رزرو و مشاوره:
۰۱۳-۴۲۲۲۲۰۶۲

images

شروع ثبت نام دوره نرم افزار HTML

web-mktng

دوره اصول طراحی وب شامل آموزش زبانهای برنامه نویسی JQuery,  HTML5 , CSS 3 می باشد و از آن روکه این دو زبان،اساس و پایه ی برنامه نویسی تحت وب می باشد ، دانشجو با فراگیری انها آماده پذیرش زبانها و تکنولوزی های پیشرفته و پیچیده تر در این عرصه می گردد.
طبق یک تقسیم بندی عمده و رایج در حوزه وب ، فعالیت در این عرصه به دو بخش برنامه نویسی Static  )که ب طراحی ظاهر و واسط کاربری صفحات وب می پردازد ( و بخش برنامه نویسی Dynamic) که به برنامه نویسی پشت زمینه یا  BackEnd صفحات می پردازد ( تقسیم میگردد که عملا حضور و شروع فعالیت در حوزه  Dynamic منوط به دانش کافی و لازم از حوزه Static می باشد. از این رو این دوره می کوشد تا این دانش لازم را برای فراگیری فراهم نماید.

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

برای کسب اطلاعات بیشتر با شماره ۰۱۳۴۲۲۲۲۰۶۲ تماس حاصل فرمائید.

html-5-for-seo

شروع ثبت نام دوره اصول طراحی وب سایت

web-mktng

دوره اصول طراحی وب شامل آموزش زبانهای برنامه نویسی JQuery,  HTML5 , CSS 3 می باشد و از آن روکه این دو زبان،اساس و پایه ی برنامه نویسی تحت وب می باشد ، دانشجو با فراگیری انها آماده پذیرش زبانها و تکنولوزی های پیشرفته و پیچیده تر در این عرصه می گردد.
طبق یک تقسیم بندی عمده و رایج در حوزه وب ، فعالیت در این عرصه به دو بخش برنامه نویسی Static  )که ب طراحی ظاهر و واسط کاربری صفحات وب می پردازد ( و بخش برنامه نویسی Dynamic) که به برنامه نویسی پشت زمینه یا  BackEnd صفحات می پردازد ( تقسیم میگردد که عملا حضور و شروع فعالیت در حوزه  Dynamic منوط به دانش کافی و لازم از حوزه Static می باشد. از این رو این دوره می کوشد تا این دانش لازم را برای فراگیری فراهم نماید.

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

در فرم ثبت نام گروه برنامه نویسی انتخاب گردد

images

شروع ثبت نام دوره اصول طراحی وب سایت

web-mktng

دوره اصول طراحی وب شامل آموزش زبانهای برنامه نویسی JQuery,  HTML5 , CSS 3 می باشد و از آن روکه این دو زبان،اساس و پایه ی برنامه نویسی تحت وب می باشد ، دانشجو با فراگیری انها آماده پذیرش زبانها و تکنولوزی های پیشرفته و پیچیده تر در این عرصه می گردد.
طبق یک تقسیم بندی عمده و رایج در حوزه وب ، فعالیت در این عرصه به دو بخش برنامه نویسی Static  )که ب طراحی ظاهر و واسط کاربری صفحات وب می پردازد ( و بخش برنامه نویسی Dynamic) که به برنامه نویسی پشت زمینه یا  BackEnd صفحات می پردازد ( تقسیم میگردد که عملا حضور و شروع فعالیت در حوزه  Dynamic منوط به دانش کافی و لازم از حوزه Static می باشد. از این رو این دوره می کوشد تا این دانش لازم را برای فراگیری فراهم نماید.

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

در فرم ثبت نام گروه برنامه نویسی انتخاب گردد

images

شروع ثبت نام دوره نرم افزار HTML

web-mktng

دوره اصول طراحی وب شامل آموزش زبانهای برنامه نویسی JQuery,  HTML5 , CSS 3 می باشد و از آن روکه این دو زبان،اساس و پایه ی برنامه نویسی تحت وب می باشد ، دانشجو با فراگیری انها آماده پذیرش زبانها و تکنولوزی های پیشرفته و پیچیده تر در این عرصه می گردد.
طبق یک تقسیم بندی عمده و رایج در حوزه وب ، فعالیت در این عرصه به دو بخش برنامه نویسی Static  )که ب طراحی ظاهر و واسط کاربری صفحات وب می پردازد ( و بخش برنامه نویسی Dynamic) که به برنامه نویسی پشت زمینه یا  BackEnd صفحات می پردازد ( تقسیم میگردد که عملا حضور و شروع فعالیت در حوزه  Dynamic منوط به دانش کافی و لازم از حوزه Static می باشد. از این رو این دوره می کوشد تا این دانش لازم را برای فراگیری فراهم نماید.

 

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

در فرم ثبت نام گروه برنامه نویسی انتخاب گردد

course3

طراحی وب سایت

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

 

سرفصل دوره آموزش اصول طراحی وب سایت

 

الف )  مقدمه

  • آشنایی با شبکه و Networking
  • آشنایی با انواع شبکه ها از نظر مقیاس ( Geographical Scope )
  • آشنایی با مفهموم Client , Server, ونحوه برقراری ارتباط آنها باشیم
  • آشنایی با مفهوم Response , Request وانواع آنها
  • آشنایی با مفهوم Syntax , URL
  • آشنایی با نرم افزارهای Web Browser و بررسی تفصیلی شباهت ها و تفاوت های آنها
  • معرفی اجمالی زبانهای حوزه برنامه نویسی وب
  • توضیح اصطلاحات
  • BackEnd , For-End , Server-Side , Client-Side

ب) سرفصل ها

  • HTML Element , HTML Tag , HTML Doucument , HTML چه میباشند!؟
  • ساخت یک صفحه وب شامل Hello World و آشنایی با قالب یک سند HTML
  • تاریخچه HTML ، معرفی XHTML و استانداردهای آن
  • آشنایی با المان های ساده و ابتدایی HTML نظیر hr, br, p, [Formating][Heading]
  • HTML Attributes
  • شی متحرک Marquee/ لیست ها و انواع آن / HTML Entities و قرار دادن کارکترهای خاص صفحه
  • عکس ها و نقشه بر روی آنها
  • پیوندها و انواع ان (Hyperlink – Email Link – Anchor link )
  • جداول – ادغام بین سلول ها (سطحی – سطونی ) – گروه بندی (سطحی- ستونی)
  • قالب های برخط (I Frames) و کاربردهای آن
  • فرمها و المانهای ورودی کاربردی از نظیر Input (معرفی تمام صفحات معرفی شده در HTML5 و HTML4) و Select/Option  و Text area
  • Html Media از طریق معرفی المان های Audio , Video , Embed , object
  • Layout Element >  Span , Div  و المانهای Semantic
  • المانهای قسمت  head
  • معرفی  CSS/ روشهای پیاده سازی CSS / روشهای نگارش CSS / انتخابگرها / کامنت گذاری
  • شیوه دهی پس زمینه (Background Styling)
  • شیوه دهی متنی ( Text styling ) و شیوه دهی فونت (Font Styling)
  • شیوه دهی لیستها (List Styling) / کلاسهای کاذب   (Pseudo Classes)
  • شیوه دهی مدل جعبه  (Positioning)  (Margin)(Content)   (Border) (Padding)
  • معرفی شیوه های جدید حاضر در CSS3 , Animation , Transition , Transform

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

در فرم ثبت نام گروه برنامه نویسی انتخاب گردد

 

html-5-for-seo

۵ دلیل برای یاد گرفتن HTML

html۵ دلیل برای یاد گرفتن HTML

HTML سنگ بنای وب است.

فناوری پایهٔ پشت هر چیزی که در مرورگر وب می‌بینیم، و از آن (در کنار فناوری‌های دیگری مثل JavaScript و CSS) برای ساخت هر چیزی از صفحات وب ساده تا سرویس‌ها و برنامه‌های پیچیدهٔ وب استفاده می‌شود، اچ‌تی‌ام‌ال است.

اما به غیر از دنبال کردن پیشهٔ طراحی وبسایت، دلایل زیادی برای یادگرفتن اچ‌تی‌ام‌ال وجود دارد.

و این هم پنج دلیلی که هر کسی باید کمی اچ‌تی‌ام‌ال بداند.

۱. ارتباطات کاری بهتر

کسب‌وکارهای امروزی هر چه بیشتر دارند کارشان را آنلاین انجام می‌دهند، و برای هرچیزی از ایمیل و تقویم گرفته تا نگهداری پروژه‌ها و یادداشت‌های تیمی از سایت‌های اینترنتی استفاده می‌کنند.

بیشتر فریم‌ورک‌ها یا چارچوب‌های ویکی مورد استفاده برای محتوای کسب‌وکار یک زبان مارک‌آپ تغییریافته و ساده‌شده دارند که پیش‌فرض آن است. اما بیشترشان قالب HTML که به درستی شکل‌یافته باشد هم قبول می‌کنند، که گزینه‌های خیلی بیشتری برای انتشار در اختیار ما می‌گذارد. چرا به حداقل راضی شویم؟

۲. خودت آپدیت کن

اگر نیاز است که بخش‌هایی از وبسایت شرکتتان به‌طور مرتب به‌روز شود و هنوز کمی برای یاد گرفتن اچ‌تی‌ام‌ال وقت نگذاشته‌ای، واقعا بهتر است این کار را بکنی. بیشتر به‌روزرسانی‌های کوچک با داشتن دانش فنی پایه از HTML و استانداردهای وب قابل انجام است. نیازی نیست که به طراح پول بدهید تا کاری را بکند که خودت هم به سادگیِ عوض کردن محتوای یک فایل ورد می‌توانی انجام بدهی.

۳. ابزارهای بصری وب کار را پیچیده می‌کنند

ابزارهای بصری ساخت اچ‌تی‌ام‌ال مثل Dreamweaver، Muse، Hype، و غیره می‌توانند کار طراحی را ساده‌تر کنند. اما در بیشتر مواقع کدهایی تولید می‌کنند که خودت هم می‌توانی در HTML خام به راحتی بنویسی.

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

۴. وبلاگ‌نویسی بهتر

آیا مرتب وبلاگ می‌نویسی؟ پس به خاطر خودت هم که شده باید اچ‌تی‌ام‌ال یاد بگیری. بله، در بیشتر برنامه‌های وبلاگ‌نویسی امروزی، دکمه‌ها و تولبارهای مختلفی برای فرمت کردن متن‌ات هست اما یادگرفتن کمی کدنویسی HTML – و شاید کمی CSS و JavaScript – دستت را خیلی توانمندتر از آن می‌کند که با نرم‌افزار وبلاگ‌نویسی ممکن است.

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

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

۵. زندگی‌ات را کدنویسی کن

دانستن کمی HTML حتی در زندگی روزمره هم به تو کمک می‌کند.

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

یاد گرفتن اچ‌تی‌ام‌ال بی‌اندازه ساده است (فقط کافی است مرورگر اینترنت داشته باشید و یک ویرایشگر متنی)، و وقتی که با عناصر پایهٔ HTML در پشت صفحات وب آشنا شدی، هر صفحه‌ای که به آن سر بزنی خودش یک منبع آموزشی زنده محسوب می‌شود.

یک افکت خیلی جالب دیده‌ای که می‌خواهی خودت هم امتحان کنی؟ فقط کافی است گزینهٔ View Source را در منوی مرورگرت پیدا کنی تا با آن ببینی چطور انجام شده. (فقط یادت نرود به منبع‌ات هم اشاره کن؛ آن بیچاره‌ها هم برای کدشان زحمت کشیده‌اند!)

و بهترین دلیل

نه فقط می‌توانی اصول وب را از پشت کامپیوترت یاد بگیری، بلکه می‌توانی در کنار آموختن HTML در جا کدنویسی را هم تمرین بکنی – بدون نیاز به نصب یا پیکربندی هیچ چیزی.

 

html-5-for-seo

HTML5

چرا از HTML5 استفاده کنیم؟

زبان پایه ای و استاندارد برای طراحی صفحات وب HTML است  .بسیاری از زبان های برنامه نویسی مانند PHP، asp، و زبان های برنامه نویسی دات نت از قالب HTML برای طراحی استفاده می کنند .تا کنون ورژن های متعددی از HTML ارایه شده است که آخرین آن HTML5 محصول سال ۲۰۰۸ است.

HTML5 حاصل همکاری و مشارکت دو نهاد اصلی استاندارد سازی وب یعنی W3C و the Web Hypertext Application Technology Working Group (WHATWG) است .

یکی از ضعف های عمده نسخه های قبلی HTML وابستگی طراحان به زبان های برنامه نویسی جانبی همچون جاوا اسکریپت و PHP برای قرار دادن تصاویر متحرک و ویدیو و در کل ساخت صفحات کاربرپسند و انعطاف پذیر بود .که این موانع با معرفی HTML5 برداشته شد .یکی از ویژگی های بارز این نسخه از HTML نسبت به نسخه های قبلی اضافه شدن تگ های <video> , <audio> جهت افزودن صوت و تصویر به صفحات می باشد.
از دیگر ویژگی های جدیدی که در این نسخه از HTML وجود دارد :

  • اضافه شدن تگ < canvas > ، برای طراحی اشیا و اشکال به صورت ۲ بعدی .
  • اصافه شدن تگ < video > و < audio > برای اجرای فایل های صوتی و تصویری بدون نیاز به یک نرم افزار جانبی مثل Flash Player .
  • کنترل های جدید فرم مثل calendar , email , date و time اضافه شده اند ، که طراحی و برنامه نویسی فرم ها را بسیار ساده می کند .
  • امکان ذخیره اطلاعات بر روی مرورگر کاربر – این قابیلت تقریبا کار کوکی ها cookie را در صفحات HTML انجام می دهند .

 

html

دلیل آنکه در حال حاضر در ایران درصد کمی از طراحان وب  از این زبان قوی استفاده می کنند  این است که که افراد در ایران اکثرا از سیستم عامل های ویندوز در ورژن های مختلف استفاده می کنند،مرورگر پیشفرض ویندوز XP اینترنت اکسپلورر ۷ است. مرورگر های قدیمی از جمله اینترنت اکسپلورر تا ورژن ۷ از این زبان پشتیبانی نمی کنندکه البته قبل ارتقا به ۸ می باشد. بر روی ویندوز سون نیز اینترنت اکسپلورر ۸ به طور پیشفرض وجود دارد که قابل ارتقا به ۹ می باشد. بهترین مرورگر که پشتیبانی قابل قبولی از HTML5 را دارد  اینترنت اکسپلورر۱۰ می باشد که بر روی ویندوز ۸ به صورت پیش فرض وجود دارد.

*جهت شرکت در دوره طراحی وبسایت کلیک نمایید*

در فرم ثبت نام گروه برنامه نویسی انتخاب گردد

تلفن تماس: ۴۲۲۲۲۰۶۲

480c48dae479fc2226329dd791a47a4b

۱۰ اصل برتر طراحی وبسایت کارامد

۱۰ اصل برتر طراحی وبسایت موثر

مثل آن ضرب‌المثل که می‌گوید «زیبایی در نگاه بیننده است»، این کاربر است که طراحی وبسایت را قضاوت می‌کند، نه صاحبان وبسایت.

عوامل زیادی وجود دارد که بر کارایی یک وبسایت اثر می‌گذارد؛ نه تنها ظاهر کار (اینکه چقدر خوب به نظر می‌رسد) بلکه عملکرد آن (اینکه استفاده از آن چقدر ساده است) از عوامل مهم هستند.

6976a78949cbf79bb6202b71d05fbec6

وبسایت هایی که به خوبی طراحی نشده‌اند عملکرد خوبی ندارند و زیر حد مطلوب معیارهای گوگل آنالیتیکس (Google Analytics) عمل می‌کنند (برای مثال بانس ریت یا نرخ پرش بالا، صرف زمان کم در سایت، صفحات کم در هر بازدید و نرخ تبدیل پایین). پس چه چیزی در طراحی خوب یک وبسایت موثر است؟ در این مطلب ۱۰ اصل مهم در طراحی وب را آورده‌ایم که کمک می‌کند وبسایتتان از نظر ظاهری زیبا باشد، به راحتی مورد استفاده قرار گیرد، و جذاب و موثر باشد.

۱. هدف

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

۲. ارتباط

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

۳. سبک حروف

در کل خواندن فونت های Roya، Tahoma و Nazanin، در وبسایت‌ها راحت‌تر است. اندازه‌ی مطلوب فونت برای اینکه راحت خوانده شود ۱۴ پیکسل است و حداکثر ۳ فونت با حداکثر ۳ سایز در طراحیتان به کار ببرید تا سادگی کار حفظ شود.da583dcb49094b74123d378b0a41af36

۴. رنگ‌ها

یک پالت رنگ فکرشده تاثیر خیلی عمیقی بر تجربه ی کاربری می‌گذارد. رنگ‌های مکمل، تعادل و هماهنگی ایجاد می‌کنند. استفاده از رنگ‌های متضاد برای متن و پس‌زمینه‌ی متن باعث می‌شود خواننده راحت‌تر آن ها را بخواند. رنگ‌های باطراوت باعث ایجاد شور و هیجان می‌شوند و بایستی از آنها با وسواس استفاده کرد (مثلاً برای دکمه‌ها و کال تو اکشن). در آخر، فضای سفید/ فضای منفی، به وبسایتتان جلوه‌ی منظم و مدرنی می‌دهد.

۵. تصاویر

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

۶. Navigation یا پیمایش

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

۷. چینش شبکه‌ای (Grid Based Layout)

قرار دادن محتوا به طور تصادفی در صفحه‌ی، ظاهر سایت را شلوغ و درهم ریخته می‌کند. چینش شبکه‌ای، محتوا را در بخش‌ها، ستون‌ها و کادرهای مرتب و متوازن قرار می دهد که ظاهر خیلی بهتر و زیباتری به وبسایتتان می‌دهد.

۸. طرح الگوی «F»

مطالعات ردیابی چشم روی افرادی که به زبان‌های با ریشه‌ی لاتین (چپ به راست) صحبت می‌کنند، نشان داده که این افراد صفحه‌ی کامپیوتر را با الگوی «F» مرور می‌کنند. اکثر چیزهایی که نگاه می‌کنند، در بالا و سمت چپ صفحه است و سمت راست به ندرت دیده می‌شود. برای زبان‌های راست به چپ مثل فارسی نیز، این الگو به صورت F معکوس است. طراحی موثر به‌جای آنکه سعی کند جریان بینایی بیننده را به زور هدایت کند، با رفتار طبیعی خواننده سازگار می‌شود و اطلاعات را به ترتیب اهمیت (از راست به چپ برای فارسی و از بالا به پایین) نمایش می‌دهد.

6bd2888607e8ebbcc51671cef6bc8465

۹. زمان بارگذاری

هیچکس از وبسایتی که زمان زیادی صرف بالا آمدنش می‌شود خوشش نمی‌آید. نکاتی که زمان بارگذاری صفحه را کاهش می‌دهند عبارتند از بهینه‌سازی اندازه‌ی تصاویر (اندازه و مقیاس)، ترکیب کد به یک فایل یا JavaScript CSS مرکزی (که درخواست‌های HTTP را کاهش می‌دهد) و کوچک کردن HTML، CSS و JavaScript (که برای افزایش سرعت بارگذاری فشرده شده‌اند).

۱۰. مناسب برای دستگاه‌های مختلف

در حال حاضر دسترسی به وبسایت‌ها از دستگاه‌های مختلف با نمایشگرهایی در اندازه‌های متفاوت یک امر عادی و رایج است، بنابراین خیلی مهم است که وبسایت شما با دستگاه‌های همراه سازگار باشد. اگر وبسایت شما چنین قابلیتی نداشته باشد، می‌توانید آن را با طراحی واکنش‌گرا یا responsive بسازید (یعنی وبسایت شما می‌تواند با عرض‌های متفاوت صفحه‌نمایش منطبق گردد،) یا اینکه می‌توانید یک نسخه‌ی اختصاصی وسایل همراه برای سایت بسازید.

9e3dcbf88aab8af0e0131b1173335914

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

رزرو دوره اصول طراحی وب Fundation

*در فرم ثبت نام گروه برنامه نویسی انتخاب گردد*

1001.sdt-apache-cordova

Apache Cordova چیست؟

بررسی phonegap یا cordova

phonegap چیست؟ چه مزایایی داره ؟ چه معایبی داره؟ Apache Cordova چیست؟
PhoneGap یک پلتفرم متن باز برای توسعه اپلیکیشن های موبایل با HTML5 و CSS3و javascript است.
در این پلتفرم شما می توانید رابط گرافیکی اپلیکیشن خود را با استفاده از HTML5 و CSS3 و Jquery Mobile طراحی کنید و برنامه نویسی ها را با Javascript انجام دهید.
یکی از مزیت های این پلتفرم این است که خروجی برای سیستم عامل های مختلف از جمله اندروید، آی او اس، ویندوز فون و سیمبین به شما می دهد در اصطلاح cross platform میباشد.
از مزایای این پلتفرم می توان به قابلیت اجرا و ساخت اپلکیشن با این پلتفرم برای سیستم عامل های زیر اشاره کرد :
Android – Bada – Blackberry – FirefoxOS – iOS – Mac OS X – QT – Tizen – Ubuntu – WebOS – Windows (desktop) – Windows Phone 7 – Windows Phone 8
در حال حاضر Cordova تا نسخه ۳٫۱٫۰ به طور رسمی منتشر شده و در حال پیشرفت خوبی است !‌
خیلی عالیه مگه نه؟؟

cordova

 

شما تنها کافیست با زبان های تحت وب کلاینت برنامه نویسی کنید و در آن سو این همه app برای پلتفرم و سیستم عامل مورد نظر خودتون تحویل بگیرین !
cordova همان phonegap میباشد.
حتما از خودتون میپرسید phonegap با cordova چه فرقی داره؟؟
phonegap توسط شرکت Nitobi تولید شد و به شرکت adobe فروخته شد و چون adobe میخواست phonegap رو به صورت opensource در اختیار برنامه نویسان بگذارد اون در اختیار شرکت apache قرار داد . از آنجایی که شرکت ادوبی support میفروشد هنوز هم phonegap رو دراختیار خودش دارد ولی cordova که توسط شرکت  apache توسعه پیدا میکند دارای API ها و Plugin های زیادی میباشد پس در حال حاضر cordova قوی تر است.
برای هر دو پلتفرم داکیومنت های خوبی یافت میشود.
مزایا :

 

  • نیاز به دانش زبان های native ندارد
  • توسط تمام پلتفرم ها پشتیبانی میشود
  • توسط api های گوناگون پشتیبانی میشود یا apiهای متفاوتی برای آن موجود میباشد
  • خیلی خوب و باحال هست.
  • با استفاده از مدیا کوئری ها یا bootstrap میتونید برای صفحه نمایش های مختلف

       (UI (dpi, ldpi, hdpi, xdpiطراحی کنید .

  • طراحی گرافیک و ظاهر بسیار راحت هست .

معایب:

  • performance برنامه نسبت به برنامه های native پایین تر است.
  • تمام قابلیت های سیستم عامل هارا پشتیبانی نمیکند(مثلا save کردن contact ها در ios در تمام نسخه ها کار نمیکنه!).
  • طراحی گرافیک باید به صورت انجام شود که مشابه نرم افزار های nativeباشد
  • در آخر اگر میخواهید نرم افزاری طراحی کنید که زیاد سنگین نیست و جنبه ی ظاهری فقط دارد phonegap بهترین گزینه است در غیر اینصورت پیشنهاد نمیشه…

 

نمونه نرم افزارهایی که با phonegap نوشته شده اند: بازی۲۰۴۸نمونه های بیشتر

 

*جهت شرکت در این دوره با دفتر مجتمع فنی تهران نمایندگی لاهیجان تماس حاصل نمایید*

تلفن تماس: ۴۲۲۲۲۰۶۲