ورود به تپل آموز

کلمه عبور را فراموش کرده ام
ورود/ثبت نام
کاربر جدید هستید؟ ثبت نام
سبد خرید
0

آموزش HTML , CSS نشر پرند

۱۴۵,۰۰۰ تومان

برند

پرند

نوع آموزش

اینتراکتیو

قابل اجراء در

کامپیوتر و لبتاب

تعداد DVD

2 عدد

نوع DVD

DVD 9




نقد و بررسی

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

آموزش HTML , CSS نشر پرند شامل 142 درس می باشد که در قالب 2 عدد dvd9 ارائه می گردد که از سطح مقدماتی تا پیشرفته html,css را به شما آموزش می دهد. آموزش HTML , CSS نشر پرند را هم اکنون می توانید از سایت تپل آموز با تخفیف ویژه تهیه نمایید

آموزش HTML , CSS نشر پرند

آموزش HTML , CSS نشر پرند

شماره مجوز: ۸۰۲۳۷۸۰۵۴۹۶۲

HTML و CSS چیست؟

اگر شما هم طراح وب باشید و به این مقوله علاقه داشته باشید و فعالیت در این زمینه و یادگیری بیشتر یکی از اهداف شما باشد،

از جمله بدیهی ترین اطلاعاتی که لازم است به آن تسلط پیدا کنید؛ مفاهیم مرتبط با اچ تی ام ال (HTML) و سی اس اس (CSS) می باشد.

به عبارتی دانش بنیادی ای که هر شخص طراح آموخته و در کار خود به کار گرفته است،

همین زبان نشانه گذاری متن می باشد که از طریق آن می توانید کدهایی را ایجاد کنید که هر یک منجر به نمایش

یک سری از ویژگی ها در صفحات وب خواهند شد. دنیای طراحی وب دنیایی است شلوغ و پر رقابت ، بنابراین

اگر واقعا قصد دارید به جایی برسید؛ باید تلاش کنید و بیشتر بیاموزید و نمونه کارهای بیشتری را طراحی نمایید.

امروزه، با توجه به تغییراتی که در سبک بازاریابی و تبلیغات حاصل شده است ؛ طراحی سایت به عنوان

یک مهارت جهانی در نظر گرفته می شود. شما در هر کشوری از دنیا که زندگی کنید با تسلط بر web design می تواند

درآمد زایی داشته باشید اما کسی موفق است که اصولی و حرفه ای می آموزد و در نهایت حرفه ای نیز کار می کند.

Html و css از مهمترین استانداردهای تصویب شده وب می باشند و برای ورود به این شغل، لازم است

تا با مفاهیم مرتبط با آن ها آشنا شوید که در ادامه ی این مطلب به اختصار به معرفی آنها پرداخته شده است.

HTML چیست؟

اچ تی ام ال برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان

نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد.

معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد،

به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات

را در این قسمت ها  به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید.  توجه داشته باشید

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

متشکل از markup tag ها و دارای پسوند htm و یا html می باشند. این صفحات را می توان در برنامه های

مختلف ادیتور مثل Notepad, Visual Stadio, dearm weaver و …. ویرایش  کرد و تغییر داد.

در زبان htmlبخش ها و کدهای مختلف  ( سمت سرور و سمت کلاینت ) توسط ” تگ ” از هم جدا می شوند

و همین تگ ها ابزاری برای چگونگی نمایش دادن اطلاعات در صفحات وب و توسط مرورگرها هستند.

در واقع تگ ها اشکال مختلف نمایش عناصر مختلف یک صفحه ی وب را تعیین می نمایند.

یا  HTML یک زبان برنامه نویسی است؟

خیر ،اما به عنوان یک رابط به راحتی می تواند با زبان های پیشرفته ی برنامه نویسی مثل asp  و php ارتباط برقرار نماید

و جالب است بدانید که تمام برنامه های مرورگری که برای مشاهده ی صفحات وب به وجود امده اند از طریق

اچ تی ام ال قادر به درک کدهای زبان های برنامه نویسی شده هستند، یعنی این کدها کامپایل شده

و به کد قابل فهم برای مرورگرها تبدیل می شوند و در پایان توسط برنامه ی web browser برای کاربران به نمایش در می ایند.

یادگیری Html اصلا سخت نیست و با توجه به مجموعه کدهای مستندی که از آن وجود دارد، می توانید

با صرف وقت و تمرین کافی، به آن مسلط شوید و به راحتی بخش ها و المنت های مختلف یک صفحه ی اینترنتی را طراحی نمایید.

برخی از تگ های اچ تی ام ال مرتبط با موضوع بهینه سازی یک صفحه ی وب برای موتورهای جستجو هستند

