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

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 قاب های 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 آموزش 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 را فرا می گیریم.زیبا سازی تصاویر و همچنین ترسیم بسیاری از مفاهیم پیچیده به یک روش ساده روی صفحه ی وب شما، بسیار مهم می باشد. این آموزش مراحل ساده ی استفاده از تصاویر در صفحات وب را به شما آموزش خواهد داد.   وارد کردن تصویر شما می توانید با استفاده از برچسب هر تصویری را وارد صفحه ی وب خود کنید. در زیر ترکیب ساده ی استفاده از این برچسب را می بینید:   ? 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   آموزش استفاده از comment در html در این مقاله آموزش Html می خواهیم به چگونگی استفاده از comment در html بپردازیم: کامنت قطعه ای از کد می باشد که توسط مرورگرها نادیده گرفته می شود. افزودن کامنت به کد HTML خود، تمرین خوبی است، به ویژه در داکیومنت های پیچیده برای نشان دادن بخش هایی از یک داکیومنت به هرکسی که کد را نگاه می کند. کامنت ها به شما و دیگران کمک می کنند تا کد خود را متوجه شوید و قابلیت خواندن آن را افزایش می دهد. کامنت های HTML بین برچسب های واقع می شوند. بنابراین هر محتوایی که بین این برچسب ها واقع شود، مثل کامنت با آن رفتار خواهد شد و توسط مرورگرها به طور کامل نادیده گرفته خواهد شد.    مثال:   <!DOCTYPE html> <html> <head>     <!-- Document Header Starts -->     <title>This is document title</title> </head> <!-- Document Header Ends --> <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>     <!--   This is valid comment -->     <p>Document content goes here.....</p> </body> </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 قبل، می خواهیم ببینیم چه آیتم هایی در 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, آموزش آنلاین و حضوری طراحی سایت ...ادامه مطلب

آموزش طراحی سایت -آموزش Attributeها در HTML-آموزش HTML   آموزش طراحی سایت -آموزش Attributeها در HTML-آموزش HTML ویژگی های زبان HTML   در این مبحث از آموزش های HTML می خواهیم به بررسی برخی از ویژگی های زبان HTML بپردازیم: برخی از برچسب های HTML مانند برچسب های تیتر و برچسب های پاراگراف، و موارد استفاده ی آنها را مشاهده کردیم. تاکنون از آنها به ساده ترین شکل خود استفاده کرده ایم، اما بیشتر برچسب های HTML می توانند ویژگی هایی داشته باشند که مقداری اطلاعات اضافه می باشد. یک attribute برای تعریف ویژگی های عنصر HTML استفاده می شود و در داخل برچسب بازکننده ی عنصر قرار می گیرد. همه ی ویژگی ها از دو بخش تشکیل شده اند: name و value.       Name ویژگی مورد نظر شما برای تنظیم میباشد، به عنوان مثال عنصر پاراگرافp> > در مثال ارائه شده دارای ویژگی می باشد که نام آن align می باشد و شما می توانید از آن برای تنظیم پاراگراف در صفحه استفاده کنید. Value همان است که شما می خواهید مقدار ویژگی تنظیم شود و همیشه در داخل گیومه قرار می دهید. مثال زیر سه مقدار ممکن ازیک ویژگی تراز را نشان می دهد: چپ، مرکز و راست. ویژگی نام ها و ویژگی مقادیر غیرهوشمند می باشند. به هرحال وب جهانی Consortium (W3C) مقادیر ویژگی ها را در HTML 4 با حروف کوچک پیشنهاد می دهد.  مثال: نمونه یک   <!DOCTYPE html> <html> <head>     <title>Align Attribute  Example</title> </head> <body>     <p align="left">This is left aligned</p>     <p align="center">This is center aligned</p>     <p align="right">This is right aligned</p> </body> </html> ویژگی های اصلی چهار ویژگی اصلی که می توانند در اکثر عناصر HTML مورد استفاده قرار بگیرند عبارتند از: id title class style ویژگی id ویژگی id یک برچسب HTML می تواند برای تشخیص یک عنصر در یک صفحه ی HTML مورد استفاده قرار بگیرد. دو دلیل اصلی برای تمایل شما به استفاده از ویژگی id در ,آموزش HTML, آموزش Attributeها در HTML,طراحی سایت , آموزش برنامه نویسی, دوره طراحی سایت ...ادامه مطلب

