آموزش ساخت HTML معنی دار
Crafting Meaningful HTML
- اسناد ساختاری
- شناسایی سرفصل ها و پاراگراف ها
- افزودن پیمایش معنایی
- کار با لیست های مرتب ، غیر مرتب و تعریف
- افزودن پیوندها و متن مورد تأکید
- افزودن تصاویر ، نقل قول ها و وقفه های خط
- شناسایی مشکلات معنایی
مقدمه Introduction
-
ایجاد HTML معنی دار Craft meaningful HTML
-
کار با CodePen Working with CodePen
-
کار با کد VS Working with VS Code
1. تبدیل محتوا به نشانه گذاری HTML معنایی 1. Convert Content to Semantic HTML Markup
-
محتوا را کاوش کرده و آن را به CodePen اضافه کنید Explore content and add it to CodePen
-
عناصر اصلی یک صفحه را شناسایی کنید Identify major elements of a page
-
عناوین و پاراگرافها را مشخص کنید Identify headings and paragraphs
-
مقاله ای با تأکید و پیوند را بهبود بخشید Enhance an article with emphasis and links
-
لیست های مرتب ، بدون هماهنگی و تعریف Ordered, unordered, and definition lists
-
چالش: ابتدا در نشانه گذاری مقاله عبور کنید Challenge: First pass at article markup
-
راه حل: ابتدا در نشانه گذاری مقاله عبور دهید Solution: First pass at article markup
2. بقیه صفحه را بسازید 2. Build the Rest of the Webpage
-
کد خود را از CodePen به کد ویژوال استودیو (کد VS) منتقل کنید Move your code from CodePen to Visual Studio Code (VS Code)
-
کد اصلی را درک کنید Understand the head code
-
ناوبری معنایی را اضافه کنید Add semantic navigation
-
تصاویر ، ارقام و زیرنویس ها را اضافه کنید Add images, figures, and figure captions
-
پاورقی ها را با آدرس ، زمان و تاریخ اضافه کنید Add footers with address, time, and date
-
نقل قول ها ، معافیت های خط و نقل قول ها را اضافه کنید Add quotes, line breaks, and citations
-
چه زمانی باید از عناصر div و span استفاده کنیم When to use div and span elements
-
چالش: مشکلات معنایی را مشخص کنید Challenge: Identify semantic problems
-
راه حل: مشکلات معنایی را مشخص کنید Solution: Identify semantic problems
نتیجه Conclusion
-
مراحل بعدی Next steps
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/baed
آموزش Adobe Photoshop | طراحی موبایل
Adobe Photoshop | Mobile Design
با نرم افزار Adobe Photoshop Mobile Design Project از ابتدا یک پروژه طراحی موبایل با 5 صفحه بسازید
آموزش کار با داده در وب
Working with Data on the Web
با استفاده از راه حل های ذخیره سازی وب مانند XML ، JSON ، YAML و HTML5 ، داده های ساده را بدون پایگاه داده ذخیره کنید.
آموزش قوانین طراحی: اصول + تمرین برای طراحی عالی UI
DESIGN RULES: Principles + Practices for Great UI Design
آموزش طراحی رابط کاربری قدرتمند برای برنامه ها، سایت ها و سیستم ها
آموزش ایجاد طراحی سایت ریسپانسیو
Creating Responsive Web Design
نحوه بهینه سازی صفحات وب خود را برای اندازه های مختلف صفحه نمایش و پلت فرم ها بیاموزید.
Jen Kramer
طراحی و توسعه وب را آموزش می دهد
جن به مشتریان، همکاران، دوستان و دانش آموزان در مورد آنچه وب سایت با کیفیت و نحوه ایجاد آن است. او چندین دوره آنلاین و حضوری در زمینه طراحی و توسعه وب تدریس می کند. جن علاوه بر کار به عنوان مربی و مربی، بیش از ۶۰ دوره آموزشی ویدئویی ایجاد کرده است. او برای کارهای طراحی وب آزاد، دوره های آموزشی سفارشی و تدریس خصوصی در دسترس است. جن مدرک لیسانس زیست شناسی و کارشناسی ارشد مدیریت استراتژی اینترنتی را کسب کرد.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.