برنامه نویس زبان HTML  برای طراحی صفحات web  کسی است که علاوه بر مهارت کارور عمومی رایانه شخصی با استفاده از وب (web) توانایی بکارگیری برنامه های قابل استفاده در وب با شناخت کاربر نرم آزارهای کمکی، کار با ساختار زبان برنامه نویسی HTML کار با متن، کار با پیوندها links کار با چند رسانه ای multi media در صفحات وب، دسته بندی اطلاعات با استفاده از لیست ها و جداول ، بکار گیری زیر صفحه ها، برقراری ارتباط با کاربران بوسیله پرسشنامه و برقراری ارتباط HTML  با کدهای دیگر ، توانایی طراحی صفحات WEB  را داشته باشد.

 دوره  «برنامه نویس زبان HTML برای طراحی صفحات وب »

مطابق با  استاندارد  شماره 84/75/1/3-1 سازمان  آموزش فنی   و  حرفه ای در آموزشگاه عامری

برنامه نویس زبان HTML  برای طراحی صفحات web  کسی است که علاوه بر مهارت کارور عمومی رایانه شخصی با استفاده از وب (web) توانایی بکارگیری برنامه های قابل استفاده در وب با شناخت کاربر نرم آزارهای کمکی، کار با ساختار زبان برنامه نویسی HTML کار با متن، کار با پیوندها links کار با چند رسانه ای multi media در صفحات وب، دسته بندی اطلاعات با استفاده از لیست ها و جداول ، بکار گیری زیر صفحه ها، برقراری ارتباط با کاربران بوسیله پرسشنامه و برقراری ارتباط HTML  با کدهای دیگر ، توانایی طراحی صفحات WEB  را داشته باشد.

فهرست توانایی های شغل  «برنامه نویس زبان HTML  برای طراحی صفحات  WEB»

1 – توانایی بکار گیری وب (WEB)

2 – توانایی بکار گیری برنامه های قابل استفاده در وب

3 – توانایی تشخیص کاربرد نرم افزارهای کمکی

4 – توانایی کار با ساختار اصلی زبان برنامه نویسی  HTML

5 – توانایی کار با متن

6 – توانایی کار با پیوند ها (Hyper Links)

7 – توانایی کار با چندرسانه ای (Multimedia) در صفحات وب

8 – توانایی دسته بندی اطلاعات با استفاده از لیست ها

9 – توانایی سازمان دهی اطلاعات با استفاده از جداول

10 – توانایی بکار گیری زیرصفحه ها با استفاده از قابل ها (FRAMES)

11 – توانایی برقراری ارتباط با کاربران بوسیله پرسشنامه ها (FORMS)

12 – توانایی برقراری ارتباط HTML  با کدهای دیگر

آموزش طراحی وب با HTML – مقدماتی 

Bottom of Form

برنامه نویس زبان HTML  برای طراحی صفحات WEB  کسی است که علاوث بر مهارت کارور عمومی رایانه شخصی با استفاده از وب (web) توانایی بکارگیری برنامه های قابل استفاده در وب با شناخت کاربرد نرم افزارهای کمکی، کار با ساختار زبان برنامه نویسی  HTML  کار با متن، کار با پیوند ها ، کار با چند رسانه ای در صفحات وب، دسته بندی اطلاعات با استفاده از لیست ها و جداول ، بکار گیری زیرصفحه ها ، برقراری ارتباط با کاربران بوسیله پرسشنامه ها و برقراری ارتباط  HTML  با کدهای دیگر، توانایی طراحی صفحات وب WEB  را داشته باشد.

ویژگی های کارآموز ورودی:

حداقل تحصیلات : دیپلم

حداقل توانایی جسمی : متناسب با شغل مربوطه

مهارت های پیش نیاز این استاندارد : کارور عمومی رایانه شخصی

HTML  یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. این تگ‌ ها به مرورگر اعلام می‌ کنند، که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود.

توضیحات تکمیلی

HTML یک زبان نشانه‌ گذاری است، به اين معنی که بخش‌ های مختلف توسط اجزايی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. اين تگ‌ ها به مرورگر اعلام می‌ کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود. در این فرادرس به آموزش طراحی وب با HTML به صورت مقدماتی می پردازیم.

 HTML زبان بنیادی طراحی وب

