طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : آموزش برنامه نویسی

آموزش جی‌کوئری - jQuery + دانلود - شرکت طراحی سایت در کرج - شرکت کیان تجارت فاوا

آموزش جی‌کوئری – jQuery + دانلود

آموزش جی‌کوئری – jQuery + دانلودشرکت طراحی سایت در کرجشرکت کیان تجارت فاوا

 

جی‌کوئری یا jQuery یک کتابخانه جاوا اسکریپت سبک وزن چند مرورگری می‌باشد که برای ساده کردن نوشتن اسکریپ‌های سمت-مشتری در  (HTML) طراحی شده است.

تعداد کدهای مورد نیاز انجام یک فرآیند به وسیله جی‌کوئری در مقایسه با جاوااسکریپت بسیار کمتر خواهد بود و تنها با فراخوانی یک تابع، می‌توان عملکردی مشابه را پیاده‌سازی کرد. لازم به ذکر است که جی‌کوئری جایگزینی برای جاوااسکریپت نیست و کد نوشته شده به وسیله آن در اصل هنوز هم جاوااسکریپت است!
[email-download-link namefield=”YES” id=”43″]
Tagged
آموزش html 5 + دانلود کتاب - طراحی سایت در کرج شرکت کیان تجارت فاوا

آموزش html 5 + دانلود کتاب

آموزش html 5 + دانلود کتابطراحی سایت در کرج شرکت کیان تجارت فاوا

 

HTML5 یا زبان نشانه‌گذاری ابرمتنی ۵ یا اچ‌تی‌ام‌ال۵ (به انگلیسی: HyperText Markup Language5 یا HTML5) زبانی برای ساختن و ارائهٔ محتوا برای شبکه جهانی وب است، این پنجمین تجدید نظر از استاندارد اچ‌تی‌ام‌ال است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML4 استاندارد شده‌است) و تاکنون همچنان در دست توسعه‌است.

اچ‌تی‌ام‌ال۵ شامل جزئیات مدل‌های پردازش است تا پیاده‌سازی سازگارتری داشته باشد. اچ‌تی‌ام‌ال۵ نشانه گذاری برای اسناد در دسترس را گسترش می‌دهد، بهبود می‌بخشد و توجیه می‌کند. هم چنین نشانه‌گذاری و رابط برنامه‌نویسی کاربردی (APIها) را برای برنامه‌های پیچیده تحت وب معرفی می‌کند. به همین دلیل، HTML5 کاندیدای بالقوه برای برنامه‌های کاربردی تلفن همراه کراس پلت فرم است. بسیاری از ویژگی‌های HTML۵ با در نظر گرفتن توانایی اجرا بر روی دستگاه‌های کم قدرت مانند گوشی‌های هوشمند و تبلت‌ها ساخته شده‌است.

 

برای مطالعه ی و یادگیری جز به جز با ما همراه باشید .

[email-download-link namefield=”YES” id=”40″]

Tagged
بخش اول آموزش html - طراحی وب سایت در کرج - شرکت طراحی سایت کیان تجارت فاوا

بخش اول آموزش html

بخش اول آموزش htmlطراحی وب سایت در کرجشرکت طراحی سایت کیان تجارت فاوا

html چیست ؟

زبان نشانه‌گذاری ابرمتنی  یا اچ‌تی‌ام‌ال، HTML یا HyperText Markup Language در کنار css هستهٔ فناوری ساخت صفحه‌های وب هستند.

اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است.

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

دستورالعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود. تاکنون ۵ نسخه از اچ تی ام‌ال عرضه شده‌است.

هر یک از برچسب‌های html، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر درhtml تعریف شده‌اند.

یک سند html، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های html تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های html  هستند، تک‌تک آن‌ها را از داخل سند html خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

html زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرست‌ها، بندها و جداول به کار می‌رود.

 

کدهای HTML و مفهوم آن

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

 

محتوای طراحی صفحات اینترنتی

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

لایه محتوی یا Content که با زبان html ایجاد می شود.

لایه نمایش یا Presentation که به وسیله زبان CSS ایجاد می شود.

لایه رفتار یا Behavior که به وسیله زبان  JavaScript ایجاد می شود.

 

برنامه های تحت طراحی وب به دو دسته تقسیم می شوند:

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

برنامه های دینامیکی: برنامه هایی هستند که داده ای را از کاربر دریافت می کند و آن را مورد پردازش قرار می دهند، و در انتها نتیجه آن رابه کاربر نشان می دهد.

 

 

 

