آموزش HTML 5 > طراحی اشیای گرافیکی در HTML 5 > نحوه کار با شی canvas
ثبت شده در تاریخ:1395/12/11 3:06:19 PM
|
|
|
|
|
یکی از کمبود هایی که همواره در DotNet Framework احساس می شد، عدم وجود بستری مناسب جهت ترسیم نمودار های گرافیکی بود. به طوری که برای ترسیم یک نمودار زیبا، برنامه نویسان مجبور بودند وقت و انرژی زیادی را صرف نمایند و یا ابزار های مربوطه را از شرکت های طرف سومی خریداری نمایند. شرکت مایکروسافت اخیرا یک کتابخانه که شامل مجموعه ای از کنترل ها می باشد را جهت استفاده برنامه نویسان در برنامه های تحت ویندوز و وب منتشر نموده است و از این پس توسعه گران به راحتی هر چه تمام تر می توانند پیشرفته ترین و زیباترین نمودار ها را در برنامه های خود ارائه نمایند.
ثبت شده در تاریخ:1394/07/04 9:33:10 AM
|
|
|
|
|
از کنترل UpdateProgress ، برای نمایش یک نمایه تصویری یا یک پیام متنی ، که میزان پیشرفت پروسه عملیات لود شدن و به روز رسانی صفحه را نشان می دهد ، استفاده می شود .
ثبت شده در تاریخ:1394/05/31 6:48:56 PM
|
|
|
|
|
برای اینکه بتوانیم به راحتی افکار و ایده هایمان را در بستر این زبان به مرورگر تفهیم کنیم، هنوز گام های زیادی باقی است و جزئیات بسیاری ناگفته مانده، اما جای نگرانی نیست، کافی است آهسته و پیوسته آموزش ها را دنبال کرده تا با هم این مسیر را به سلامت طی کنیم، در این مطلب نیز می خواهیم به یکی دیگر از مباحث، یعنی آشنایی با نحوه کار switch و case در جاوا اسکریپت بپردازیم.
ثبت شده در تاریخ:1394/05/31 6:48:52 PM
|
|
|
|
|
آشنایی با نحوه کار توابع مربوط به تاریخ و زمان در جاوا اسکریپت، جهت تسلط بیشتر بر این زبان، جزء جدایی ناپذیر از آموزش های مقدماتی است و لذا در این مطلب می خواهیم به آن بپردازیم.
ثبت شده در تاریخ:1394/05/31 6:49:18 PM
|
|
|
|
|
فرض کنید می خواهید از کنترل TreeView به همراه MS Ajax استفاده کنید و آیتم ها و شاخه های TreeView زیاد بوده بطوریکه باعث می شود Container این کنترل دارای اسکرول شود.
ثبت شده در تاریخ:1394/05/31 6:48:52 PM
|
|
|
|
|
بحث آرایه ها در زبان های برنامه نویسی مخصوصا در برنامه نویسی وب از جمله شیرین ترین و در عین حال حساس ترین مباحث به شمار می آید، از طرفی استفاده از آرایه (Array) در برنامه نویسی های پیشرفته یک امر اجتناب ناپذیر است ولی به دلیل وجود ظرایف خاص، جزئیات و اینکه درک صحیح این قابلیت نیاز به فراگیری دقیق مقدمات آن دارد، می تواند در نگاه نخست مبحثی پیچیده و عجیب به نظر برسد؛ از این رو در ادامه آموزش های مقدماتی جاوا اسکریپت (JavaScript)، این بار به سراغ آرایه ها رفته ایم تا با هم، کمی بیشتر در دنیای جالب آن سیر کنیم.
ثبت شده در تاریخ:1394/05/31 6:49:12 PM
|
|
|
|
|
در این آموزش می خواهیم شما را با یکی دیگر از قابلیت های پرکاربرد جاوا اسکریپت آشنا کنیم و آن استفاده از پنجره های pop up یا همان پنجره های کوچک نمایش پیام است که در چهار دسته پنجره های هشدار (alert)، پنجره های تایید (confirm)، پنجره نمایش لینک (window.open) و پنجره های عکس العملی (prompt) دسته بندی می شوند.
ثبت شده در تاریخ:1394/05/31 6:49:15 PM
|
|
|
|
|
یکی از قابلیت های بسیار مفید و کاربردی استفاده از جاوا اسکریپت (JavaScript) در طراحی صفحات و برنامه های تحت وب، واکنش های تعاملی آن متناسب با رفتار کاربر است، به فرض هنگامی که روی یک دکمه در صفحه ای کلیک می شود، می توان همزمان یا پس از آن، تابعی مبتنی بر جاوا اسکریپت را در سمت کاربر اجرا کرد و پیش از ارسال درخواست به سرور، پردازش های اولیه را بر روی آن انجام داد، این قدرت جاوا اسکریپت بیشتر متکی بر عناصری به نام رویداد (event) است که با وقوع آنها، عملیات تعریف شده خاصی در مرورگر اجرا می شود، در ادامه آموزش در این باره بیشتر خواهیم گفت.
ثبت شده در تاریخ:1394/05/31 6:49:08 PM
|
|
|
|
|
معمولا در هر زبان برنامه نویسی، توابع (Functions) نقشی کلیدی در پیش برد اهداف برنامه نویس و تسهیل کدنویسی دارند، توابع به سان ماشین هایی هستند که هر بار با توجه به مواد اولیه، خروجی متفاوتی تولید می کنند، خوشبختانه این امر در جاوا اسکریپت (JavaScript) شباهت زیادی به دیگر زبان برنامه نویسی وب یعنی PHP دارد، این موضوع باعث می شود کاربرانی که با PHP آشنایی دارند، به راحتی بخش توابع در جاوا اسکریپت را فرا بگیرند، هر چند بهتر است ابتدا زبان های سمت کاربر را یاد بگیرید و سپس به برنامه نویسی سمت سرور بپردازید، به هر صورت در ادامه آموزش های مقدماتی جاوا اسکریپت، این بار به سراغ توابع رفته ایم.
ثبت شده در تاریخ:1394/05/31 6:49:05 PM
|
|
|
|
|
عبارت متد (Method) بیشتر در برنامه نویسی شی گراء (OOP یا Object Oriented Programming) کاربرد دارد و مواردی مانند innerHTML را خاصیت (Property) می نامند، با این وجود و به جهت اینکه این موضوع (OOP) در جاوا اسکریپت چندان مصداق ندارد، به اختصار و در این آموزش به هر دو، متد خواهیم گفت
ثبت شده در تاریخ:1394/05/31 6:49:02 PM
|
|
|
|
|
اگر تا این مرحله، آموزش های مقدماتی بخش جاوا اسکریپت را دنبال کرده باشید، حتما با کلیاتی از آن آشنا شده اید، شیوه نگارش و دستورالعمل (syntax) آن را فراگرفته اید و قادر هستید یک کد ساده بنویسید و از آن خروجی بگیرید، در مطلب گذشته دیدیم که چگونه از مقایسه (Comparison) و شرط (If و Else) استفاده کنیم و تفکری که در ذهن داریم را در بستر مفسر جاوا اسکریپت پیاده سازی کنیم، حال در ادامه آموزش های مقدماتی می خواهیم شما را با عنصری دیگر به نام حلقه (loop) آشنا کنیم و با دو نوع پرکاربرد آن یعنی for و while به کمک مثالهایی، تمرین نمائیم.
ثبت شده در تاریخ:1394/05/31 6:48:59 PM
|
|
|
|
|
پیش از این با جاوا اسکریپت (JavaScript) و کارکردهای آن در صفحات وب آشنا شدیم، گفتیم که این زبان تنها در مرورگر کاربران اجرا می شود (سمت کاربر) و به نوعی محدود به آن است، همچنین محاسبات و عملگرهای اصلی را شناختیم و با مثال هایی از آنها کار کردیم، اکنون و در این مطلب می خواهیم کمی بیشتر وارد دنیای شیرین و بعضا پیچیده برنامه نویسی با جاوا اسکریپت شویم و با هم به بررسی عملگرهای مقایسه (Comparisons) و شرط (If و Else) و نحوه تعریف و استفاده از آنها با کمک مثال بپردازیم تا امر فراگیری، آسانتر و کاربردی تر شود.
ثبت شده در تاریخ:1394/05/31 6:48:56 PM
|
|
|
|
|
یشتر سایت ها و صفحات وب برای بررسی اعتبار فرم ها، ارتباط با سرور، شناسایی قابلیت های مرورگر کاربران، کار با کوکی ها (cookie) و خیلی چیزهای دیگر از آن استفاده می کنند، البته با همه این تفاسیر به دلیل سمت کاربر (Client side) بودن این زبان (یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه مفسر سرور سایت)، در عین توانایی محدودیت هایی نیز وجود خواهد داشت.
ثبت شده در تاریخ:1394/05/31 6:31:26 PM
|
|
|
|
|
در مطلب گذشته از بخش آموزش مقدماتی جاوا اسکریپت (javascript)، خلاصه و کوتاه در مورد این زبان انعطاف پذیر و کاربردهای آن در صفحات وب (html) گفتیم و چند مثال را با هم بررسی کردیم؛ در این مطلب می خواهیم متغیرها، محاسبات، عملگرها و نکات کلی مورد نیاز جهت آشنایی و شروع کدنویسی جاوا اسکریپت را به کمک مثال با هم مرور کنیم، سعی کرده ایم که آموزش ها به ساده ترین و در عین حال کاربردی ترین شکل ممکن عنوان شوند تا از طرح مباحث خسته کننده و تکراری جلوگیری شود.
ثبت شده در تاریخ:1394/05/31 6:48:52 PM
|
|
|
|
|
آژاکس (ajax) عنوان جذابی است از نوعی برنامه نویسی ترکیبی که از سال 2005 با کاربرد آن توسط موتورهای جستجویی چون گوگل و برنامه نویسان، مطرح شد؛ این کلمه مخففی است از سرواژه های Asynchronous JavaScript and XML و در بیانی ساده به معنی نقل و انتقال اطلاعات در صفحات وب، بدون بارگذاری مجدد (reload) آنها است، نمونه برجسته ای از کاربرد آژاکس در سایت های اجتماعی، چت روم های آنلاین و یا سایتهای آپلود فایل خودنمایی می کند، اگرچه به کارگیری این تکنولوژی در مقایسه با سایر زبان های اسکریپت نویسی وب، تقریبا جدید و روشی نوین است
ثبت شده در تاریخ:1394/05/31 6:31:26 PM
|
|
|
|
|
اگر مطالب قبلی «وبگو» را در رابطه با آژاکس (ajax) در بخش آموزش های مقدماتی مطالعه کرده باشید، حتما تا این لحظه متوجه شده اید که این فناوری تا چه حد جالب و کاربردی است، گفتیم که یک درخواست آژاکسی با کمک XMLHttpRequest ارسال می شود و پس از اینکه حالت onreadystate برابر 4 شد، بازخورد درخواست در صفحه به کاربر نشان داده می شود؛ و اما اکنون در این مطلب می خواهیم یک پارامتر دیگر به کد آژاکس خود اضافه کنیم و آن نمایش پیام در حال بارگذاری یا loading است که احتمالا نمونه آن را در بسیاری از صفحات مبتنی بر آژاکس دیده اید.
ثبت شده در تاریخ:1394/05/31 6:48:56 PM
|
|
|
|
|
پس از آشنایی اولیه با فناوری آژاکس (ajax) و ارسال و دریافت اطلاعات به صورت پنهانی و در پشت زمینه (بدون رفرش صفحه)، در این مطلب می خواهیم نحوه استفاده از متُد get و post (دو شیوه استاندارد برای رد و بدل کردن محتوا بین صفحات وب و فایل های سرور) برای دریافت محتوای یک فایل متنی یا php را آموزش دهیم، لطفا توجه داشته باشید که در این مطلب تنها مباحثی را شرح خواهیم داد که در جلسه قبل ذکر نکرده ایم، لذا اگر نکته ای به نظر مبهم است، قبل از طرح سئوال ابتدا به مطالب گذشته رجوع نمائید.
ثبت شده در تاریخ:1394/05/31 6:48:52 PM
|
|
|
|
|
اگر مطالب قبلی «وبگو» را در رابطه با آژاکس (ajax) در بخش آموزش های مقدماتی مطالعه کرده باشید، حتما تا این لحظه متوجه شده اید که این فناوری تا چه حد جالب و کاربردی است، گفتیم که یک درخواست آژاکسی با کمک XMLHttpRequest ارسال می شود و پس از اینکه حالت onreadystate برابر 4 شد، بازخورد درخواست در صفحه به کاربر نشان داده می شود؛ و اما اکنون در این مطلب می خواهیم یک پارامتر دیگر به کد آژاکس خود اضافه کنیم و آن نمایش پیام در حال بارگذاری یا loading است که احتمالا نمونه آن را در بسیاری از صفحات مبتنی بر آژاکس دیده اید.
ثبت شده در تاریخ:1394/05/31 6:48:59 PM
|
|
|
|
|
در بحث های پیشین نحوه ارسال و دریافت اطلاعات با متد post و get را در آژاکس شناختیم و پس از آن توانستیم یک تصویر را به عنوان در حال پردازش (loading) به کاربران نشان دهیم؛ اما این بار می خواهیم قدرت کدنویسی خود را با تکنیکی دیگر کامل تر نمائیم، در این مطلب می خواهیم ببینیم که چگونه می توان پس از دریافت اطلاعات درخواست آژاکسی از سرور، آن را با یک افکت fade in یا همان ظاهر شدن محتوا از حالت بی رنگ به صورت واضح، نشان دهیم.
ثبت شده در تاریخ:1394/05/31 6:49:02 PM
|
|
|
|
|
این بار می خواهیم ببینیم که چگونه می توان یک فایل را توسط درخواستی مبتنی بر آژاکس به طور همزمان فراخوانی و در عین حال محتویات آن را به کمک برنامه نویسی PHP، در یک فایل دیگر کپی نمود.
ثبت شده در تاریخ:1394/05/31 6:49:05 PM
|
|
|
|
|
خیلی از کارهای پیچیده، با کدنویسی ساده آژاکس، محقق نمی شود و نیاز به کتابخانه ها و توابع آماده که آن را به اصطلاح فریم ورک می گویند داریم، به همین خاطر در ادامه آموزش های مقدماتی، این مطلب را اختصاص داده ایم به آشنایی با فریم ورک های آژاکس (Ajax Frameworks) تا بیش از پیش و با نگاهی بازتر بتوانیم از تمام قابلیت های این تئوری نوین وب، استفاده کنیم.
ثبت شده در تاریخ:1394/05/31 6:49:08 PM
|
|
|
|
|
شاید برای شما هم پیش آمده باشد که بخواهید رنگ یا تصویر پس زمینه وبلاگ یا سایتتان را تغییر دهید و باب طبع سلیقه ی خودتان تنظیم کنید، هرچند استفاده از رنگ ها و یا عکس و تصاویر وکتور در پس زمینه سایت و وبلاگ امری مرسوم است اما هنوز خیلی از کاربران نمی دانند که دقیقا چگونه باید این کار را انجام دهند، خیلی از طراحان کم تجربه تر وب نیز از برخی قابلیت هایی که می توانند از آن استفاده کنند بی اطلاع هستند، به همین خاطر در این آموزش به این موضوع می پردازیم، با امید به اینکه مفید واقع شود.
ثبت شده در تاریخ:1394/05/31 6:31:26 PM
|
|
|
|
|
یکی از پرکاربرد ترین روش هایی که در صفحات وب و از جمله در وبلاگ ها و وبسایت ها برای به اشتراک گذاری فایل ها، کلیپ ها، مجموعه تصاویر، کتابهای الکترونیکی و... مورد استفاده قرار می گیرد، درج لینک جهت دانلود است، اگرچه شاید برخی گمان کنند این کار، ساده و آسان به نظر می رسد، اما در واقع در عین سادگی ممکن است با چند اشتباه کوچک، فایل به درستی از سایت یا وبلاگ شما، قابل دریافت نباشد، از این رو در این آموزش می خواهیم به طور مختصر و مفید، نحوه فشرده سازی، آپلود و درج لینک جهت دانلود را آموزش دهیم، به امید اینکه مفید واقع شود.
ثبت شده در تاریخ:1394/05/31 6:48:59 PM
|
|
|
|
|
قرار دادن آهنگ و موسیقی پس زمینه در صفحات وب (وبلاگ و سایت) یکی از مرسوم ترین کارهایی است که معمولا مدیران وبلاگ ها و بعضا مدیران وبسایت ها انجام می دهند، البته آنهایی که در این رابطه تازه وارد تر هستند بیشتر ترجیح می دهند که از ابزار های رایگان وب استفاده کنند تا اینکه خود دست به کار شوند؛ از طرفی کاربران حرفه ای تر همیشه دوست دارند که کمترین وابستگی به سایت ها و ابزارهای سوم شخص (third party) داشته باشند، چون معمولا همراه ابزار، لینک ها و کدهای پنهان و تبلیغاتی نیز قرار دارد و حتی برخی اوقات تعداد زیاد این ابزارها در بارگذاری صفحه نیز اختلال ایجاد می کنند، به همین خاطر در این مطلب قصد داریم آموزش نحوه قرار دادن آهنگ و موسیقی پس زمینه در وبلاگ و سایت را به چند روش توضیح دهیم.
ثبت شده در تاریخ:1394/05/31 6:48:52 PM
|
|
|
|
|
همان طور که می دانیم، امروزه فیلم ها و کلیپ های ویدئویی جزء جدایی ناپذیر از دنیای وب شده اند و بیش از پیش کاربران و مدیران وبلاگ ها و سایت ها تمایل دارند که از این نوع محتوا در صفحات خود استفاده کنند و کلیپ هایشان را با دیگران به اشتراک بگذارند، اما برای اکثر افراد، انجام این کار به راحتی ممکن نیست و بیشتر کاربران ترجیح می دهند از شبکه های اشتراک گذاری فیلم و کلیپ استفاده نمایند؛ از این رو در این مطلب قصد داریم روش های درج فیلم و ویدئوهای FLV یا Flash Video را در وبلاگ و سایت، برای این دسته از دوستان آموزش دهیم.
ثبت شده در تاریخ:1394/05/31 6:48:56 PM
|
|
|
|
|
همانطور که می دانیم، صفحات وب از استاندارد خاصی تحت عنوان کدهای HTML یا (HyperText Markup Language) پیروی می کنند، بدین معنی که فارغ از اینکه به چه زبان سمت سروری برنامه نویسی کنید، حاصل کار در وب، به صورت کدهای html نمایان خواهد شد، از طرفی گاهی مواقع به دلایل مختلف دسترسی به سرور محدود شده یا امکان پذیر نیست و برای اعمال دستورات و سلایق خود ناچاریم تنها دست به دامن این کدها شویم، نمود بارز این موضوع در سرویس های مدیریت وبلاگ خودنمائی می کند؛ مثلا اگر بخواهید کاربران را از وبلاگ قدیمی خود به وبلاگی جدید به صورت خودکار هدایت کنید، باید از متاتگی به نام رفرش (refresh) استفاده کنید که در این مطلب می خواهیم به تفصیل در رابطه با آن صحبت کنیم.
ثبت شده در تاریخ:1394/05/31 6:49:02 PM
|
|
|
|
|
در گستره تگ های وب (HTML)، بعضا به مواردی برمی خوریم که علی رغم کارایی و به اصطلاح کار راه انداز بودن، توسط کنسرسیوم جهانی وب یا W3C، غیراستاندارد ارزیابی شده اند، یکی از این موارد که مخصوصا در بین کاربران ایرانی بسیار مورد استفاده قرار می گیرد، تگ متحرک سازی متون در صفحات HTML یا Marquee است، مثلا در وبلاگ ها و سایت های مختلف برای به حرکت درآوردن لیستی از لینک ها در باکس های کناری یا نمایش عناوین اخبار و آخرین مطالب به صورت اسکرول افقی و خیلی ایده های جالب دیگر، از Marquee استفاده می شود، از اینرو با وجود غیر استاندارد بودن این تگ، ولی به جهت کاربرد بسیارش، قصد داریم در این آموزش به آن بپردازیم.
ثبت شده در تاریخ:1394/05/31 6:49:05 PM
|
|
|
|
|
در بخش آموزش کاربردی html، این بار به سراغ یک موضوع به ظاهر ساده و در عین حال پرکاربرد رفته ایم، در این آموزش می خواهیم به نحوه قرار دادن فیلد جستجوی گوگل در سایت یا وبلاگ با تنظیمات مربوط به سفارشی سازی و افزودن برخی قابلیت های جانبی دیگر بپردازیم، همانطور که می دانیم استفاده از این امکان گوگل، در خیلی از وبلاگ ها و سایت ها شایع است، از این رو، بد ندیدیم که مطلبی را به این موضوع اختصاص دهیم، در این آموزش ضمن بررسی نحوه ایجاد یک پرس و جو از سرور گوگل، با ساخت فرم های html به صورت سفارشی نیز آشنا خواهیم شد.
ثبت شده در تاریخ:1394/05/31 6:49:08 PM
|
|
|
|
|
شاید تا به حال پیش آمده باشد که بخواهید حرف یا کاراکتر خاصی را در صفحات وب و کدهای HTML درج کنید ولی با وجود جستجو و دقت در صفحه کلید یا آزمون و خطای ترکیب کلید های مختلف، به نتیجه مورد نظر نرسیده باشید، به طور مثال علائمی مانند ©، ®، ♥، ♦، ← و... معمولا به صورت عادی در صفحه کلید دیده نمی شوند و برای درج آنها باید از ترفندهایی که در ادامه خواهیم دید استفاده نمائیم، البته این ترفندها نیز خود متکی بر ترکیب کلیدهای مختلف یا بر اساس کدهای عددی و حروفی استاندارد هستند که در ادامه با آنها بیشتر آشنا خواهیم شد.
ثبت شده در تاریخ:1394/05/31 6:49:15 PM
|
|
|
|
|
آیا تا به حال در مورد سایت یا وبلاگ خود به مشکلاتی حل نشدنی برخورده اید که با وجود صرف ساعت ها وقت و انرژی نتوانسته باشید آنها را حل کنید؟ البته که در بیشتر موارد این چنین بوده، صرف نظر از اینکه یک برنامه نویس با تجربه یا یک کاربر عادی وب باشیم، همه به نوعی با این نوع مشکلات روبرو شده ایم و کماکان می شویم، برخی از این مسائل به دلایلی مثل خطا در کدنویسی یا جا انداختن تگ ها به فرض در ترسیم یک جدول (table) ممکن است رخ دهند، یا گاهی خطا در کدهای جاوا اسکریپت، تنظیمات نادرست خاصیت ها در css، خطاهای سرور و... ممکن است باعث ایجاد اختلال در عملکرد مورد انتظار سایت یا وبلاگمان شود، اما از همه اینها گذشته یک مورد به ظاهر ساده اما بعضا دردسرساز را هم نباید از قلم انداخت و آن دستور در صفحات html است، این یادداشت نگاهی خواهد داشت به چرایی و چگونگی استفاده از این دستور در صفحات وب.
ثبت شده در تاریخ:1394/05/31 6:49:12 PM
|
|
|
|
|
شرکت مایکروسافت (خالق و مالک این مرورگر) که گویا از شاهکار خود اطلاع داشته، برای تنظیم استایل css مخصوص مرورگر خود (در نسخه های مختلف)، قابلیتهایی تحت عنوان پیام های شرطی یا (Conditional Comments) و هک هایی ویژه پیشنهاد داده است که بد نیست نگاهی به آنها بیندازیم.
ثبت شده در تاریخ:1394/05/31 6:31:26 PM
|
|
|
|
|