وقتی حرف از طراحی وب‌ سایت به میان می‌ آید، ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می‌ شود. واژه HTML (اچ‌ تی‌ ام‌ ال) مخفف Hyper Text Markup Language به معنی زبان نشانه‌ گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود. به طور دقیق‌ تر، شما وب‌ سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می‌کنید، این وب‌ سایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود.

XHTML  مخفف Extensible Hyper Text Markup Language است و تقریبا همانند  HTML4 می باشد و این آموزش بر اساس XHTML 1.0 است. پس از مشاهده این آموزش برای تثبیت بهتر مطالب می توانید به آموزش پروژه محور HTML و CSS لینک (+) نیز مراجعه نمایید.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

• درس اول: مقدمات HTML
  • معرفی HTML
  • شروع کار با HTML
  • مفهوم تگ یا نشانه
  • تگ html
  • تگ head
  • تگ body
  • تگ meta و استفاده از آن برای تعیین Encoding صفحه
  • تگ title و مزایا و نقش آن در SEO
  • معرفی مفهوم SEO یا Search Engine Optimization
  • تگ p برای ایجاد پاراگراف
  • معرفی خصوصیت style و مفهوم آن
  • معرفی خصوصیات مهم موجود در Style از قبیل font-size, width, height, color, background-color, background-image, font-weight, text
  • align, direction و …
  • معرفی تگ‌های Heading و نقش آن در SEO
  • معرفی تگ span
  • معرفی موجودیت (Entity) ها در HTML از جمله برای فاصله گذاری
  • معرفی تگ br
• درس دوم: تگ های Text Formatting
  • تگ b
  • تگ i
  • تگ u
  • تگ strong و نقش آن در SEO
  • تگ em و مفهوم آن
  • اشاره ای به وب معنایی
  • تگ های big, small, del, ins, mark, sup, sub, blockquote, q , abbr, address, cite, samp, code, kbd, code, pre, var
• درس سوم: Link Building
  • معرفی تگ a و خصوصیت href برای ایجاد لینک
  • انواع آدرس دهی و تفاوت آن ها
  • نکات مربوط به SEO
  • خصوصیت title
  • خصوصیت target
  • ایجاد Bookmark با استفاده از تگ a و خصوصیت name
• درس چهارم: عکس ها در صفحه وب
  • معرفی تگ img و خصوصیت src
  • معرفی خصوصیات title و alt
  • گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
  • استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس
• درس پنجم: مروری بر CSS
  • بررسی اشکالات گذاشتن Style به صورت inline
  • معرفی تگ style
  • مفهوم انتخاب گر یا selector در CSS و بررسی چند selector از قبیل id و class
  • معرفی Style به صورت external و معرفی مفهوم CSS و تگ link
• درس ششم: لیست ها
  • تگ ol و لیست مرتب
  • تگ ul و لیست نامرتب
  • معرفی خصوصیات type و start
  • تعیین عکس به عنوان bullet برای لیست
• درس هفتم: جدول
  • معرفی تگ table
  • استفاده از تگ های tr و td در جدول
  • خصوصیات border, align, valign, width, colspan, row
  • تگ های colgroup, tfoot, thead, tbody
• درس هشتم: تگ div
  • معرفی مفهوم و موارد استفاده تگ div
  • کنار هم چیدن div ها برای قالب بندی صفحه
  • مفهوم position و مختصات left و top
  • مفهوم float
  • قالب بندی یک صفحه با div
  • مفهوم clear
• درس نهم: فرم در صفحه وب
  • تگ form
  • کنترل های فرم برای برنامه نویسی در html4 و html5
  • تگ های input با انواع button, text, checkbox, radio, submit , reset, password, number, color, date, range
  • تگ textarea
  • تگ select و option برای ایجاد Dropdown
  • تگ datalist
• درس دهم: مدیا در صفحه وب
  • معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
  • معرفی تگ audio
  • تگ object
  • تگ embed
• درس یازدهم: تگ های درون head و مفهوم DOCTYPE
  • معرفی انواع تگ های meta
  • تگ base
  • مفهوم DOCTYPE و معرفی انواع نسخه HTML
• درس دوازدهم: مروری مختصر بر رنگ ها

مشهد: قاسم آباد بلوار ادیب نیشابوری – نرسیده به ادیب 51 پلاک 507

تلفن 5136572256

09151232289