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

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

HTML Marquees

HTML Marquees آموزش HTML Marquee ‏ ‏‏ Marquee در HTML یک قطعه اسکرولینگ می باشد که یا به صورت افقی در عرض متن ویا به صورت عمودی در پایین صفحه ی وب شما نمایش داده می شود، بستگی به تنظیمات دارد وتوسط برچسب < fmarquees>مربوط به HTML ایجاد می شود. توجه: ممکن است برچسب < marquees> در HTML توسط مرورگرهای زیادی پشتیبانی نشود، بنابراین توصیه می شود که به این برچسب تکیه نکنید، در عوض می توانید از javascript و CSS برای ایجاد چنین تاثیراتی استفاده کنید. ترکیب ساده برای استفاده از برچسب< marquees> در HTML مانند زیر می باشد: < marquee attribute_name="attribute_value" ....more attributes> One or more lines or text message or image < /marquee> ویژگی های برچسب < marquee> در زیر لیست مهمی از ویژگی های برچسب < marquee> را می توانید مشاهده کنید. Attribute Description width این ویژگی عرض marquee را مشخص می کند. می تواند مقداری مانند 10 یا 20 درصد باشد. height این ویژگی طول marquee را مشخص می کند. می تواند مقداری مانند 10 یا 20 درصد باشد. direction این ویژگی مسیری را که marquee باید در آن اسکرول شود، تعیین می کند. می تواند مقداری مانند up، down، left و یا right داشته باشد. behavior این ویژگی نوع اسکرول marquee را تعیین می کند. می تواند مقداری مانند scroll، side و alteate داشته باشد. scrolldelay این ویژگی میزان تاخیر بین دو پرش را تعیین می کند. می تواند مقداری مانند 10 داشته باشد. scrollamount سرعت متن marquee را تععین می کند. می تواند مقداری مانند 10 داشته باشد. loop تعداد دفعات loop را تعیین می کند. مقدار پیش فرض INFINITE می باشد که به این معناست که در marquee به طور پایان ناپذیری loop انجام می شود. bgcolor این ویژگی رنگ زمینه را به شکل نام رنگ یا مقدار شش تایی رنگ مشخص می کند. hspace این ویژگی فضای افقی اطراف marque را تعیین می کند. می تواند مقداری مانند 10 یا 20 درصد داشته باشد. vspace این ویژگی فضای عمودی اطراف marquee ,آموزش طراحی سایت , دوره آموزش طراحی سایت, آموزش طراحی وب, آموزش Html, آموزش CSS ...ادامه مطلب

HTML Embed Multimedia