و به صورت مستقیم بر seo تسایت تاثیر می گذارند، برای مثال : تگ title, description و تمامی تگ های

مرتبط با ویرایش و تغییرات متن نظیر  بولد یا ایتالیک کردن، لینک دادن به صفحات دیگر و …

بر این اساس یک طراح وب سایت که به HTML و CSS مسلط باشد، می تواند با اطلاع از انواع تگ ها و نحوه ی

استایل دهی، یک قالب سایت را از ابتدا کدنویسی کند به گونه ای که فاقد کدهای مخرب و خطا باشد

و اصول سئو نیز در آن رعایت شده باشد. قطعا طراحانی که به طراحی تمپلیت تسلط دارند،

موفق تر از کسانی هستند که از قالب ها و کدهای آماده استفاده می کنند.

CSS چیست؟

Css کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛

استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده

از اچ تی ام ال تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود.

تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب،

با استفاده از css تعیین خواهند شد. این خصوصیات هر تغییری که داشته باشند توسط مرورگرها برای کاربران قابل نمایش خواهند بود؛

زیرا سی اس اس یک استاندارد مشخص تعریف شده برای برنامه های مرورگر اینترنت است و به همین دلیل

می توان یک صفحه ی وب را در مرورگرهای مختلف به صورت یکسان دید. معمولا در شیوه های نوین طراحی سایت تمامی

کدهای مرتبط با css در یک فایل جداگانه قرار می گیرد و دیگر از استایل دهی inline ( در داخل هر تگ HTML ) استفاده نمی شود؛

زیرا این کار از لحاظ سئو برای صفحات وب مناسب نیست. پس در یک تعریف کلی با استفاده از

css می توان فرم و استایل دلخواه را برای یک صفحه ی وب ایجاد کرد به گونه ای که زیبا، جذاب، کاربردی و کاربرپسند باشد

علاقه‌مندان به طراحی صفحات وب لازم‌ است با زبان‌های برنامه‌نویسی از جمله؛ HTML و CSS آشنایی داشته‌ باشند.

شرکت نرم‌افزاری «پرند» برای سهولت کار علاقه‌مندان به یادگیری این برنامه‌ها، اقدام به انتشار محصول پیش رو تحت عنوان

«آموزش HTML و CSS» در سه سطح مقدماتی، متوسط و پیشرفته کرده است. آموزش این دوزبان از آن رو‌ است

که هردو مکمل یکدیگر هستند. HTML نمایش متن و مشخه‌های یک صفحه روی مرورگر را به‌خوبی پشتیبانی می‌کند

و CSS با مشخص‌کردن نحوه نمایش عناصر در صفحه، به زیباسازی و صفحه‌آرایی آن کمک می‌کند.

آموزش HTML , CSS نشر پرند شامل ۱۴۲ درس می باشد که در قالب ۲ عدد dvd9 ارائه می گردد

که از سطح مقدماتی تا پیشرفته html,css را به شما آموزش می دهد

آموزش HTML , CSS نشر پرند را هم اکنون می توانید از سایت تپل آموز با تخفیف ویژه تهیه نمایید

شامل نسخه نهایی برترین ادیتورهای مورد نیاز در آموزش CSS و HTML نظیر

Notepad++ ،Adobe Dreamweaver ،UltraEdit Professional ،Brackets ،Sublime Text و… می باشد.

در صورت نیاز، پس از نصب هر یک از نرم افزارها با مراجعه به پوشه برنامه در دیسک و مشاهده فیلم آموزشی، نرم افزار را بر روی سیستم خود فعال کنید.

به‌همراه بهترین ادیتورهای HTML و CSS

Adobe Dreamweaver CC 2015 16.1.3

Aptana Studio 3.6.1

Atom 1.9.8

Blumentals HTMLPad 2016 14.0.0.184

Blumentals Rapid CSS 2016 14.0.0.184

Blumentals WeBuilder 2016 14.0.0.184

Brackets 1.7.0.16898

CoffeeCup HTML Editor 15.3.797

Notepad++ 6.9.2

Sublime Text 3.3083

SynWrite 6.22.2290

UltraEdit Professional 23.20.0.28

WYSIWYG Web Builder 10.4.1

 

آنچه در مجموعه آموزش HTML , CSS نشر پرند خواهید آموخت:

آموزش HTML , CSS نشر پرند – دوره مقدماتی

١ – مبانی اولیه

مقدمه – آشنایی با برنامه نویسی Web – نحوه عمکلرد وب سایت ها – آشنایی با تگ ها

٢ – ایجاد یک HTML ساده
کدنویسی HTML – ویرایش فایل HTML

٣ – کار با Dreamweaver
آشنایی با تگ های متنی – درج فاصله و ایجاد خط جدید