آموزش طراحی سایت- عناصر در HTML یک عنصر HTML توسط یک برچسب شروع کننده تعریف می شود. اگر عنصر دارای محتوای دیگری باشد، با یک برچسب بسته کننده تمام می شود در حالیکه جلوی نام عنصر یک علامت اسلش قرار گرفته است که می توانید در جدول زیر برخی ازاین برچسب ها را مشاهده کنید: Start Tag Content End Tag < p> این برچسب محتوای پاراگراف می باشد. < /p> < h1> این برچسب تیتر محتوا می باشد. < /h1> < div> این برچسب تقسیم محتوا می باشد. < /div> < br />   بنابراین در اینجا< p>....< /p> یک عنصر HTML و< h1>...< /h1> عنصر دیگری از HTML می باشد. عناصری از HTML وجود دارند که نیازی به بسته شدن ندارند مانند < img... />, < hr /> و< br /> . این عناصر با عنوان void elements (عناصر خالی) شناخته می شوند. داکیومنت های HTML دارای درختی از این عناصر می باشند و مشخص می کنند که چگونه داکیومنت ها باید ساخته شوند و چه نوع محتوایی باید در چه بخشی از داکیومنت HTML قرار بگیرد.   برچسب HTML در مقابل عنصر یک عنصر HTML به وسیله ی یک برچسب شروع کننده تعریف می شود. اگر عنصر دارای محتوای دیگری باشد با یک برچسب بستن تمام می شود. برای مثال< p> برچسب شروع کننده ی یک پاراگراف می باشد و< /p> برچسب بستن همان پاراگراف می باشد، اما < p>This is paragraph< /p> عنصر یک پاراگراف می باشد. عناصر تو در توی HTML نگهداری یک عنصر HTML در داخل عنصر دیگر بسیار متداول می باشد. نمونه یک                       This isitalic heading       This is underlined paragraph       ,دوره آمورش طراحی سایت, آموزش سایت, وبسایت برنامه نویسی, آموزشگاه برنامه نویسی تحلیل داده ...ادامه مطلب

آموزش طراحی سایت-آموزش تگ های اصلی در Html در این سری از مقالات آموزش طراحی سایت می خواهیم به بیان تگ در html بپردازیم.  برچسب های تیتر: هر داکیومنت با یک تیتر آغاز می شود. شما می توانید از اندازه های مختلف برای تیترهای خود استفاده کنید. HTML دارای شش سطح می باشد که از< h1>, < h2>, < h3>, < h4>, < h5> و < h6> عناصر استفاده می کند. در هنگام نمایش هر تیتر مرور گر یک خط قبل و یک خط بعد از تیتر اضافه می کند.  مثال: <h5>This is heading 5</h5> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>   برچسب پاراگراف: برچسب < p> به روش طراحی متن شما در پاراگراف های مختلف اشاره دارد. هر پاراگراف متن باید بین برچسب بازکننده ی < p> وبستن < /p> قرار بگیرد، همانطور که در مثال زیر مشاهده می کنید: نمونه دو <p>This is some text in a paragraph.</p> برچسب شکست لینک هرزمان که شما از < br /> عنصر استفاده کنید، هر چیزی که آن را دنبال می کند از خط بعد شروع خواهد شد. این برچسب نمونه ای از یک عنصرempty می باشد، زمانی که لازم نیست برچسبی را باز کنید یا ببندید چرا که چیزی برای رفتن بین آنها وجود ندارد. در بچسب < br />، یک فضای خالی بین کااکترهای br و اسلش جلوی آن وجود دارد. اگر شما این فضا را حذف کنید، مرورگرهای قدیمی تر در اجرای خط شکست مشکل خواهند داشت، در حالیکه اگر اسلش را حذف کنید برچسب < br> باقیمانده در HTML معتبر نمی باشد. مثال: نمونه سه   .This text contains<br>a line break مرکزگذاری متن می توانید با استفاده از برچسب < center> می توانید هر محتوایی را در مرکز صفحه یا در مرکز هر سلول از یک جدول قرار دهید.  مثال:   نمونه چهارم خطوط افقی خطوط افقی برای بخش های شکست بصری یک داکیومنت استفاده می شوند. برچسب < hr> خطی از موقعیت کنونی داکیومنت به حاشیه ی سمت ر,دوره آموزش طراحی سایت,,آموزش طراحی وب, آموزش طراحی سایت, فیلم اموزش طراحی سایت, آموزش html css ...ادامه مطلب