HTML Embed Multimedia آموزش چند رسانه ای در HTML‏ ‏ گاهی اوقات تمایل دارید که موسیقی یا ویدئو به صفحه ی وب خود اضافه کنید. ساده ترین راه برای افزودن صدا یا ویدئو به وب سایت، وارد کردن برچسب خاص HTML به نام < embed> می باشد. این برچسب باعث می شود که مرورگر به طور خودکار کنترل هایی را برای مولتی مدیا وارد کند که مرورگر ارائه شده برچسب < embed> و نوع مدیای ارائه شده را پشتیبانی می کند. همچنین می توانید یک برچسب < noembed>برای مرورگرهایی وارد کنید که برچسب < embed> را نمی شناسند. به عنوان مثال می توانید از < embed> برای نمایش یک فیلم به انتخاب خود استفاده کنید واگر مرورگر < embed> را پشتیبانی نمی کند، از< noembed> برای نمایش یک تصویر JPG مجزا استفاده کنید. مثال: در اینجا مثال ساده ای می بینید از اجرای یک فایل جاسازی شده ی midi. مرحله 1 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HTML embed Tag <title> <head> <body> <embed src="/html/yourfile.mid"` width="100%" height="60"> <noembed><img src="yourimage.gif" alt="Alteative Media"><noembed> <embed> <body> <html> ویژگی های برچسب < embed> در زیر لیستی از ویژگی های مهمی را می بینید که توسط برچسب < embed> استفاده می شود. Attribute Description align تعیین می کند که چگونه یک آبجکت را تنظیم کرد، که می تواند هم در مرکز، هم در راست و یا چپ تنظیم شود. autostart این ویژگی Boolean نشان می دهد که آیا مدیا باید به طور خودکار شروع به کار کند. شما می توانید آن را با true یا false تنظیم کنید. loop تعیین می کند که آیا صدا متداولا پشت سرهم تکرار شود( لوپ را روی true تنظیم کنید)، یا چند دفعه باید تکرار شود ( یک مق, دوره آموزش طراحی سایت ...ادامه مطلب

HTML Embed Multimedia

HTML Embed Multimedia آموزش چند رسانه ای در HTML‏ ‏ گاهی اوقات تمایل دارید که موسیقی یا ویدئو به صفحه ی وب خود اضافه کنید. ساده ترین راه برای افزودن صدا یا ویدئو به وب سایت، وارد کردن برچسب خاص HTML به نام < embed> می باشد. این برچسب باعث می شود که مرورگر به طور خودکار کنترل هایی را برای مولتی مدیا وارد کند که مرورگر ارائه شده برچسب < embed> و نوع مدیای ارائه شده را پشتیبانی می کند. همچنین می توانید یک برچسب < noembed>برای مرورگرهایی وارد کنید که برچسب < embed> را نمی شناسند. به عنوان مثال می توانید از < embed> برای نمایش یک فیلم به انتخاب خود استفاده کنید واگر مرورگر < embed> را پشتیبانی نمی کند، از< noembed> برای نمایش یک تصویر JPG مجزا استفاده کنید. مثال: در اینجا مثال ساده ای می بینید از اجرای یک فایل جاسازی شده ی midi. مرحله 1 ویژگی های برچسب < embed> در زیر لیستی از ویژگی های مهمی را می بینید که توسط برچسب < embed> استفاده می شود. Attribute Description align تعیین می کند که چگونه یک آبجکت را تنظیم کرد، که می تواند هم در مرکز، هم در راست و یا چپ تنظیم شود. autostart این ویژگی Boolean نشان می دهد که آیا مدیا باید به طور خودکار شروع به کار کند. شما می توانید آن را با true یا false تنظیم کنید. loop تعیین می کند که آیا صدا متداولا پشت سرهم تکرار شود( لوپ را روی true تنظیم کنید)، یا چند دفعه باید تکرار شود ( یک مقدار مثبت) و یا اصلا تکرار نشود(false). playcount تعداد دفعاتی را که یک صدا باید تکرار شود تعیین می کند. اگر در حال استفاده از IE هستید، این گزنیه جایگزینی برای loop می باشد. hidden مشخص می کند که آیا آبجکت مولتی مدیا باید روی صفحه نمایش داده شود.مقدار false یعنی نه و مقدار true یعنی بله. width عرض آبجکت به, دوره آموزش طراحی سایت, آموزش طراحی وب, آموزش طراحی سایت, فیلم اموزش طراحی سایت ...ادامه مطلب

فونت ها

فونت ها فونت ها فونت ها نقش مهمی در زیبا ساختن و خواناتر کردن وب سایت بازی می کنند. ظاهرو رنگ فونت به طور کامل بستگی به کامپیوتر و مرورگری دارد که استفاده می شود، اما شما می توانید از برچسب < font>در HTML برای افزودن استایل، سایز و رنگ به متن خود در وب سایت استفاده کنید. می توانید از یک برچسب< basefont> برای تنظیم تمام متن خود به اندازه، ظاهر و رنگ یکسان استفاده کنید. برچسب فونت دارای سه ویژگی به نام های size، color و face می باشد که فونت شکا را به دلخواه در می آورد. برای تغییر هرکدام از ویژگی های فونت در هر زمانی در صفحه ی وب خود، به سادگی از برچسب < font> استفاده کنید. متنی که دنبال می کند، تغییر یافته با قی می ماند تا زمانی که شما آن را با < /font> برچسب ببندید. شما می توانید یکی از ویژگی ها یا همه ی ویژگی های داخل برچسب < font> را تغییر دهید. نکته: برچسب های font و basefont استفاده نمی شوند و احتمال می رود که در ورژن های بعدی HTML حذف شوند. بنابراین نباید مورد استفاده قرار بگیرند، پیشنهاد می شود که برای اجرای فونت های خود از استایل های CSS استفاده کنید. اما برای رسیدن به هدف این فصل برچسب های font و basefont رابا جزئیات توضیح می دهد. تنظیم اندازه ی فونت شما می توانید با استفتده از ویژگی size اندازه فونت محتوا را تنظیم کنید. دامنه ی مقادیر قابل قبول از 1 (کوچکترین) تا 7 (بزرگترین) می باشد. اندازه ی فونت پیش فرض 3 می باشد. مثال: نمونه یک Font size="1" Font size="2" Font size="3" Font size="4" Font size="5" Font size="6" Font size="7" اندازه ی فونت مربوط شما می توانید مشخص کنید چه تعداد از فونت ها بزرگتر و چه تعداد کوچکتر از اندازه ی فونت حاضر باشند. می توانید آن را مانند< font size="+n"> or < font size="-n"> مشخص کنید. مثال: نمونه دو , آموزش طراحی وب,آموزش طراحی سایت با html, فیلم اموزش طراحی سایت, آموزش جاوا اسکریپت ...ادامه مطلب

پس زمینه در html

آموزش طراحی سایت- htmlپس زمینه در background در html به طور پیش فرض رنگ زمینه ی صفحه ی وب شما سفید می باشد. ممکن است این زمینه را دوست نداشته باشید، اما نگرانی وجود ندارد. HTML دو روش مناسب زیر را ارائه می دهد تا زمینه ی صفحه وب خود را به دلخواه بیارایید. زمینه ی HTML با رنگ ها. زمینه ی HTML با تصاویر. اکنون اجازه بدهید هر دو روش را یکی یکی و با استفاده از مثال های مناسب بررسی کنیم. زمینه ی HTML با رنگها ویژگی bgcolor برای کنترل زمینه ی یک عنصر HTML، به ویژه بدنه ی صفحه و زمینه ی جدول، استفاده می شود. در زیر ترکیب استفاده از bgcolor را با هر برچسب HTML می بینید < tagname bgcolor="color_value" ...> این color- value می تواند به هرکدام از فرمت های زیر ارائه شود.  < table bgcolor="lime">  < table bgcolor="#f1f1f1">  < table bgcolor="rgb(0,0,120)"> مثال: در اینجا مثالی را می بینید از تنظیم زمینه ی یک برچسب HTML. نمونه یک <!DOCTYPE html> <html> <head> <title>HTML Background Colors</title> </head> <body>  <table bgcolor="yellow" width="100%"> <tr> <td> This background is yellow </td> </tr> </table>  <table bgcolor="#6666FF" width="100%"> <tr> <td> ,دوره آموزش طراحی سایت,آموزش طراحی سایت با html, آموزش html css, آموزش جاوا اسکریپت,,آموزش طراحی وب ...ادامه مطلب

آموزش Iframes در html

آموزش طراحی سایت - آموزش Iframes در html آموزش Iframes شما می توانید یک frame درون خطی را با استفاده از برچسب < iframe>مربوط به HTML تعریف کنید. این برچسب به برچسب < frameset>ارتباطی ندارد، در عوض می تواند در هرجایی در داکیومنت شما ظاهر شود. برچسب< iframe>یک محدوده ی مستطیلی را در داخل داکیومنت تعریف می کند که در آن مرورگر می تواند یک داکیومنت مجزا را ارائه دهد، مانند نوارهای اسکرول و حاشیه ها. ویژگی src برای مشخص کردن URL مربوط به داکیومنتی استفاده می شود که حاوی frame درون خطی می باشد. مثال: در زیر مثالی را می بینید که چگونگی استفاده از < iframe> را توضیح می دهد. نمونه یک Document content goes here... Sorry your browser does not support inline frames. Document content also go here... ویژگی های برچسب < iframe> بسیاری از ویژگی های برچسب < iframe> شامل نام، گروه، حاشیه، id، longdesk، طول حاشیه، عرض حاشیه، نام، اسکرول کردن، روش و تیتر، درست مانند ویژگی های متناظر با برچسب < frame> رفتار می کنند. Attribute Description src این ویژگی برای نام گذاری فایلی استفاده می شود که باید در frame بارگذاری شود. مقدار آن می تواند هر URL باشد. برای مثال src="/html/top_frame.htm" فایل HTML موجود در مسیر html را بارگذاری خواهد کرد. name این ویژگی به شما اجازه می دهد تا یک frame را نامگذاری کنید. این ویژگی نشان می دهد که یک داکیومنت در کدام frame باید بارگذاری شود. هنگامی که می خواهید لینک هایی را در یک frame ایجاد کنید که صفحاتی را در یک frame دیگر بارگذاری می کند، که در این مورد دومین frame برای تشخیص خود به عنوان هدف لینک به نام نیاز دارد، در اینجا این ویژگی بسیار مهم است. frameborder این ویژگی مشخص می کند که آیا حاشیه های frame نشان داده شوند یا خیر. این ویژگی مقدار داده شده به ویژگی frameborder روی برچسب < frameset> را می,آموزش طراحی سایت , آموزش html css, دوره آموزش طراحی سایت, آموزش جاوا اسکریپت ...ادامه مطلب

آموزش قابها در html

آموزش طراحی سایت - آموزش قابها در html قاب های HTML قاب های HTML برای تقسیم پنجره ی مرورگر شما به چند بخش استفاده می شوند که هر بخش می تواند یک داکیومنت مجزای HTML رابارگذاری کند. مجموعه ای از چارچوب ها در پنجره ی مروگر به عناون frameset شناخته می شوند. به روش مشابهی که جدول ها سازماندهی می شوند، پنجره نیز به چارچوب های مختلف تقسیم می شود: در ستون ها و ردیف ها. نقطه ضعف های چارچوب ها: در استفاده از چارچوب ها نقاط ضعفی وجود دارد، بنابراین هرگز توصیه نمی شود در صفحات وب خود از این چارچوب ها استفاده کنید. برخی دستگاه های کوچکتر نمی توانند این چارچوب ها را در خود داشته باشند، زیرا صفحه آنها آنقدر بزرگ نیست که تقسیم شود. گاهی اوقات صفحه ی شما در یک کامپیوتر متفاوت به خاطر وضوح تصویر متفاوت، طور دیگری نمایش داده می شود. ممکن است دکمه ی بازگشت مرورگر آنطوری که کاربر انتظار دارد کار نکند. هنوز مرورگرهایی هستند که فن آوری چارچوب را پشتیبانی نمی کنند. ایجاد چارچوب ها: برای استفاده از چارچوب ها در یک صفحه از برچسب < frameset> به جای < body>استفاده می کنیم. برچسب< frameset> چگونگی تقسیم پنجره به چارچوب را تعریف می کند. ویژگی rows از برچسب < frameset> چارچوب های افقی و ویژگی cols نیز چارچوب های عمودی را تعریف می کنند. هر چارچوب توسط برچسب < frame> نشان داده شده است و تعریف می کند که کدام داکیومنت HTML باید در داخل چارچوب باز شود. مثال: در زیر مثالی را برای ایجاد سه چارچوب افقی می بینید. نمونه یک <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HTML Frames</title> </head> <frameset rows="25%,50%,25%"> <frame name="left" src="http://tahlildadeh.com/Temp/Html/top_frame.htm" /> <frame name="center" src="http://tahlildadeh.com/Temp/Html/main_frame.htm" /> <frame name="right" src="http://tahlildadeh.com/Temp/Html/bottom_frame.htm" /,دوره آموزش طراحی سایت,,آموزش طراحی وب, فیلم اموزش طراحی سایت,,آموزش طراحی سایت,,آموزش html css ...ادامه مطلب

آموزش لینک ایمیل در HTML

آموزش طراحی سایت - آموزش لینک ایمیل در HTML لینک ایمیل HTML قرار دادن یک لینک ایمیل HTML روی صفحه ی وب خود کار سختی نیست، اما این کار ممکن است باعث بروز مشکل اسپم های غیرضروری در اکانت ایمیل شما شود. افرادی هستند که می توانند برنامه هایی را برای جمع آوری چنین ایمیل هایی اجرا کنند و سپس آنها را با راه های مختلف برای اسپم کردن استفاده کنند. می توانید از گزینه دیگری استفاده کنید تا افراد به راحتی بتوانند به شما ایمیل ارسال کنند. یک گزینه می تواند استفاده از فرم های HTML باشد برای جمع آوری داده های یوزر و سپس استفاده ازاسکریپت PHP یا CGI برای ارسال ایمیل. برای یک مثال ساده، فرم Contact Us را چک کنید. با استفاده از این فرم یک فیدبک از یوزر گرفته و سپس از یک برنامه ی CGI استفاده می کنیم که در حال جمع آوری این اطلاعات و ارسال ایمیل به یک email ID ارائه شده می باشد. برچسب HTML Email برچسب < a> در HTML برای مشخص کردن یک آدرس ایمیل و ارسال ایمیل، گزینه هایی را به شما ارائه می دهد. در حالیکه از برچسب < a> به عنوان یک email tag استفاده می کنید، از mailto:email address همراه با ویژگی href نیز استفاده خواهید کرد. در زیر ترکیب استفاده از mailto را به جای استفاده از http می بینید. نمونه یک <!DOCTYPE html> <html> <head> <title>SendMail</title> </head> <body> <a href="mailto:[email protected]">Send Email</a> </body> </html> اکنون اگر یوزر روی این لینک کلیک کند، email client آغاز به کار خواهد کرد ( مانند lotus notes و outlook express و غیره.) که روی کامپیوتر شما نصب شده است. ریسک دیگری در استفاده از این گزینه برای ارسال ایمیل وجود دارد، زیرا اگر یوزر email client نصب شده روی کامپیوتر خود نداشته باشد، ارسال ایمیل ممکن نحواهد بود. تنظیمات پیش فرض شما می توانید یک موضوع ایمیل و یک بدنه ی ایمیل پیش فرض همراه با آدرس ایمیل خود ایجاد کنید. در زیر مثال استفاده از بدنه و موضوع پیش فرض را مشاهده می کنید. نمونه دو <!DOCTYPE html> <html> &l,آموزش طراحی سایت, دوره آموزش طراحی سایت,,طراحی برنامه وب, آموزش برنامه نویسی ...ادامه مطلب

آموزش لینک های عکس در html

آموزش طراحی سایت - آموزش لینک های عکس در html آموزش Image Link تاکنون مشاهده کردیم که چگونه با استفاده از متن، یک لینک هایپرتکست ایجاد کنیم و همچنین فرا گرفته ایم که چگونه از تصاویر در صفحات وب خود استفاده کنیم. اکنون فرا خواهیم گرفت که چگونه با استفاده از تصاویر هایپرلینک ایجاد کنیم. مثال: استفاده از تصویر به عنوان هایپرلینک بسیار ساده می باشد. لازم است که یک تصویر را در داخل هایپرلینک در محل تصویر قرار دهیم، همانطور که در زیر نشان داده شده است. نمونه یک <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Image Hyperlink Example</title> </head> <body> <p>Click following link</p> <a href="http://www.tahlildadeh.com" target="_self"> <img src="http://tahlildadeh.com/banner/012.jpg" alt="tahlildadeh" border="0" /> </a> </body> </html> این ساده ترین راه ایجاد هایپرلینک با استفاده از تصاویر می باشد. تصاویر حساس به ماوس استانداردهای HTML و XHTML یک ویژگی ارائه می دهند که به شما اجازه می دهد لینک های مختلفی را در داخل یک تصویر اجرا کنید. شما می توانید براساس مختصات مختلف موجود روی تصویر، لینک های مختلفی را روی یک تصویر مجزا ایجاد کنید. زمانی که لینک های متفاوت به مختصات متفاوت ضمیمه می شود، می توانیم برای باز کردن داکیومنت های تارگت روی بخش های مختلف تصویر کلیک کنیم. چنین تصاویری که به ماوس حساس می باشند، تصاویر نقشه نامیده میشوند. دو روش برای ایجاد چنین تصاویری وجود دارد. Server-side image maps - توسط ویژگی ismap از برچسب < img> فعال می شود و دستیابی به یک سرور و پردازش برنامه های مربوط به تصویر نقشه لازم می باشد. Client-side image maps - با استفاده از ویژگی usemap از برچسب < img> همراه با برچسب های متناظر< map> و < area> ایجاد می شود. Server side image maps آموزش html css در اینجا به سادگی تصویر خود,آموزش طراحی سایت ,آموزش طراحی وبسایت , اموزش html, آموزش برنامه نویسی ...ادامه مطلب

آموزش لینک های عکس در html

آموزش طراحی سایت - آموزش ساخت جدول در html

آموزش طراحی سایت - آموزش ساخت جدول در html آموزش Table در HTML جدول های HTML به نویسندگان وب اجازه می دهند تا داده هایی مانند متن، تصاویر، لینک ها، جدول های دیگر و غیره در ردیف ها و ستون ها تنظیم کنید. جدول های HTML با استفاده از برچسب < table> ایجاد می شوند که در آن برچسب < tr> برای ایجاد ردیف ها و برچسب < td> برای ایجاد داده های سلول ها استفاده می شوند. مثال: نمونه یک <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HTML Tables</title> </head> <body> <table border="1"> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> </tr> </table> </body> </html> ویژگی های colspan و rowspan اگر بخواهید دو یا بیشتر از دو ستون را با هم تلفیق کنید از ویژگی colspan استفاده می کنید. به طور مشابه اگر بخواهید دو یا بیشتر از دو ردیف را در یک ردیف تلفیق کنید از rowspan استفاده کنید. مثال: نمونه سه <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HTML Table Colspan/Rowspan</title> </head> <body> <table border="1"> <tr> <th>Column 1</th> <th>Column 2</th> &,آموزش طراحی سایت , دوره آموزش طراحی سایت , آموزشگاه تحلیل داده, آموزش برنامه نویسی ...ادامه مطلب

آموزش طراحی سایت -آموزش درج کردن تصویردر HTML

آموزش طراحی سایت -آموزش درج کردن تصویردر HTML-آموزش Html وارد کردن تصاویر در صفحات HTML در این آموزش چگونگی استفاده از تصاویر در صفحات HTML را فرا می گیریم.زیبا سازی تصاویر و همچنین ترسیم بسیاری از مفاهیم پیچیده به یک روش ساده روی صفحه ی وب شما، بسیار مهم می باشد. این آموزش مراحل ساده ی استفاده از تصاویر در صفحات وب را به شما آموزش خواهد داد. وارد کردن تصویر شما می توانید با استفاده از برچسب هر تصویری را وارد صفحه ی وب خود کنید. در زیر ترکیب ساده ی استفاده از این برچسب را می بینید: ? 1 src="Image URL" ... attributes-list/> برچسب یک برچسب خالی می باشد، یعنی تنها می تواند دارای لیستی از ویژگی ها باشد و دارای برچسب closing نمی باشد. مثال: برای امتحان کردن مثال، زیر اجازه بدهید فایل html خود یعنی test.htm و فایل تصویر خود یعنی test.png را در یک مسیر قرار دهیم. نمونه یک شما می توانید از فایل تصویر JPEG، PNG یا GIF متناسب با راحتی خود استفاده کنید، اما مطمئن شوید که در ویژگی src نام فایل تصویر را به درستی وارد کردید. نام تصویر همیشه یک مورد هوشمند می باشد. ویژگی alt یک ویژگی می باشد که اگر تصویر نمایش داده نشود، یک متن جایگزین را برای آن مشخص می کند. تنظیم موقعیت تصویر آموزش html css معمولا ما تمام تصاویر خود را در یک مسیر مجزا قرار می دهیم. بنابراین اجازه بدهید فایل test.htm مربوط به HTML را در مسیر اصلی نگه داشته و یک مسیر فرعی images داخل مسیر اصلی، جایی که تصویر test.png را نگهداری می کنیم، ایجاد کنیم. با فرض اینکه موقعیت تصویر ما "image/test.png" می باشد، مثال زیر را امتحان کنید: تنظیم طول و عرض تصویر می توانید طول و عرض تصویر را براساس نیاز خود و با استفاده از ویژگی های width و height تنظیم کنید. شما می توانید طول و عرض تصویر را به پیکسل یا براساس درصد اندازه ی واقعی آن تنظیم کنید. مثال: نمونه سه تنظیم حاشیه ی تصویر به طور پیش فرض تصویر حاشیه ای در اطراف خود خواهد داشت، شما می توانید ضخامت این حاشیه را با استفاده از ویژگی border و به ,آموزش HTML, آموزش Attributeها در HTML,طراحی سایت , آموزش برنامه نویسی, دوره طراحی سایت , دوره برنامه نویسی ...ادامه مطلب

آموزش طراحی سایت - توضیحات در HTML-آموزش html

آموزش طراحی سایت - توضیحات در HTML-آموزش html آموزش استفاده از comment در html در این مقاله آموزش Html می خواهیم به چگونگی استفاده از comment در html بپردازیم: کامنت قطعه ای از کد می باشد که توسط مرورگرها نادیده گرفته می شود. افزودن کامنت به کد HTML خود، تمرین خوبی است، به ویژه در داکیومنت های پیچیده برای نشان دادن بخش هایی از یک داکیومنت به هرکسی که کد را نگاه می کند. کامنت ها به شما و دیگران کمک می کنند تا کد خود را متوجه شوید و قابلیت خواندن آن را افزایش می دهد. کامنت های HTML بین برچسب های واقع می شوند. بنابراین هر محتوایی که بین این برچسب ها واقع شود، مثل کامنت با آن رفتار خواهد شد و توسط مرورگرها به طور کامل نادیده گرفته خواهد شد. مثال: <!DOCTYPE html> <html> <head>  <title>This is document title</title> </head>  <body> <p>Document content goes here.....</p> </body> </html> این مثال نتیجه ی زیر را بدون نمایش محتوای ارائه شده به عنوان بخشی از کامنت ها، به دنبال دارد. Document content goes here..... کامنت های معتبردر مقابل کامنت های نامعتبر کامنت ها تودرتو نمی شوند، یعنی اینکه یک کامنت نمی تواند در داخل کامنت دیگری قرار بگیرد. خط تیره ی (dash) دوتایی "--" ممکن نیست در داخل یک کامنت ظاهر شود، به جز در مواردی که بخشی از برچسب closing باشد. شما باید مطمئن باشید که هیچ فضای خالی در ابتدای رشته ی کامنت وجود ندارد. مثال: در اینجا کامنت ارائه شده یک کامنت معتبر می باشد و توسط مرورگر پاک می شود. نمونه دو <!DOCTYPE html> <html> <head> <title>Valid Comment Example</title> </head> <body>  <p>Document content goes here.....</p> </body> </html> ,آموزش طراحی سایت,,توضیحات در HTML,آموزش html, فیلم آموزش طراحی سایت ...ادامه مطلب

آموزش طراحی سایت -آموزش متا تگ در Html

آموزش طراحی سایت -آموزش متا تگ در Html سلام دوستان با یه آموزش طراحی سایت با html در خدمتتون هستیم در این قسمت از آموزش HTML می خواهیم به Meta Tag در HTML و نحوه استفاده از آن در صفحات وب اشاره کنیم. آموزش html css HTML علاوه بر مشخص کردن اطلاعات مهم به روش های مختلف در مورد یک داکیومنت، به شما اجازه می دهد تا متادیتا را نیز مشخص کنید. عناصر META می توانند برای وارد کردن جفت مقدار/نام استفاده شوند، این جفت ویژگی های داکیومنت HTML مانند نویسنده، تاریخ اتمام، لیست کلمات کلیدی، داکیومنت نویسنده و غیره را ارائه میدهد. برچسب < meta> برای ارائه ی چنین اطلاعات اضافه ای استفاده می شود. این برچسب یک عنصر خالیست و دارای برچسب بستن نیست اما اطلاعاتی را با ویژگی آن در خود دارد. شما می توانید بر اساس اطلاعاتی که می خواهید در داکیومنت خود نگهداری کنید، یک برچسب یا بیشتر از یک برچسب متا وارد داکیومنت خود کنید. اما به طور کل برچسب های متا وضعیت ظاهری داکیومنت را تحت تاثیر قرار نمی دهند، بنابراین از لحاظ ظاهری استفاده کردن یا نکردن از آنها مشخص نمی شود. افزودن برچسب های متا به داکیومنت ها: شما می توانید با قرار دادن برچسب های در داخل تیتر داکیومنت که با برچسب های و مشخص می شوند، متا دیتا را به صفحات وب خود اضافه کنید. یک برچسب متا علاوه بر ویژگی های مرکزی، می تواند دارای ویژگی های زیر نیز باشد: Attribute Description Description نام برای پراپرتی، می تواند هر چیزی از جمله کلمات کلیدی، توصیفات، نویسنده، تولید کننده و غیره باشد. content مقدار ویژگی را مشخص می کند. scheme نموداری را برای توضیح مقدار ویژگی مشخص می کند. (همانطور که در محتوی ویژگی مشاهده کردید.) http-equiv برای تیترهای پیام پاسخ http استفاده می شود. برای مثال http-equiv می تواند برای تازه سازی صفحات یا تنظیم یک cookie استفاده شود.مقادیری مانند نوع محتوا، اتمام، تازه سازی و تنظیم cookie. مشخص کردن کلمات کلیدی می توانید از برچسب برای مشخص کردن ,آموزش طراحی سایت, دوره آموزش طراحی سایت ,,برنامه نویسی وب ...ادامه مطلب

آموزش طراحی سایت -آموزش قالب بندی در HTML

آموزش طراحی سایت -آموزش قالب بندی در HTML قالب بندی صفحات HTML در ادامه مباحث آموزشی HTML قبل، می خواهیم ببینیم چه آیتم هایی در format دادن و قالب بندی صفحات HTML مورد نیاز ما هستند. اگر با پردازشگر word کار می کنید باید با بولد کردن (bold)، ایتالیک کردن و آندرلاین کردن متن آشنا باشید. این ها فقط سه گزینه از ده گزینه موجود برای چگونگی ظاهر شدن متن در HTML و XHTML می باشند. بولد کردن متن هرچیزی که بین عناصر< b>...< /b> قرار می گیرد به صورت بولد ظاهر می شود، مانند مثال زیر: مثال: نمونه یک <!DOCTYPE html> <html> <head> <title>Bold Text Example</title> </head> <body> <p>The following word uses a <b>bold</b> typeface.</p> </body> </html> ایتالیک کردن متن هر چیزی که بین عناصر< i>...< /i>قرار بگیرد به صورت ایتالیک ظاهر می شود، مانند مثال زیر: مثال: نمونه دو <!DOCTYPE html> <html> <head> <title>Italic Text Example </title> </head> <body> <p>The following word uses a <i>italicized</i> typeface.</p> </body> </html> آندرلاین کردن متن هر چیزی که بین عناصر < u>...< /u> قرار بگیرد به صورت آندرلاین ظاهر می شود، مانند مثال زیر: نمونه سه <!DOCTYPE html> <html> <head> <title>Underlined Text Example</title> </head> <body> <p>The following word uses a <u>underlined</u> typeface.</p> </body> </html> خط کشیدن روی متن هر چیزی که بین گزینه های < strike>...< /strike> قرار بگیرد، با یک strikethrough نمایش داده می شود که خط باریکی می باشد که روی متن کشیده می شود، همانطور که در مثال زیر مشاهده می کنید: نمونه چهار <!DOCTYPE html> <,دوره آموزش طراحی سایت,,آموزش طراحی وب, آموزش طراحی سایت, فیلم اموزش طراحی سایت, آموزش html css, آموزش آنلاین و حضوری طراحی سایت ...ادامه مطلب

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

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

HTML Marquees

HTML Embed Multimedia

HTML Embed Multimedia

فونت ها

پس زمینه در html

آموزش Iframes در html

آموزش قابها در html

آموزش لینک ایمیل در HTML

آموزش لینک های عکس در html

آموزش لینک های عکس در html

آموزش طراحی سایت - آموزش ساخت جدول در html

آموزش طراحی سایت -آموزش درج کردن تصویردر HTML

آموزش طراحی سایت - توضیحات در HTML-آموزش html

آموزش طراحی سایت -آموزش متا تگ در Html

آموزش طراحی سایت -آموزش قالب بندی در HTML

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

گزیده مطالب

تبلیغات

برچسب ها