گروه: | طراحی سایت |
دوره: | طراحی سایت با HTML – CSS |
پیش نیاز: | ندارد |
مدت: | 1 ماه |
HTML – CSS چیست؟
HTML (اچ تی ام ال)، زبان توصیف ساختار صفحههای وب است. HTML مخفف Hyper Text Markup Language به معنی نشانه گذاری ابرمتن است.
HTML زبانی استاندارد است برای نشانهگذاری ابرمتن که برای تدوین قالب و طراحی صفحات وب، چه صفحات سمت سرور و چه صفحات سمت کاربر، به کار می رود. به عبارت دیگر، مرورگرها و Browserهایی مانند کروم، موزیلا و … کدهای سمت سرور مانند ASP و PHP را نمی شناسند و فقط کدهای HTML را می فهمند. دستورعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آنها، نشانهگذاری شده و بدینترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف میشود. هر Tagبه عنوان بخشی از صفحه استفاده می شود که دارای خصوصیت های منحصر به فردی است که این خصوصیات به مرورگرها نحوه نمایش Tag ها را توضیح می دهند.
CSS (سی اس اس) یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. هدف اصلی در طراحی CSS جدا کردن محتوای متنی فایل ها از شیوه نمایش آنهاست. محتوای متنی فایل ها به زبان HTML و دیگر زبان های وب نوشته می شوند اما شیوه نمایش آنها توسط CSS نوشته می شود.
سرفصل های دوره آموزش طراحی سایت با HTML – CSS در آموزشگاه کامپیوتر پرتو!
مبحث اول دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آشنایی با اصول اولیه طراحی سایت
شروع دوره آموزشی با مبحث HTML
آشنایی با صفحات استاتیک (Static)
آشنایی با صفحات داینامیک (Daynamic)
HTML چیست؟
آموزش ساختار صفحات درون HTML
آموزش تگ ها(Tag) درون HTML
آموزش عناصر در HTML
آموزش انواع نسخه های HTML
تعریف مرورگرهای وب
ویرایشگرهای HTML
معرفی نرم افزارهای معروف برای کد نویسی HTML
آموزش کدنویسی اصولی در ویرایشگرهای کد HTML
مبحث دوم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: پایه و اساس HTML
پایه و اساسHTML
معرفی اجمالی تگ ها و مشاهده نمونه کارهای HTML
معرفی عنوان (Heading) در HTML
معرفی پاراگراف در HTML
معرفی لینک ها در HTML
معرفی عکس ها در HTML
آموزش عناصر در HTML
تعریف عناصر در HTML
آموزش ساختار عناصر در HTML
آموزش عناصر تهی و غیر تهی در HTML
آموزش تگ شروع و تگ پایان عناصر در HTML
انجام تمرین مربوط به عناصر در HTML
مبحث سوم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آموزش صفات و تگ ها در HTML
آموزش صفات (Attribute) در HTML
معرفی صفات در HTML
آموزش صفت کلاس (Class) در HTML
آموزش صفت آی دی (id) در HTML
آموزش صفت Title در HTML
آموزش صفت Style در HTML
انجام تمرین مربوط به صفات در HTML
آموزش تگ های قالب بندی متون در HTML
آموزش تگ پاراگراف P در HTML
آموزش تگ hr در HTML
آموزش ایجاد توضیحات (کامنت) در HTML
آموزش تگ br در HTML
آموزش تگ b در HTML
آموزش تگ i در HTML
آموزش تگ del در HTML
آموزش تگ ins در HTML
آموزش تگ small در HTML
آموزش تگ strong در HTML
آموزش تگ em در HTML
آموزش تگ sup در HTML
آموزش تگ sub در HTML
آموزش تگ s در HTML
انجام تمرین جامع و کامل مربوط به قالب بندی متون در HTML
مبحث چهارم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آموزش لینک ها و تگ Head در HTML
آموزش تگ های عنوان (Heading) در HTML
آموزش ساختار تگ های عنوان
آموزش اهمیت تگ های عنوان در موتورهای جستجو و سئو
انجام تمرین مربوط به تگ های عنوان در HTML
آموزش لینک ها در HTML
آموزش ساختار لینک (Link)ها در HTML
آموزش تگ a در HTML
آموزش صفت href در تگ a
آموزش صفت target در تگ a
آموزش صفت title در تگ a
انجام تمرین مربوط به لینک ها درHTML
آموزش تگ (Head) در HTML
آموزش تگ title در تگ head
آموزش تگ Link در تگ head
آموزش تگ style در تگ head
آموزش تگ meta و انواع آن در HTML
آموزش تگ Script در تگ head
آموزش Image عکس ها در HTML
آموزش تگ img در HTML
آموزش صفت src در HTML
آموزش صفت alt در HTML
آموزش صفت width و height در HTML
انجام تمرین مربوط به عکس ها در HTML
مبحث پنجم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آموزش جداول و لیست ها در HTML
آموزش جداول در HTML
آموزش تگ table در HTML
آموزش صفت border در تگ table
آموزش صفت tr در تگ table
آموزش صفت td در تگ tr
آموزش صفت تگ th در تگ table
انجام تمرین مربوط به جداول در HTML
آموزش لیست ها در HTML
آموزش لیست های مرتب و نامرتب در HTML
آموزش تگ ul در HTML
آموزش تگ li در تگ ul
آموزش تگ ol در HTML
آموزش تگ dt در HTML
آموزش تگ dd در تگ dt
انجام تمرین مربوط به لیست ها در HTML
مبحث ششم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آموزش عناصر بلوک، فرم ها و رنگ ها در HTML
آموزش عناصر بلوک در HTML
معرفی ساختار تگ های بلوک
معرفی ساختار تگ های درون خطی (Inline)
تگ table در HTML
تگ ul در HTML
تگ p در HTML
تگ h1 در HTML
آموزش تگ div در HTML
آموزش تگ span در HTML
انجام تمرین مربوط به عناصر بلوک در HTML
آموزش Form فرم ها در HTML
آموزش تگ from در HTML
آموزش تگ input درون تگ form
آموزش صفت نوع text درون تگ input
آموزش صفت نوع password درون تگ input
آموزش صفت نوع radio درون تگ input
آموزش صفت نوع checkbox درون تگ input
آموزش صفت نوع submit درون تگ input
آموزش صفت نوع reset درون تگ input
آموزش صفت نوع textarea درون تگ Input
آموزش تگ legend درون تگ form
آموزش تگ option در HTML
انجام تمرین مربوط به فرم ها در HTML
آموزش رنگ ها در HTML
آموزش ساختار رنگ ها در HTML
آموزش رنگ های معروف طراحی سایت
آموزش نام رنگ ها در HTML
آموزش کد هگزادسیمال (Hexadecimal) رنگ ها در HTML
آموزش RGB رنگ ها در HTML
انجام تمرین مربوط به رنگ ها در HTML
مبحث هفتم دوره آموزش طراحی سایت با HTML – CSS مقدماتی: آموزش CSS
آموزشCSS
آموزش پیاده سازی CSS درون HTML
آموزش استایل نویسی خارجی (External) در HTML
آموزش استایل نویسی چندگانه در CSS
آموزش استایل نویسی آبشاری در CSS
آموزش صفات در CSS
آموزش صفت Background-color در CSS
آموزش صفت border در CSS
آموزش صفت text-decoration در CSS
آموزش صفت font-family در CSS
آموزش صفت font-style در CSS
آموزش صفت font-size در CSS
و …
تدریس خوب استاد موسوی باعث ادامه مسیر طراحی وب و ایجاد انگیزه شدو من ترغیب شدم در دوره های دیگه آکادمی پرتو شرکت کردم.
سرکار خانم محبی
خوشحالیم که از نحوه تدریس استاد و محتوای دوره آموزشی، راضی بودید.
بدون شک هدف ما همین است که شاگردان از محتوای دوره، راضی باشند.
اولش من این دوره رو با شک و تردید شروع کردم اما…
اما بعد از گذشت شاید 8 یا 10 ساعت بدون اینکه متوجه بشم چطور,مشغول طراحی صفحه ی اول دیجی کالا بودم…حیرت انگیز بود…
استاد بسیار مسلط..طوری که دقیقا می دونست باید چی بگه که ما طراحی سایت رو یاد بگیریم…به شخصه از استاد موسوی متشکرم و باید بگم که کلاس های طراحی سایت پرتو,به شرطی که استاد موسوی درس بدن,یکی از بهترین کلاس های طراحی سایت تهران هست.
من دوره html و بوت استرپ رو گذروندم…
بهار رحیمی عزیز
خرسندیم که در آموزشگاه طراحی سایت پرتو، دوره تخصصی طراحی سایت را گذرانده اید و موفق به طراحی وب سایتی شبیه دیجی کالا شده اید.
خوشحالیم که لقب بهترین آموزشگاه کامپیوتر تهران را به ما نسبت دادید.
رضایت شما، آرزوی ماست.
با اینکه تو هنرستان و دانشگاه با html/css سر و کار داشتم، اما وقتی تو دوره های html/css آکادمی پرتو شرکت کردم تازه درک درستی ازشون پیدا کردم و بعد از یادگیری تونستم به طور واقعی ازش استفاده کنم و هر سایتی که میبینم رو بتونم از 0 تا 100 با html/css بزنم. من به همه دوستانی که مایل و علاقه مند به یادگیری طراحی وب هستند، حتما این دوره رو بهشون پیشنهاد میکنم.
مصطفی کلهر عزیز!
خرسندیم که توانستیم رضایت شما را در دوره طراحی سایت با HTML/CSS کسب کنیم.
این باعث افتخار ماست.
شیوۀ تدریس مهندس موسوی طوریه که هر شخصی با هر سطح تحصیلی و سواد ، میتونه کاملاً متوجه درس مورد نظر بشه . بیان روان ، ساده و قابل فهم استاد باعث شده که بنده قالب سایت تخفیفان و دیجی کالا رو به راحتی طراحی کنم. در ضمن پروژه محور بودن کلاسها باعث تهیه رزمه برای جذب بازار کار شده . بی نهایت ممنون و سپاسگذارم .
مصطفی چگینی عزیز
خوشحالیم که در کنار شما بوده ایم تا بتوانید قالب سایت تخفیفان و دیجی کالا را طراحی کنید.
طراحی قالب تخفیفان و طراحی قالب دیجی کالا جز سخت ترین قالب های ایران هستند و طراحی آنها نیاز به دانش و تمرین فراوان دارد.
خرسندیم.