آموزش طراحی سایت-آموزش html دوره آموزش طراحی سایت در این مقاله آموزش HTML می خواهیم مقدمات آنرا برای شما دوستان عزیز بیان کنیم. HTML مخفف عبارت Hyper Text Markup Language می باشد که در واقع گسترده ترین زبان استفاده شده در صفحات وب می باشد. HTML توسط برنرز لی در اواخر سال 1991 ایجاد شد، اما html 2.0 اولین نوع استاندارد آن بود که در سال 1995 منتشر شد. HTML 4.01 ورژن مهمی از HTML بود که دراواخر 1999 منتشر شد. گرچه در آموزش html HTML 4.01 ورژنی است که به طور گسترده استفاده می شود، اما معمولا HTML 5 را داریم که توسعه ی یافته html 4.01 است و در سال 2012 منتشر شد. این آموزش HTML برای آشنا کردن طراحان و توسعه دهندگان وب با نیاز برای درک HTML با جزئیات کافی به همراه یک نظر کلی ساده و مثال های عملی، طراحی شده است. این آموزش HTML به شما محتوای کافی برای شروع با HTML از جایی که می توانید تخصصی با سطح بالاتر داشته باشید، ارائه می دهد. پیش نیازها: قبل از پیش رفتن برای آموزش HTML شما باید یک دانش پایه برای کار با ویندوز و سیستم عملیاتی Lunix داشته باشید. علاوه بر این برای آموزش HTML شما باید با موارد زیر آشنا باشید: دوره آموزش طراحی سایت تجربه کار با هر ویرایشگری مانند Notepad، Notepad ++ و یا Editplus و غیره برای آموزش html . چگونگی ایجاد مسیرها و فایل ها روی کامپیوتر خود برای آموزش html چگونگی مسیریابی از طریق مسیرهای مختلف برای آموزش html. چگونگی تایپ کردن محتوا در یک فایل و ذخیره ی آنها روی کامپیوتربرای آموزش html. درک تصاویر با فرمت های مختلف مانند JPEG و PNG برای آموزش html. امتحان کردن HTML روی خط نمونه یک <h1>Hello World!</h1> Hello World!   ,دوره آموزش طراحی سایت,,آموزش طراحی وب, آموزش طراحی سایت, فیلم اموزش طراحی سایت, آموزش html css ...ادامه مطلب

در این مقاله از مجموعه مقالات آموزش طراحی سایت می آموزیم که چطور از افزونه MultiScrolling برای ساخت اسکرول چندتایی در وبسایت استفاده کنیم.. افزونه Multi Scrolling، یک پلاگین ساده برای اسکرول چندتایی در سایت هایی است که از نظر عمودی به دو پنل مجزا تقسیم می شوند. این پلاگین هم با مرورگرهایی که css3 را پشتیبانی می کنند و هم آنهایی که قدیمی تر هستند و همچنین ابزارهای لمسی مانند موبایل و تبلت سازگار است.   روش استفاده : جهت استفاده از این پلاگین لازم است فایلهای css و js پلاگین را در پروژه خود قرار دهیم . همچنین لازم است فایل jquery.js نیز در کنار آنها موجود باشد. اگر میخواهید از افکتهایی easing (swing,linear) استفاده می کنید می توانید jquery UI را نیز استفاده کنید. برای نصب پلاگین multiScroll توسط ترمینال می توانید دستور زیر را در مکانی که می خواهیدنصب شود، فراخوانی کنید. // With bower bower install multiscroll.js // With npm npm install multiscroll.js   لینک هایی که لازم است در پروژه قرار دهید به شرح زیر هستند : < link rel="stylesheet" type="text/css" href="jquery.multiscroll.css" / > < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" >< /script > < !-- This following line is needed in case of using the default easing option or when using another  one rather than "linear" or "swing". You can also add the full jQuery UI instead of this file if you prefer -- > < script src="vendors/jquery.easings.min.js" >< /script > < script type="text/javascript" src="jquery.multiscroll.js" >< /script >   اگر می خواهید پلاگین را دانلود کنید،روی لینک زیر را کلیک کنید : CDNJS: https://cdnjs.com/libraries/multiscroll.js     کدهای HTML مربوط به پلاگین JQuery MultiScrolling در دوره آموزش طراحی سایت هر بخش توسط یک عنصر div با کلاس section مشخص می شود. بخش اول که صفحه نخست سایت محسوب می شود، به صورت پیش فرض فعال است. < div id=&,آموزش طراحی سایت, دوره آموزش طراحی سایت, آموزش طراحی وب, آموزش جی کوئری, پروژه طراحی وب سایت, آموزش افزونه های جی کوئری ...ادامه مطلب

