اچ تی ام ال (HTML) یا Hypertext Markup Language، زبانی برنامه نویسی است و کسانی که دستی در دنیای وب دارند با آن آشنا هستند یا لااقل اسم آن را چندین بار شنیده اند، یکی از آسان ترین و کاربردی ترین زبان ها در جهان است که از سال 1980 میلادی تا امروز همواره روندی رو به رشد داشته، در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب، نهایتا به صورت خروجی HTML و در مرورگر کاربران نشان داده خواهد شد. لذا نقطه آغاز یادگیری برنامه نویسی وب، آموزش زبان HTML است، در مجتمع فنی سیدخندان میباشد.
آشنایی بیشتر با چند تگ ساده
برنامه Notepad را باز کنید و کد زیر را در آن کپی نمائید:
وبگو | اولین صفحه html من
اولین صفحه من
اولین پاراگراف من
پیش نمایش
اکنون فایلتان را با پسوند html و با یونیکد utf-8 ذخیره نمائید (برای این کار به جای پسوند txt، پسوند html را جایگزین کنید و در قسمت Encoding عبارت UTF-8 را انتخاب کنید)، حاصل اولین کدتان را در یک مرورگر وب ببینید!
توضیح:
- تگ head و body جز اصلی ترین تگ های اچ تی ام ال است که سازنده یک صفحه به شمار می روند، درون تگ head می توان از مقادیر meta تگ ها استفاده کرد.
- تگ title برای نمایش عنوان صفحه در مرورگر لازم است.
- تگ h1 نشان گر سرتیتر ها است که می تواند مقادیری تا h6 داشته باشد.
- تگ p در کدهای اچ تی ام ال نشانگر پاراگراف است.
- اکثر تگ های اچ تی ام ال با افزودن یک (/) بسته می شوند و البته برخی نیز یکتا هستند (مثلا ).
نکته 1: هدف از ایجاد زبانی به نام html یا hypertext markup language در وب، در واقع به ضرورت ایجاد استانداردی تعریف شده برای یکسان سازی و سهولت کار برمی گردد، این زبان توسط کنسرسیوم جهانی وب یا w3c توسعه یافته و امروزه تبدیل به استانداردی فراگیر گشته است که توسط انواع مختلف مرورگرها و واسطه های کاربری (کامپیوتر، تلفن همراه و…)، قابل پردازش است.
نکته 2: html در حقیقت یک زبان برنامه نویسی نیست، بلکه بیشتر شبیه یک قرار داد با پیروی از اصولی منظم است، چرا که محدود به تگ ها و دستور عمل های خاصی است و خارج از چارچوب تعریف شده خود، قدرت مانور ندارد، اما از این جهت که زبان تفهیم خواسته های برنامه نویس از مرورگر تلقی می شود، اهمیت زیادی دارد، یعنی وقتی در وب برنامه ای به یک زبان که در سرور اجرا می شود (مانند php) می نویسیم، هدف، هر چه که باشد، نهایتا معمولا باید خروجی خود را در بستر html به مرورگر انتقال دهیم.
یکی از زبان های انعطاف پذیر و در عین حال قدرتمندی که در دوره های وب نویسی مجتمع فنی تهران آموزش داده میشود و همراه با کدهای ساده HTML، مورد استفاده برنامه نویسان وب قرار می گیرد، جاوا اسکریپت (Javascript) است، البته شاید تصور شما از شنیدن عنوان کدهای جاوا اسکریپت بیشتر معطوف به کدهای کاربردی وبلاگ ها باشد، اما واقعیت این است که قدرت این زبان برنامه نویسی، خیلی بیشتر است بیشتر سایت ها و صفحات وب برای بررسی اعتبار فرم ها، ارتباط با سرور، شناسایی قابلیت های مرورگر کاربران، کار با کوکی ها (cookie) و خیلی چیزهای دیگر از آن استفاده می کنند، البته با همه این تفاسیر به دلیل سمت کاربر (Client side) بودن این زبان (یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه مفسر سرور سایت)، در عین توانایی محدودیت هایی نیز وجود خواهد داشت.
کدهای جاوا اسکریپت بین دو تگ script نوشته می شوند.
توضیح:
- کدهای جاوا اسکریپت را می توان به صورت فایل خارجی نیز در صفحه ایمپورت کرد (شیوه استاندارد).
توصیه می شود کدها را بین تگ head قرار دهید. - ()Date یک تابع درونی جاوا اسکریپت است (یعنی این تابع و ویژگی های آن از قبل تعریف شده).
- از تگ noscript برای ایجاد پیام به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگرشان استفاده نمائید
مجتمع فنی تهران نمایندگی سید خندان
لیست دوره های ارائه شده در دپارتمان وب و برنامه نویسی
| ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
|---|---|---|---|---|---|---|---|---|
| 1 | Web Design I (HTML5, CSS3 with Dreamweaver) | شنبه, دوشنبه 17:30 تا 20:30 | 04-02-13 | 58 | 54,000,000 | |||
| 2 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | شنبه, دوشنبه 17:30 تا 20:30 | 04-02-13 | 58 | 43,000,000 | |||
| 3 | Web Design I (HTML5, CSS3 with Dreamweaver) | جمعه 13:00 تا 18:00 | 04-02-19 | 58 | 54,000,000 | |||
| 4 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | جمعه 13:00 تا 18:00 | 04-02-19 | 58 | 43,000,000 | |||
| 5 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 34 | 49,000,000 | |||
| 6 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 49,000,000 | |||
| 7 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 40,000,000 | |||
| 8 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 88,000,000 | |||
| 9 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 71,000,000 | |||
| 10 | ReactJS | پنجشنبه 08:00 تا 13:00 | 04-02-04 | 40 | 70,000,000 | |||
| 11 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-14 | 40 | 28,000,000 | |||
| 12 | مقدمه ای بر الگوریتم و برنامه نویسی | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-14 | 40 | 33,000,000 | |||
| 13 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | جمعه 08:00 تا 13:00 | 04-02-19 | 40 | 28,000,000 | |||
| 14 | مقدمه ای بر الگوریتم و برنامه نویسی | جمعه 08:00 تا 13:00 | 04-02-19 | 40 | 33,000,000 | |||
| 15 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-25 | 60 | 80,000,000 | |||
| 16 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-25 | 60 | 64,000,000 | |||
| 17 | Programming with Python | پنجشنبه 13:00 تا 18:00 | 04-01-28 | 60 | 80,000,000 | |||
| 18 | Python Programming Advanced آنلاین | جمعه 13:00 تا 18:00 | 04-02-05 | 60 | 84,000,000 | |||
| 19 | Python Programming Advanced | جمعه 13:00 تا 18:00 | 04-02-05 | 60 | 104,000,000 | |||
| 20 | Programming with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-28 | 60 | 80,000,000 | |||
| 21 | (آنلاین) programming with python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-28 | 60 | 64,000,000 | |||
| 22 | (آنلاین) Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-29 | 50 | 59,000,000 | |||
| 23 | Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-29 | 50 | 74,000,000 | |||
| 24 | (آنلاین) Python Web Development With Django | جمعه 13:00 تا 18:00 | 04-02-26 | 50 | 59,000,000 | |||
| 25 | Python Web Development With Django | جمعه 13:00 تا 18:00 | 04-02-26 | 50 | 74,000,000 | |||
| 26 | Data Analysis with Python | جمعه 13:00 تا 18:00 | 04-02-05 | 30 | 41,000,000 | |||
| 27 | Data Analysis with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-07 | 30 | 41,000,000 | |||
| 28 | بهینه سازی برای موتورهای جست و جو - SEO | پنجشنبه 16:00 تا 20:00 | 04-02-11 | 40 | 83,000,000 | |||
| 29 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 13:00 تا 17:00 | 04-02-11 | 40 | 59,000,000 | |||
| 30 | Wordpress & WooCommerce Essential Training | جمعه 13:00 تا 18:00 | 04-02-12 | 35 | 40,000,000 | |||
| 31 | C# Programming | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 60 | 75,000,000 | |||
| 32 | C# Programming آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 60 | 61,000,000 | |||
| 33 | برنامه نویسی به زبان ++C | پنجشنبه 08:00 تا 13:00 | 04-02-11 | 60 | 61,000,000 | |||
| 34 | برنامه نویسی به زبان ++C آنلاین | پنجشنبه 08:00 تا 13:00 | 04-02-11 | 60 | 49,000,000 | |||
| 35 | PHP & MYSQL Web Development | جمعه 13:00 تا 18:00 | 04-02-05 | 80 | 99,000,000 | |||
| 36 | Java SE8 Programming | جمعه 13:00 تا 18:00 | 04-02-05 | 50 | 68,000,000 | |||
| 37 | Android Pack | پنجشنبه 13:00 تا 18:00 | 04-02-11 | 70 | 93,000,000 | |||
| 38 | SQL Server 2022 Database Development | جمعه 08:00 تا 13:00 | 04-02-05 | 60 | 75,000,000 | |||
| 39 | SQL Server 2022 Database Development آنلاین | جمعه 08:00 تا 13:00 | 04-02-05 | 60 | 64,000,000 | |||
| 40 | Microsoft ASP.net MVC | پنجشنبه 13:00 تا 18:00 | 04-02-11 | 60 | 115,000,000 | |||
مقالات مرتبط با کامپیوتر و آی تی
مجتمع فنی تهران نمایندگی سید خندان
لیست دوره های ارائه شده در دپارتمان وب و برنامه نویسی
| ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
|---|---|---|---|---|---|---|---|---|
| 1 | Web Design I (HTML5, CSS3 with Dreamweaver) | شنبه, دوشنبه 17:30 تا 20:30 | 04-02-13 | 58 | 54,000,000 | |||
| 2 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | شنبه, دوشنبه 17:30 تا 20:30 | 04-02-13 | 58 | 43,000,000 | |||
| 3 | Web Design I (HTML5, CSS3 with Dreamweaver) | جمعه 13:00 تا 18:00 | 04-02-19 | 58 | 54,000,000 | |||
| 4 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | جمعه 13:00 تا 18:00 | 04-02-19 | 58 | 43,000,000 | |||
| 5 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 34 | 49,000,000 | |||
| 6 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 49,000,000 | |||
| 7 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | جمعه 13:00 تا 17:00 | 04-02-19 | 34 | 40,000,000 | |||
| 8 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 88,000,000 | |||
| 9 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 04-02-19 | 58 | 71,000,000 | |||
| 10 | ReactJS | پنجشنبه 08:00 تا 13:00 | 04-02-04 | 40 | 70,000,000 | |||
| 11 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-14 | 40 | 28,000,000 | |||
| 12 | مقدمه ای بر الگوریتم و برنامه نویسی | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-14 | 40 | 33,000,000 | |||
| 13 | مقدمه ای بر الگوریتم و برنامه نویسی آنلاین | جمعه 08:00 تا 13:00 | 04-02-19 | 40 | 28,000,000 | |||
| 14 | مقدمه ای بر الگوریتم و برنامه نویسی | جمعه 08:00 تا 13:00 | 04-02-19 | 40 | 33,000,000 | |||
| 15 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-25 | 60 | 80,000,000 | |||
| 16 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 04-01-25 | 60 | 64,000,000 | |||
| 17 | Programming with Python | پنجشنبه 13:00 تا 18:00 | 04-01-28 | 60 | 80,000,000 | |||
| 18 | Python Programming Advanced آنلاین | جمعه 13:00 تا 18:00 | 04-02-05 | 60 | 84,000,000 | |||
| 19 | Python Programming Advanced | جمعه 13:00 تا 18:00 | 04-02-05 | 60 | 104,000,000 | |||
| 20 | Programming with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-28 | 60 | 80,000,000 | |||
| 21 | (آنلاین) programming with python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-28 | 60 | 64,000,000 | |||
| 22 | (آنلاین) Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-29 | 50 | 59,000,000 | |||
| 23 | Python Web Development With Django | جمعه 08:00 تا 13:00 | 04-01-29 | 50 | 74,000,000 | |||
| 24 | (آنلاین) Python Web Development With Django | جمعه 13:00 تا 18:00 | 04-02-26 | 50 | 59,000,000 | |||
| 25 | Python Web Development With Django | جمعه 13:00 تا 18:00 | 04-02-26 | 50 | 74,000,000 | |||
| 26 | Data Analysis with Python | جمعه 13:00 تا 18:00 | 04-02-05 | 30 | 41,000,000 | |||
| 27 | Data Analysis with Python | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-07 | 30 | 41,000,000 | |||
| 28 | بهینه سازی برای موتورهای جست و جو - SEO | پنجشنبه 16:00 تا 20:00 | 04-02-11 | 40 | 83,000,000 | |||
| 29 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 13:00 تا 17:00 | 04-02-11 | 40 | 59,000,000 | |||
| 30 | Wordpress & WooCommerce Essential Training | جمعه 13:00 تا 18:00 | 04-02-12 | 35 | 40,000,000 | |||
| 31 | C# Programming | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 60 | 75,000,000 | |||
| 32 | C# Programming آنلاین | یکشنبه, سه شنبه 17:30 تا 20:30 | 04-02-16 | 60 | 61,000,000 | |||
| 33 | برنامه نویسی به زبان ++C | پنجشنبه 08:00 تا 13:00 | 04-02-11 | 60 | 61,000,000 | |||
| 34 | برنامه نویسی به زبان ++C آنلاین | پنجشنبه 08:00 تا 13:00 | 04-02-11 | 60 | 49,000,000 | |||
| 35 | PHP & MYSQL Web Development | جمعه 13:00 تا 18:00 | 04-02-05 | 80 | 99,000,000 | |||
| 36 | Java SE8 Programming | جمعه 13:00 تا 18:00 | 04-02-05 | 50 | 68,000,000 | |||
| 37 | Android Pack | پنجشنبه 13:00 تا 18:00 | 04-02-11 | 70 | 93,000,000 | |||
| 38 | SQL Server 2022 Database Development | جمعه 08:00 تا 13:00 | 04-02-05 | 60 | 75,000,000 | |||
| 39 | SQL Server 2022 Database Development آنلاین | جمعه 08:00 تا 13:00 | 04-02-05 | 60 | 64,000,000 | |||
| 40 | Microsoft ASP.net MVC | پنجشنبه 13:00 تا 18:00 | 04-02-11 | 60 | 115,000,000 | |||