Tagged
افزونه مخفی کردن هشدارها و به روز رسانی افزونه در وردپرس - طراحی سایت در کرج شرکت کیان تجارت فاوا

افزونه مخفی کردن هشدارها و به روز رسانی افزونه در وردپرس

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

 

مخفی کردن هشدارها و به روز رسانی افزونه در وردپرس

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

نحوه کار با افزونه WP Hide Plugin Updates and Warnings

همانند همیشه افزونه را نصب و فعال کنید، پس از فعال سازی افزونه منو جدیدی به نام MENU_ITEM در پیشخوان وردپرس اضافه می شود. وارد صفحه شده و تمام افزونه های نصب شده یا برخی از آنها را فعال و روی دکمه OPTIONS_SAVE_BUTTON کلیک کنید.

اگر مانند شکل زیر فقط گزینه OPTION_WARNINGS_HEADING را فعال کنید، تنها هشدارهای درون خطی در پیشخوان وردپرس مخفی و نمایش داده نمی شود.

برای دانلود افزونه ابتدا در سایت ثبت نام کنید

[email-download-link namefield=”YES” id=”38″]
[email-download-link namefield=”YES” group=”Default”]

Tagged
آموزش css - جعبه‌ها و قاب‌ها در css - طراحی سایت در کرج شرکت کیان تجارت فاوا

آموزش css – جعبه‌ها و قاب‌ها در css

آموزش css – جعبه‌ها و قاب‌ها در cssطراحی سایت در کرج شرکت کیان تجارت فاوا

یکی ازمفاهیم ابتدایی ولی مهم css و html مدل جعبه‌ای است. در واقع می‌توان هر المانhtml را به صورت چند لایه تصور کرد. یک لایه‌ی اصلی در این المان‌ها محتوایی است که وجود دارد. لایه بعدی بردار یا قابی است که دور تا دور این المان کشیده شده است و در حالت پیش‌فرض نامرئی است، ولی شما می‌توانید با کمک دستور border آن را ظاهر کنید. لایه بعدی لایه پدینگ یا فضایی است که بین بردار و محتوا قرار می‌گیرد و این دو را از هم جدا می‌کند. لایه آخر نیز فضای بین بردار یک المان با بردار المان‌های دیگر است که به مارجین نامیده می‌شود.

در شکل زیر می‌توانید این موضوع را به وضوح مشاهده کنید:

box model ebef6

اضافه کردن قاب:

  • در حالت پیش‌فرض قابی که دور تا دور المان‌های html وجود دارد، دیده نمی‌شود. ولی شما هر زمان که بخواهید می‌توانید این قاب را با رنگ و ضخامت دلخواه نمایش دهید.
    • نام :‌ border-style و border-size
    • این ویژگی چه کاری انجام می‌دهد؟  برای تعیین قاب در اطراف المان‌ها از این دستور استفاده می‌کنیم.
    • چه چیزهایی را جلوی این دستور بنویسیم؟ اندازه و نوع قاب دور المان‌ها را.
    • نحوه‌ی استفاده: border-style: solid و border-size: 1px را در بخش دستورات می‌نویسیم.
    • همانطور که گفتیم، هر المان اچ‌تی‌ام‌ال در واقع دارای یک قاب منحصر به فرد است که دور تا دور المان را اشغال کرده. برای همین موضوع معمولا این قاب به صورت نامرئی است؛ ولی همیشه وجود دارد.

 

تغییر رنگ و حالت قاب:

نام :‌ border-style و border-color

این ویژگی چه کاری انجام می‌دهد؟  برای تعیین رنگ قاب در اطراف المان‌ها از این دستور استفاده می‌کنیم.

چه چیزهایی را جلوی این دستور بنویسیم؟ اندازه رنگ و نوع قاب دور المان را

نحوه استفاده: border-style: solid و border-size: 1px و border-color: red

دستور  border-style می‌تواند حالت‌های مختلفی داشته باشد. این دستور همانطور که گفتیم در واقع نوع بردار را مشخص می‌کند. نوع بردار می‌تواند به صورت خطی‌(solid)، به صورت خط چین (dashed) و یا به صورت نقطه‌چین (dotted) باشد.

 

HTML

<div class=”border”> المانی با ابعاد مشخص و قاب مرئی </div>

CSS

border {
border-style: solid;
border-color:  #۹۸bf21

    width:  ۲۰۰px;

   height: 300px;
}

المانی با ابعاد مشخص و قاب مرئی

 

Tagged