در این مقاله از مجموعه مقالات آموزش طراحی سایت می آموزیم که چطور خطاهای احتمالی در جاوا اسکریپت را مدیریت کنیم. دستور try به شما امکان می دهد قطعه کد (code block) را به منظور یافتن خطاهای احتمالی بررسی و آزمایش کنید. دستور catch به شما اجازه می دهد خطا را مدیریت کرده و اقدامات اصلاحی را در صورت رخداد خطا مشخص کنیم. دستور throw قابلیت ایجاد خطاهای سفارشی را به شما می دهد. دستور Finally به شما اجازه می دهد کد را پس از (اجرای دستورات) try و catch، صرف از نظر از نتیجه آن، اجرا کنید. هنگامی که کدهای جاوا اسکریپت را اجرا می کنید، ممکن است با خطاهای مختلفی مواجه شویم. این خطاها ممکن است از وجود اشکال هایی در کدنویسی برنامه نشات بگیرد که توسط برنامه نویس نوشته شده، ممکن است از ورودی اشتباه و غیر مجازی باشد که توسط کاربر وارد شده و یا دیگر چیزهای غیر قابل پیش بینی.   نمونه یک : < p id="demo">adddlert is not defined< /p> try { adddlert("Welcome guest!"); } catch(err) { document. getElementById("demo") = err.message; }   دستورات try & catch و کاربرد آن در زبان جاوا اسکریپت دستور try به برنامه نویس اجازه می دهد قطعه کدی که احتمال می دهد در آن خطا وجود داشته باشد را مشخص کند. این قطعه کد در حین اجرا برای خطایابی تست می شود. دستور catch نیز یک قطعه کد تعریف می کند که در صورت برخورد با خطا در ساختار (try block)، اجرا می شود. عبارت try، به شما اجازه می دهد تا، خطاهای یک بلاک از دستورات را تست کنید. اگر خطایی در قسمت try رخ دهد، در آن صورت دستوراتی که در در ساختار catch تعریف کردید، اجرا می شوند. توجه داشته باشید که دستورات try و catch با هم و به صورت جفت بکار می روند. try { ‎ Block of code to try ‎} catch(err) { ‎ Block of code to handle errors } ‎ پرتاب خطا (throw error) در دوره آموزش طراحی سایت هنگامی که خطایی رخ می دهد، جاوا اسکریپت به صورت خودکار متوقف شده و یک پیغام خطا صادر می کند. در برنامه نویسی برای این منظور یک واژه ی تخصصی به نام throw تعریف شده است.   دستور throw این دستور امکان ,آموزش طراحی سایت,دوره آموزش طراحی سایت,آموزش جاوا اسکریپت,آموزش طراحی وب,آموزش مدیریت خطا در جاوا اسکریپت ...ادامه مطلب

امروز با پست جدیدی از سری پست های آموزش طراحی سایت همراه شما هستیم. در این پست دستورات if .. else در جاوا اسکریپت را مورد بررسی قرار می دهیم. دستورات شرطی را به منظور انجام عملیات خاص در صورت برقرار بودن شرایط معین بکار می بریم، بدین معنا که در صورت درست بودن شرط معین دستورات و عملیات معینی اجرا شود.   دستورات شرطی (conditional statements) گاهی اوقات به هنگام نوشتن یک اسکریپت یا کد، برنامه نویس نیاز دارد که تصمیم های متفاوتی با توجه به نتایج مختلف بگیرد، برای نیل به این هدف برنامه نویس از دستورات شرطی کمک می گیرد. دستورات شرطی زبان جاوا اسکریپت به شرح زیر می باشد. دستور if - از اين ساختار در مواقعی که می خواهيم در صورت بر قرار بودن شرط معینی دستور مشخصی اجرا شود، استفاده می کنیم . چنانچه شرط تعیین شده صحیح یا برقرار نبود، هيچ دستوری اجرا نخواهد شد. دستور else - از اين ساختار زمانی استفاده می کنیم که می خواهيم در صورت بر قرار بودن شرط، دستور معینی اجرا شود و در صورت عدم بر قراری آن شرط، دستور یا مجموعه ای از دستورات دیگر اجرا گردند. دستور else if : اگر شرط درست باشد دستور مقابل if اجرا می شود در غیر این صورت دستور مقابل else اجرا می گردد (در صورت غلط بودن شرط اول، شرط دیگری را برای امتحان کردن مشخص می کند). دستور Switch : برای گزینش و اجرای یک دستور از میان چندین دستور مختلف بکار می رود.   دستور شرطی if از اين ساختار در مواقعی که می خواهيم در صورت بر قرار بودن شرط معینی دستور مشخصی اجرا شود، استفاده می کنیم. چنانچه شرط تعیین شده صحیح یا برقرار نبود، هيچ دستوری اجرا نخواهد شد.   آموزش طراحی سایت دستور نگارش (syntax) نکته: توجه داشته باشید که دستور شرطی if با حروف کوچک نوشته می شود. نوشتن آن با حروف بزرگ If یا IF باعث ایجاد خطا می شود. مثال: در صورتی که زمان هنوز مرز ساعت 18:00 را رد نکرده، رشته ی "Good day" را نشان بده. if (hour < 18) { greeting = "Good day"; ‎}   نمونه یک if (new Date().getHours() < 18) { document.getElementById("demo").innerHTML = "Good day!"; }   امتحان کنید:     Display &qu,آموزش طراحی سایت,دوره آموزش طراحی سایت,فیلم آموزش طراحی سایت,کتاب آموزش طراحی سایت,آموزش طراحی سایت pdf,آموزش جاوا اسکریپت ...ادامه مطلب