۴ – قالب بندی متن
قالب بندی متن (١) – قالب بندی متن (٢) – قالب بندی متن (٣)

۵ – کاربرد دستور Style
کاربرد دستور Style (١) – کاربرد دستور Style (٢)

۶ – کار با تگ Span
آشنایی با تگ Span – کاربرد تگ Span

٧ – کار با رنگ ها
کار با رنگ ها

٨ – درج و دسته بندی لینک ها
درج لینک – دسته بندی لینک ها

٩ – روش Document Relative
روش Document Relative (١) – روش Document Relative (٢)

١٠ – تنظیمات لینک ها
کار با ویژگی Target – پیمایش صفحه توسط لینک ها – ایجاد لینک ایمیل

١١ – ویژگی Direction
ویژگی Direction

١٢ – کار با لیست ها
ایجاد لیست ها – استایل های لیست

١٣ – ترسیم جدول
طرح بندی توسط تگ Table – کار با پانل DOM

١۴ – کار با Colspan و Rowspan
کار با Colspan – کار با Rowspan

١۵ – ایجاد جداول پیشرفته
ایجاد جدول های تو در تو – تنظیم فواصل سلول ها

١۶ – طرح بندی توسط تگ Div
طرح بندی توسط تگ (Div (۱ – طرح بندی توسط تگ (Div (۲

١٧ – طرح بندی در HTML5
طرح بندی در HTML5

١٨ – کار با CSS
آشنایی با CSS – ساختار دستورات CSS – ایجاد یک فایل CSS – درج ویژگی در CSS

١٩ – ویرایش کدهای CSS
ویرایش کدهای CSS (١) – ویرایش کدهای CSS (٢)

٢٠ – آزمون های عملی
۶ دوره آزمون عملی

آموزش HTML , CSS نشر پرند – دوره متوسط

١ – آشنایی با Class و ID

آشنایی با مفهموم Class – آشنایی با مفهوم ID

٢ – کار با کلاس ها
استفاده از کلاس ها – اعمال کلاس ها روی تگ های خاص

٣ – کار با انواع Selector
کار با Descendant Selector – کار با Pseudo Selector

۴ – واحدهای اندازه گیری
واحدهای اندازه گیری

۵ – کنترل مکان و حاشیه تگ ها
آشنایی با Float و Clear – تنظیم لبه ها

۶ – درج و ویرایش تصاویر
افزودن تصویر – تغییر ابعاد تصویر – درج لینک بر روی تصویر

٧ – کار با تصویر پشت زمینه
درج تصویر پشت زمینه – ویژگی Background-Repeat – ویرایش تصویر پشت زمینه

٨ – درج تصویر پشت زمینه تگ
درج تصویر پشت زمینه تگ (١) – درج تصویر پشت زمینه تگ (٢)

٩ – ویرایش تصویر پشت زمینه تگ
ویرایش تصویر پشت زمینه تگ (١) – ویرایش تصویر پشت زمینه تگ (٢)

١٠ – کار با Rollover Image
کار با Rollover Image

١١ – کار با Map
درج Map بر روی تصویر – ایجاد Map مستطیلی – ایجاد Map دایره ای و چندضلعی

١٢ – ایجاد گالری تصاویر
ایجاد گالری تصاویر (١) – ایجاد گالری تصاویر (٢) – ایجاد گالری تصاویر (٣)

١٣ – کار با Opacity
کار با Opacity

١۴ – کار با Navigation Bar عمودی
ایجاد Navigation Bar عمودی – ویرایش Navigation Bar عمودی – تنظیمات Navigation Bar عمودی

١۵ – کار با Navigation Bar افقی
ایجاد Navigation Bar افقی – تنظیمات Navigation Bar افقی

١۶ – ایجاد انواع Dropdown
ایجاد Dropdown ساده – ایجاد Dropdown پیشرفته

١٧ – کار با Iframe
مبانی استفاده از Iframe – ویژگی های Iframe (١) – ویژگی های Iframe (٢)

١٨ – کار با Frameset
ایجاد Frameset – مقدار دهی به Frameset

١٩ – ایجاد فرم های ورودی
کار با تگ Form – ساختار فرم تماس با ما – تگ های ورودی متن

٢٠ – آزمون های عملی
۶ دوره آزمون عملی

آموزش HTML , CSS نشر پرند – دوره پیشرفته

١ – ایجاد انواع دکمه

ایجاد دکمه ساده – ایجاد دکمه Submit و Reset – ایجاد دکمه تصویری و Button

٢ – امکان انتخاب گزینه ها
ایجاد Checkbox – ایجاد Radio Button

٣ – استفاده از تگ Output
استفاده از تگ Output

۴ – کار با تگ Select
کار با تگ Select (١) – کار با تگ Select (٢)

۵ – ایجاد Progress Bar
ایجاد Progress Bar

۶ – درج انواع Objectها
افزودن فایل های صوتی – افزودن فایل های ویدئویی – تگ های Embed و Object

٧ – کار با موتورهای مرورگر
کار با موتورهای مرورگر

٨ – کار با دستور Transform
چرخاندن محتویات یک تگ – مقادیر ویژگی Transform

٩ – ایجاد انیمیشن
ایجاد انیمیشن

١٠ – مدیریت انیمیشن
تنظیمات انیمیشن – کنترل سرعت انیمیشن

١١ – قانون Keyframe
استفاده از قانون Keyframe – کار با Keyframeها

١٢ – نقش CSS3 در طراحی
گرد کردن زوایا – ویژگی Border-Image – درج هم زمان تصاویر در CSS3

١٣ – کار با رنگ ها در CSS3
نقش رنگ ها در CSS3 – ایجاد گرادیان های خطی – ایجاد گرادیان ها دایره ای – کار با سایه ها

١۴ – مدیریت متن و فونت
کار با متن – کار با فونت ها – فراخوانی فونت ها

١۵ – مرور صفحات
مرور صفحات (١) – مرور صفحات (٢)

١۶ – ایجاد و ویرایش ستون
صفحات چند ستونی – جداکننده چند ستونی

١٧ – کار با صفحات Responsive
تغییر ابعاد توسط کاربر – ایجاد صفحات Responsive – استفاده از Grid-View

١٨ – کار با قانون Media
کار با قانون Media

١٩ – کاربرد قانون Media
قانون Media (١) – قانون Media (٢) – قانون Media (٣)

٢٠ – آزمون های عملی
۶ دوره آزمون عملی

مشاهده بخشی از آموزش HTML , CSS نشر پرند

 

به منظور دریافت ۱۰ درس منتخب از این محصول آموزشی بر روی لینک روبرو کلیک کنید: دریافت فایل (حجم تقریبی: ۶٩ مگابایت)

 

تماس با ما-تپل آموز

 

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

برند

پرند

نوع آموزش

اینتراکتیو

قابل اجراء در

کامپیوتر و لبتاب

تعداد DVD

2 عدد

نوع DVD

DVD 9

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “آموزش HTML , CSS نشر پرند”

دسته بندی محصولات

نرم افزار کمک درسی مداد

مجموعه نرم افزار

نرم افزار

کتاب زبان

آموزش هنری

آموزش آشپزی

مهارت فردی

دانشگاهی

کنکوری

دوازدهم انسانی

دوازدهم تجربی

دوازدهم ریاضی

یازدهم انسانی

یازدهم تجربی

یازدهم ریاضی

دهم انسانی

دهم تجربی

دهم ریاضی

پایه نهم

پایه هشتم

پایه هفتم

ششم دبستان

پنجم دبستان

چهارم دبستان

سوم دبستان

دوم دبستان

اول دبستان

ورزشی

طراحی و نقاشی

آموزش دیوان

آموزش ویولن سل

آموزش درامز

آموزش تنبور

آموزش تمبک

آموزش آواز و تصنیف خوانی

آموزش پیانو

آموزش تار

آموزش نی

آموزش کیبورد

آموزش دف

آموزش ویولن

آموزش سنتور

آموزش سه تار

آموزش ساز دهنی

آموزش سلفژ

آموزش آکاردئون

آموزش ساکسیفون

آموزش کلارینت

آموزش تومبا

آموزش فلوت

آموزش عود و بربط

آموزش کمانچه

آموزش گیتار

زبان هلندی

زبان هندی

زبان لاتین

زبان اندونزی

زبان فارسی

زبان پشتو

زبان یونانی

زبان عبری

زبان نروژی

زبان اسپانیایی

زبان ایتالیایی

زبان سوئدی

زبان ارمنی

زبان تایلندی

زبان پرتغالی

زبان دانمارکی

زبان ژاپنی

زبان کره ای

زبان روسی

زبان چینی

زبان گرجی

زبان ترکی استانبولی

زبان عربی

زبان فرانسه

زبان آلمانی

زبان انگلیسی

آهنگ سازی , میکس , مسترینگ و تدوین

کاربردی , اداری و سیستم عامل

فنی و مهندسی

گرافیک , طراحی,انیمیشن و بازی سازی

برنامه نویسی ,طراحی سایت و سئو

پزشکی و طب مکمل

موفقیت و کسب و کار

کودکان

آموزش موسیقی

کمک درسی

آموزش های هنری , ورزشی و موفقیت

آموزش زبان

آموزش و نرم افزار