زیبا ترین دنیای اموزشی

متن مرتبط با « کد نویسی » در سایت زیبا ترین دنیای اموزشی نوشته شده است

درس چهارم – تعیین ویژگی برای المان های HTML

  • این بخش درمورد ویژگی (Attribute) های هر المان HTML صحبت می کنیم. شما می توانید برای هر المان در HTML نویسی، یک سری ویژگی ها تعیین کنید. این ویژگی ها رو می تونیم تنظیمات یک المان HTML به حساب بیاریم.   نکات : 1- ویژگی ها ، می توانند برای هر المانی تعیین و توصیف شوند. 2- ویژگی ها ، الزامی نیستند. تنها برای توصیف بیشتر المان به کار برده می شوند. 3- ویژگی ها ، همیشه در هنگام باز شدن تگ های HTML باید توصیف و نوشته شوند. ساختار کلی یک ویژگی بصورت زیر است : name="value" که name خود ویژگی است و value مقداری که به آن نسبت می دهیم که در ادامه مثال های زیادی در این باره خواهیم دید . مثال : فرض کنید می خواهیم یک تگ لینک بنویسیم . همانطور که در درس های گذشته دیدیم ، آدرس یک لینک با href مشخص می شد. href یک ویژگی است و شما مقداری که به آن می دادید ؛ همان value ماست که قابل نسبت دادن به تگ a در HTML بود. This is a link حال باید بدانید یک سری ویژگی های عمومی و کلی دیگر وجود دارند که به هر المانی قابل وصل شدن هستند . 1 ) ویژگی class : این ویژگی زمانی استفاده می شود که شما در کد نویسی HTML خود ، استایل نویسی به زبان CSS نیز داشته باشید. در CSS نویسی، اگر برای المان مورد نظر تون ، کلاس هایی تعیین کنید ، می توانید با ویژگی class به آن ها دسترسی داشته باشید و آن استایل ها را به المان های HTML خود نسبت دهید . در این مباحث ، CSS نویسی هدف ما نیست، ولی برای روشن تر شدن موضوع ، 2 ) ویژگی id : این ویژگی هم مشابه ویژگی class است. یعنی به CSS نویسی شما مربوط می شود.  3 ) ویژگی style : شما می توانید بدون اینکه یک بخش از کد نویسی HTML خودتون رو به استایل و CSS نویسی اختصاص بدید ، کد های استایل مورد نظر تون رو بصورت مستقیم داخل تگ مورد نظر تون بیارید. در این مثال کد های CSS رو مستقیماً داخل تگ لینک معرفی کردیم :       This is Link with CSS class    4 ) ویژگی title : این ویژگی برای اختصاص دادن توضیحات به المان مورد نظر شماست. که بصورت tooltip نمایش داده میش,HTML, آموزش HTML, آموزش HTML به زبان ساده, آموزش استایل دادن در HTML, آموزش استایل دهی به المان ها در HTML, آموزش استایل دهی در HTML, آموزش استفاده از ویژگی ها در HTML, آموزش دادن کلاس CSS به HTML, ...ادامه مطلب

  • درس سوم – تگ های پایه HTML

  • در این درس قصد داریم چند تگ مهم و پرکاربر HTML که پایه اکثر اسناد HTML هستند را معرفی کنیم. از جمله تگ های سرفصل ، پاراگراف ، لینک و غیره. با ما همراه باشید .   اگر تا این لحظه درس های گذشته را چندان کامل یاد نگرفته اید ، نگران نباشید، به مرور زمان نوشتن تگ ها و کد های ذکر شده بسیار عادی و ساده خواهد شد. 1) تگ های سرفصل (تگ های سری H) : در یک سند ساده HTML شما می تونید بدون اینکه CSS نویسی کنید یا برای عنوان ها سایز فونت تعیین کنید، یک سری سرفصل تعیین کنید. این سرفصل ها به ترتیب شماره از مهم شروع میشن تا به عنوان های کم اهمیت تر می رسیم. مهم ترین عنوان یک صفحه ساده HTML باید در تگ به این صورت قرار گرفته شود :   Title of the page   تگ های H تا شماره H6 ادامه دارند و شما می توانید عنوان های صفحه رو تا H6 ادامه بدید. مثلاً می تونید عنوان اصلی سایت تون رو H1 بزارید و عنوان مطالب رو H2 و عنوان منو های صفحه رو H3 و همینطور الی آخر. مثال :     This is heading 1   This is heading 2   This is heading 3   This is heading 4   This is heading 5   This is heading 6   نکات این بخش : 1- Heading ها در صفحات HTML از هر نظر اهمیت بالایی دارند . حتی از نظر بهینه بودن و سئوی صفحات سایت شما اثر بسزایی دارند . موتور های جستجوگر از این تگ ها استفاده می کنند تا محتوای سایت شما را بهتر تشخیص دهند . 2- Heading ها با بولد کردن تفاوت دارند و هرگز مشابه هم نیستند. 3- Heading ها را در مکان صحیح استفاده کنید و حتماً به خاطر داشته باشید که آنها را پس از استفاده در مکان مورد نظر ببندید . مکان صحیح استفاده از Heading ها به قالب و نحوه layout صفحه ی مورد نظر شما وابسته است ولی همانطور که پیشتر عرض شد، معمولاً عنوان اصلی باید H1 باشد و عنوان های مهم ولی غیر اصلی ، H2 بشن و عنوان های کم اهمیت تر H3 و همینطور تا آخر. 2, آموزش HTML به زبان ساده و مختصر – مفید ...ادامه مطلب

  • درس دوم : صحبتی پیرامون تگ های HTML

  • در درس پیشین ، HTML را معرفی کلی کردیم. در این درس به معرفی و نحوه استفاده از تگ های HTML می پردازیم و چند مثال ساده از یک صفحه ی HTML خواهیم زد. با ما همراه باشید .   همانطور که در درس قبلی گفتیم ، باید در هر سند HTML شما کد نویسی رو با داک تایپ شروع کنید. مانند : <!DOCTYPE html> نکته: این یک تگ نیست. بنابراین چیزی به نام باز و بسته شدن تگ ها در این نداریم! و فقط باید اول سند HTML ذکر کنیم و تمام. حال برای شروع کد نویسی HTML باید کد خودمون رو با یک <html> ساده شروع کنیم. یعنی بعد از ذکر داک تایپ باید تگ <html> رو هم باز کنیم و تا زمانی که کد نویسی HTML داریم ، آن را ببندیم. پس این تگ باید باز و بسته شود. بعد از باز شدن تگ اصلی HTML که در بالا معرفی کردیم ، نوبت به باز شدن دو مورد می رسد. همان مورد هایی که در درس قبلی ذکر کردیم. یعنی تگ سرصفحه – Head و تگ بدنه ی سند – Body . وجود تگ سرصفحه در یک سند عادی HTML ضروری نیست. ولی وجود تگ بدنه – body برای سندی که میخواهد محتوایی داشته باشد الزامی است. فعلاً یک مثال می زنیم. در حال حاضر نیازی به تگ head نداریم و بلافاصله بعد از باز شدن <html> تگ بدنه <body> رو باز می کنیم. در HTML ترتیب باز و بسته شدن تگ ها اهمیت بالایی دارد و باید توجه زیادی به این موضوع داشته باشید. جهت اطمینان ، هر تگی رو که باز کردید ، همان لحظه تگ بسته شدن آن را نیز بنویسید و در بین آنها تگ ها و کد های جدید را ذکر کنید . حال تا اینجا ما به این رسیدیم و سند HTML ما شامل این است : <!DOCTYPE html> <html> <body>   </body> </html> حال برای مثال در این درس، دو تگ مهم را نیز معرفی میکنیم تا بتوانید یک نتیجه بسیار ساده از درس امروز را اجرا کنید. 1- تگ <p> : این تگ کاربرد زیادی داره و کار پاراگراف رو انجام میده. یعنی هر چیزی که بین تگ <p> و <p/> قرار داده بشه، به عنوان یک پاراگراف معرفی و شناخته میشه. مثال: <p> ,آموزش HTML به زبان ساده و مختصر – مفید ...ادامه مطلب

  • درس اول"اموزش html

  • در این سری از آموزش های سایت قصد داریم HTML را بررسی و معرفی کنیم و سعی ما بر این است صرفاً نکات کلیدی و اصلی HTML نوشته شوند و از آموزش حواشی و جزئیاتی که بعضاً کارآمد نیستند ، چشمپوشی می کنیم. فرض را بر این می گذاریم که شما در حال حاضر با مفاهیم اولیه ای مثل مرورگر های اینترنتی و صفحات وب آشنایی سطحی دارید و بدون هیچ مقدمه ای به سراغ معرفی HTML می رویم.   مقدمه : می توان HTML را یک زبان بسیار ساده و قابل فهم برای مرورگر های وب جهت نشانه گذاری محتوای وب دانست که اجزای هر وب سایتی را تشکیل می دهد . HTML مخفف Hyper Text Mark-up Language می باشد ، به معنای “زبان کد گذاری ابر متن” می باشد. HTML شامل تگ هایی است که شما برای تک تک اجزای وب سایت مورد نظر خودتان می توانید از آن تگ ها استفاده کنید. که به مرور با آنها آشنا خواهیم شد. HTML5 چیست ؟ اچ تی ام ال 5 ، آخرین ورژن از کدنویسی HTML می باشد که در این سری آموزش ها به آن نیز خواهیم پرداخت. در حال حاضر فعلاً تگ های اصلی HTML را به شما معرفی می کنیم ، سپس به سراغ HTML5 خواهیم رفت. ورژنی که در این سری آموزش ها یاد می گیرید ترکیبی از HTML4 و 5 می باشد . برای نوشتن HTML به چه چیزی نیازمندیم ؟ شما در هر محیطی می توانید کد های HTML را بنویسید. یک سری برنامه هایی هستند که نوشتن HTML رو برای شما ساده تر میکنند. ولی هیچ تفاوتی در استفاده از آنها نیست و شما می توانید به میل خود یکی از نرم افزار هایی که معرفی میکنیم در ادامه رو استفاده کنید. -  نرم افزار Notepad : این نرم افزار بصورت پیشفرض روی تمامی ویندوز ها نصب شده و شما نیاز به نصب هیچ چیزی ندارید، فقط کافیست یک سند جدید نوت پد در ویندوز خود باز کنید و فایل مورد نظر رو با پسوند html یا htm ذخیره کنید. -  نرم افزار ++Notepad : این نرم افزار رایگان، شناسایی کد های برنامه نویسی به اکثر زبان های مورد استفاده برنامه نویسان از جمله HTML و … را برای شما آسان می کند. این نرم افزار را می توان ورژن تکمیل شده ی Notepad برای کد نویسان و برنامه نویسان دانست . ویژگی خاص این نرم افزار سبک بودن نرم افزار و پشتیبانی از انواع زبان ها می باشد. -  نرم افزار DreamWeaver : ,HTML چیست, آموزش HTML, آموزش HTML به زبان ساده, آموزش استفاده از HTML, تگ های HTML, کد نویسی ...ادامه مطلب

  • آموزش کار با استایل (CSS)

  • CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم. CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم. در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت . چون این قسمت در سایت ما به تازگی راه اندازی شده است هنوز کامل نشده و به مرور زمان سعی می کنیم آنرا کاملتر کنیم. ,اموزش کارباcss"اموزش استایل طراحی قالب ...ادامه مطلب

  • اموزش html

  • آنچه که قبل از یادگیری HTML لازم است بدانید: برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است: شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند. نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Inteet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند. بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید. برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید. ,اموزش طراحی قالب ...ادامه مطلب

  • اموزش برنامه نویسی

  •   شاید بهترین راه برای یادگیری یک زبان برنامه نویسی، نوشتن یک برنامه ابتدایی و ساده در محیط یک نرم افزار برای آشنایی با ساختار آن زبان باشد. در آغاز عکسی از برنامه Borland C++ را نشان می دهم تا با محیط نرم افزار C++ آشنا شوید . هرچند نرم افزارهای دیگه هم در این خصوص وجود دارند مانند Visual C++ یا Turbo C++ . ,برنامه نویسی"اشنایی با حروف برنامه نویسی ...ادامه مطلب

  • سلام

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

  • حل مشکل قفل شدن Windows Explorer در ویندوز سون

  •   آیا شده تا به حال در ویندوز، یکی از پنجره‌های Windows Explorer قفل کند و یک دفعه همه پنجره‌ها بسته شود؟ دوست دارید از این معضل جلوگیری کنید؟ کمی مقدمه:  مدیریت پردازه‌ها دانشجویان رشته کامپیوتر که درس «سیستم عامل» را پاس کرده باشند، مطمئناً می‌دانند که ما مبحث مفصلی داریم به نام « Process Management » یا مدیریت پردازه‌ها. یکی از زیرشاخه‌های این مبحث، بحث انشعاب پردازه‌ها (یا همان چنگال: Fork) است. ,اموزش کامپیوتر"اموزش قفل کردن Windows Explorer"اموزش کاربردی ...ادامه مطلب

  • چگونه ویندوز 7 را مجددا نصب کنیم؟

  • بدون شک بهترین نوع سیستم عاملی که تاکنون راه اندازی شده با جذابیت های گرافیکی بالا ویندوز 7 می باشد. پشتیبانی مناسب از پردازشگر چند هسته ای و Multithreading و سرعت بالا در بوت شدن این ویندوز، هیچ بهانه ای برای شکایت به ما نمی دهد. نسخه های ابتدایی تا پیشرفته از این ویندوز، وفاداری کاربران به توانایی مایکروسافت را در ارائه ی نرم افزارهایی با کیفیت بالا با بهترین کاربری را نشان می دهد. در این مقاله به شما خواهیم گفت که چگونه ویندوز 7 را مجددا نصب کنید بدون اینکه اطلاعات خود را از دست بدهید واز یک دیسک Image و یا  Recovery  استفاده کنید. ,اموزش کامپیوتر"اموزش نصب ویندوز"اموزش نصب دوباره ویندوز ...ادامه مطلب

  • کار با تصاویر در DreamWeaver CS5

  • آشنایی با فرمت های تصویری  در وب سایت از 3 فرمت برای تصاویراستفاده می شود . فرمت اول JPG می باشد : این فرمت گزینه مناسبی برای عکس و تصاویر با رنگهای متفاوت می باشد .این فرمت بیشتر برای تصاویر کوچک که حجم آنها زیاد نمی شود ، پیشنهاد می شود بدلیل اینکه تصاویر رنگی با کیفیت بالا گزینه مناسبی برای این فرمت نمی باشند و در صورتیکه حجم فایل را بخواهید با نرم افزار کمتر کنید ، کیفیت تصاویر مورد نظر افت پیدا می کند . ,کار با تصاویر در DreamWeaver CS5"آموزش تصویری نرم افزار دریم ویور Dreamweaver - مقدماتی و پیشرفته ...ادامه مطلب

  • آموزش روتوش جوش های صورت

  •   در این آموزش روتوش صورت شما را با یکی از جالب ترین ابزارهای روتوش تصویر یعنی Spot Healing Brush آشنا می کنم. این ابزار یکی از سه ابزار ویژه ی روتوش عکس در فتوشاپ است ( دو تای دیگر Standard Healing Brush و Patch Tool هستند) که برای اولین بار در فتوشاپ CS2 معرفی شد. اساس کار هر سه ابزار ذکر شده جایگزینی پیکسل های نقاط مختلف عکس است. به عنوان مثال پیکسل هایی را از بخش های سالم برداشته و روی بخش های تخریب شده قرار می دهد و به این ترتیب ناحیه ی آسیب دیده را ترمیم می کند. هر دو ابزار Standard Healing Brush و Patch Tool به ما اجازه می دهند تا پیکسل های سالم را از جای مناسب عکس برداریم و روی ناحیه ی معیوب بکشیم اما تفاوت Spot Healing Brush در این است که اصلا نیازی به انتخاب پیکسل سالم ندارد بلکه کافی است فقط روی نواحی معیوب کلیک کنید آنگاه به طرز معجزه آسایی آن ناحیه را برای شما ترمیم می کند. Spot Healing Brush در واقع به صورت اتوماتیک از پیکسل های مجاور برای روتوش استفاده می کند. این ابزار وسیله مناسبی برای از بین بردن جوش ها و زخم های صورت و همچنین گرد و غبار از روی عکس است. ,آموزش روتوش جوش های صورت با ابزار Spot Healing Brush در فتوشاپ "اموزش فتوشاپ ...ادامه مطلب

  • اموزش ماسک کردن لایه ها در فتوشاپ

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

  • جدیدترین مطالب منتشر شده

    گزیده مطالب

    تبلیغات

    برچسب ها