اچ تی ام ال (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 | Programming with Python | جمعه 08:00 تا 13:00 | 03-02-07 | 60 | 58,000,000 | |||
| 2 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 03-02-17 | 60 | 58,000,000 | |||
| 3 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 03-02-17 | 60 | 47,000,000 | |||
| 4 | مقدمه ای بر الگوریتم و برنامه نویسی | پنجشنبه 08:00 تا 13:00 | 03-02-13 | 37 | 26,000,000 | |||
| 5 | Web Design I (HTML5, CSS3 with Dreamweaver) | جمعه 13:00 تا 18:00 | 03-02-14 | 58 | 43,000,000 | |||
| 6 | (آنلاین) Python Web Development With Django | جمعه 13:00 تا 18:00 | 03-01-31 | 50 | 47,000,000 | |||
| 7 | Python Web Development With Django | جمعه 13:00 تا 18:00 | 03-01-31 | 50 | 59,000,000 | |||
| 8 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | جمعه 13:00 تا 18:00 | 03-02-14 | 58 | 34,000,000 | |||
| 9 | Data Analysis with Python | جمعه 08:00 تا 13:00 | 03-02-21 | 30 | 33,000,000 | |||
| 10 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | شنبه, چهارشنبه 18:00 تا 20:30 | 03-02-29 | 34 | 39,000,000 | استاد جوان میر | ||
| 11 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | پنجشنبه 13:00 تا 18:00 | 03-03-03 | 34 | 39,000,000 | استاد رضاوند | ||
| 12 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | پنجشنبه 13:00 تا 18:00 | 03-03-03 | 34 | 32,000,000 | استاد رضاوند | ||
| 13 | Web Design III (JavaScript & JQuery & Ajax) | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 58 | 70,000,000 | |||
| 14 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 58 | 57,000,000 | |||
| 15 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 03-02-14 | 58 | 70,000,000 | |||
| 16 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 03-02-14 | 58 | 57,000,000 | |||
| 17 | ReactJS | پنجشنبه 08:00 تا 13:00 | 03-02-13 | 40 | 56,000,000 | |||
| 18 | بهینه سازی برای موتورهای جست و جو- SEO | پنجشنبه 16:00 تا 20:00 | 03-02-13 | 40 | 52,000,000 | |||
| 19 | Wordpress & WooCommerce Essential Training | جمعه 09:00 تا 13:00 | 03-02-07 | 35 | 32,000,000 | |||
| 20 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 40 | 47,000,000 | |||
| 21 | برنامه نویسی به زبان ++C | جمعه 13:00 تا 18:00 | 03-02-14 | 60 | 48,000,000 | |||
| 22 | برنامه نویسی به زبان ++C آنلاین | جمعه 13:00 تا 18:00 | 03-02-14 | 60 | 39,000,000 | |||
| 23 | C# Programming | چهارشنبه 16:00 تا 20:00 | 03-02-12 | 60 | 49,000,000 | |||
| 24 | C# Programming آنلاین | چهارشنبه 16:00 تا 20:00 | 03-02-12 | 60 | 40,000,000 | |||
| 25 | Microsoft ASP.net MVC | جمعه 08:00 تا 13:00 | 03-02-21 | 60 | 78,000,000 | |||
| 26 | PHP & MYSQL Web Development | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 80 | 79,000,000 | |||
| 27 | PHP & MYSQL Web Development آنلاین | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 80 | 63,000,000 | |||
| 28 | Android Pack | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 70 | 74,000,000 | |||
| 29 | Java SE8 Programming | چهارشنبه 17:00 تا 21:00 | 03-02-12 | 50 | 54,000,000 | |||
| 30 | SQL Server 2022 Database Development | یکشنبه, سه شنبه 17:30 تا 20:30 | 03-02-18 | 60 | 51,000,000 | |||
| 31 | SQL Server 2022 Database Development آنلاین | شنبه 19:00 تا 22:00 | 03-02-22 | 60 | 44,000,000 | |||
مقالات مرتبط با کامپیوتر و آی تی
مجتمع فنی تهران نمایندگی سید خندان
لیست دوره های ارائه شده در دپارتمان وب و برنامه نویسی
| ردیف | عنوان دوره | روزهای تشکیل | تاریخ شروع | تعداد ساعت | شهریه (ریال) | توضیح | پیش نیاز | |
|---|---|---|---|---|---|---|---|---|
| 1 | Programming with Python | جمعه 08:00 تا 13:00 | 03-02-07 | 60 | 58,000,000 | |||
| 2 | Programming with Python | شنبه, دوشنبه 17:30 تا 20:30 | 03-02-17 | 60 | 58,000,000 | |||
| 3 | (آنلاین) programming with python | شنبه, دوشنبه 17:30 تا 20:30 | 03-02-17 | 60 | 47,000,000 | |||
| 4 | مقدمه ای بر الگوریتم و برنامه نویسی | پنجشنبه 08:00 تا 13:00 | 03-02-13 | 37 | 26,000,000 | |||
| 5 | Web Design I (HTML5, CSS3 with Dreamweaver) | جمعه 13:00 تا 18:00 | 03-02-14 | 58 | 43,000,000 | |||
| 6 | (آنلاین) Python Web Development With Django | جمعه 13:00 تا 18:00 | 03-01-31 | 50 | 47,000,000 | |||
| 7 | Python Web Development With Django | جمعه 13:00 تا 18:00 | 03-01-31 | 50 | 59,000,000 | |||
| 8 | Web Design I ( HTML5, CSS3 with Dreamweaver) آنلاین | جمعه 13:00 تا 18:00 | 03-02-14 | 58 | 34,000,000 | |||
| 9 | Data Analysis with Python | جمعه 08:00 تا 13:00 | 03-02-21 | 30 | 33,000,000 | |||
| 10 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | شنبه, چهارشنبه 18:00 تا 20:30 | 03-02-29 | 34 | 39,000,000 | استاد جوان میر | ||
| 11 | Web Design II (Responsive Design with Bootstrap, Less & Sass) | پنجشنبه 13:00 تا 18:00 | 03-03-03 | 34 | 39,000,000 | استاد رضاوند | ||
| 12 | Web Design II (Responsive design with bootstrap , Less & Sass) آنلاین | پنجشنبه 13:00 تا 18:00 | 03-03-03 | 34 | 32,000,000 | استاد رضاوند | ||
| 13 | Web Design III (JavaScript & JQuery & Ajax) | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 58 | 70,000,000 | |||
| 14 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 58 | 57,000,000 | |||
| 15 | Web Design III (JavaScript & JQuery & Ajax) | جمعه 09:00 تا 13:00 | 03-02-14 | 58 | 70,000,000 | |||
| 16 | Web Design III (JavaScript & jQuery & Ajax) آنلاین | جمعه 09:00 تا 13:00 | 03-02-14 | 58 | 57,000,000 | |||
| 17 | ReactJS | پنجشنبه 08:00 تا 13:00 | 03-02-13 | 40 | 56,000,000 | |||
| 18 | بهینه سازی برای موتورهای جست و جو- SEO | پنجشنبه 16:00 تا 20:00 | 03-02-13 | 40 | 52,000,000 | |||
| 19 | Wordpress & WooCommerce Essential Training | جمعه 09:00 تا 13:00 | 03-02-07 | 35 | 32,000,000 | |||
| 20 | دوره طراحی رابط و تجربه کاربری (UI/UX) | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 40 | 47,000,000 | |||
| 21 | برنامه نویسی به زبان ++C | جمعه 13:00 تا 18:00 | 03-02-14 | 60 | 48,000,000 | |||
| 22 | برنامه نویسی به زبان ++C آنلاین | جمعه 13:00 تا 18:00 | 03-02-14 | 60 | 39,000,000 | |||
| 23 | C# Programming | چهارشنبه 16:00 تا 20:00 | 03-02-12 | 60 | 49,000,000 | |||
| 24 | C# Programming آنلاین | چهارشنبه 16:00 تا 20:00 | 03-02-12 | 60 | 40,000,000 | |||
| 25 | Microsoft ASP.net MVC | جمعه 08:00 تا 13:00 | 03-02-21 | 60 | 78,000,000 | |||
| 26 | PHP & MYSQL Web Development | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 80 | 79,000,000 | |||
| 27 | PHP & MYSQL Web Development آنلاین | پنجشنبه 09:00 تا 13:00 | 03-02-13 | 80 | 63,000,000 | |||
| 28 | Android Pack | پنجشنبه 13:00 تا 18:00 | 03-02-13 | 70 | 74,000,000 | |||
| 29 | Java SE8 Programming | چهارشنبه 17:00 تا 21:00 | 03-02-12 | 50 | 54,000,000 | |||
| 30 | SQL Server 2022 Database Development | یکشنبه, سه شنبه 17:30 تا 20:30 | 03-02-18 | 60 | 51,000,000 | |||
| 31 | SQL Server 2022 Database Development آنلاین | شنبه 19:00 تا 22:00 | 03-02-22 | 60 | 44,000,000 | |||