Web Standards

Korean Class at CulcomDaejeon! Want to learn Korean for free? Join our Korean Class for Foreigners at Culcom Daejeon! Schedule: Every Monday & Tuesday, 7-8 PM Fee: FREE! Location: Culcom Daejeon • Why join? Improve your Korean conversation skills in a friendly environment Meet amazing people & make new friends Enjoy monthly parties, cultural events, and one-day classes as a Culcom member! How to Join? Text 010-3310-1638 to book a consultation and get started!

✨❣️🎆🎇🧡🌟Meeting new Korean friends in Daejeon (Free only for forigners)❣️🌟🎇🎆🧡 Time: 11:00AM-13:00PM // 18:00PM - 20:00PM every week on Monday, Tuesday, Wednesday, Thursday 11:00AM-13:00PM every weekend on Saturday, Sunday 👉 We are the awesome language exchange cafe with warm and great mood, you can learn language, and culture, meet new people, and make friends a lot( Foreigners & Korean) 🎷Free drinks, snacks and parties // Learning Korean for language exchange are available. 🌆🌌❣️ ❣️Please do not judge availability by current RSVPs through Meetup cause we’re much more active on other platforms as like Instagram and generally only receive a few RSVPs via Meetup. You can make many wonderful friends here!! Let’s make great moment altogether!!🎷🍻 Place: 1066 3rd floor, Dunsan-dong, Seo-gu, Daejeon our map [https://naver.me/xDJXc1Q1](https://naver.me/xDJXc1Q1)

안녕하세요! 대전 토스트마스터즈 이중언어 모임입니다. ✅️대중연설을 통해 학업과 커리어 발전이 필요하다. ✅️영어가 어느 정도 되는데 그 다음 정체되어 있다. ✅️성장 마인드의 사람들을 만나 함께 성장하고 싶다. ✅️전국을 넘어 전세계의 토스트마스터즈를 만나 커뮤니티를 형성하고 싶다. ✅️나는 성장이 목마르다! 이런 모든 분들께 저희 클럽을 강력히 추천합니다. 저희는 100년 전통의 국제적인 리더십 개발 및 대중연설을 연마하는 토스트마스터즈입니다. 미국에서 시작한 비영리 교육 단체이기에 영어 소통이 기본이지만, 대전 토스트마스터즈는 영어와 한국어를 모두 사용하는 이중언어모임으로 영어를 잘하셔도 못하셔도 모두 환영합니다. 성장 마인드셋을 가진 사람들과 끊임없이 소통하며 동반 성장하고 싶은 마음만 가지고 오세요. 저를 포함 정말 많은 분들이 토스트마스터즈에서 쌓은 대중연설 기술과 리더십 기술을 통해, 대학/대학원에서 장학금을 취득, 이직, 승진, 새로운 사업 시작 등 엄청난 삶의 변화를 경험하고 있습니다. 대전 토스트마스터즈는 대전 분만 아니라 서울, 대구, 세종 등에서 다양한 연령대의 멤버분들이 꾸준히 참여해주시고, 2025년부터 월 1회에서 월 2회로 모임을 확장했습니다! 가벼운 영어 회화가 아니라, 준비를 하고 대중연설을 하고, 듣고, 서로 건설적이고 지지적인 평가를 주고 받는 곳이라 성장이 간절한 분들께 적극 추천드려요. 물론 대중연설, 리더십 등의 기술을 떠나 저희는 매 모임 이후 함께 식사하고, 이벤트도 진행하고, 다른 지역 클럽과 조인트 미팅도 가지면서 정말 친하게 지내고 있어요 :) 놀러 오세요! 특히, 건강한 리더십이 필요하신 분들 여기 오셔서 함께 고민 나눕시다. 😄 *** 💬Contact Number (연락처) 010 7522 0017 (Hazel Lee) 🟡Open Kakao Chat Room (오픈채팅) https://open.kakao.com/o/g6Jram4f 참여코드: newdt 📩Email (이메일) hazel0711@ewha.ac.kr 위에 첨부한 연락처로 연락주세요. 전화번호가 가장 빠릅니다. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- ✅️ Do you want to improve your English and Korean language skills? ✅️ Are you looking for safe and engaging social gatherings in Daejeon? ✅️ Are you too shy to speak in front of people, but understand the value of public speaking and leadership skills? 🌏Come join us at Daejeon Toastmasters Club. *** ✳️What Do We Do? Daejeon Toastmasters Club hosts bilingual meetings (Korean & English), offering the perfect opportunity to hone your speaking skills in both languages. Toastmasters is a proven educational non-profit organization with over 100 years of history. Our meetings are well-structured, with members delivering speeches in English or Korean and receiving highly constructive and supportive feedback. If you feel stuck in your language journey and need a breakthrough, Toastmasters is the best place to start. ✳️Our Value We are committed to self-improvement by supporting and encouraging one another. We grow TOGETHER, not alone. You'll be surprised how supportive we are to each other. In addition to skill development, we provide fun social gatherings and mentoring opportunities!! ✳️I'm Not Good at Public Speaking... No matter your speaking skills or confidence level, it's perfectly okay—everyone starts somewhere. Our club includes a national speech contest finalist and speech contest organizers from Daejeon and across South Korea! We've all experienced moments of nervousness on stage as we worked to reach this level. In fact, we still have many members who are just beginning their journey in public speaking and eager to improve themselves! ✳️Who Can Join? Gender, age, nationality—none of it matters as long as you bring a growth mindset and respect for other members. Guests are always welcome!!! Feel free to make mistakes here and get ready to meet lifelong learner friends.🥰 ✳️Membership Fee? Visit our meeting for free! Even after becoming a member, the membership fee is only $10 per month. *** 🕙 When 시간 Every 1st and 3rd Saturday, 10:50 AM - 1:00 PM 시간: 매월 첫째, 셋째 토요일 오전 10:50 - 1시 Optional lunch together afterward. 이후 시간 되시면 함께 식사도 함께. *** 🏫 Where 장소 Commoz Field (near Jung-gu Office Station) 커먼즈 필드 (중구청역 바로 옆) The location may change, so please contact us in advance. 장소는 변경될 수 있으니 사전에 연락 부탁드립니다. *** 💬Contact Number (연락처) 010 7522 0017 (Hazel Lee) 🟡Open Kakao Chat Room (오픈채팅) https://open.kakao.com/o/g6Jram4f 📩Email (이메일) hazel0711@ewha.ac.kr ***

Korean Class at CulcomDaejeon! Want to learn Korean for free? Join our Korean Class for Foreigners at Culcom Daejeon! Schedule: Every Monday & Tuesday, 7-8 PM Fee: FREE! Location: Culcom Daejeon • Why join? Improve your Korean conversation skills in a friendly environment Meet amazing people & make new friends Enjoy monthly parties, cultural events, and one-day classes as a Culcom member! How to Join? Text 010-3310-1638 to book a consultation and get started!

✨❣️🎆🎇🧡🌟Meeting new Korean friends in Daejeon (Free only for forigners)❣️🌟🎇🎆🧡 Time: 11:00AM-13:00PM // 18:00PM - 20:00PM every week on Monday, Tuesday, Wednesday, Thursday 11:00AM-13:00PM every weekend on Saturday, Sunday 👉 We are the awesome language exchange cafe with warm and great mood, you can learn language, and culture, meet new people, and make friends a lot( Foreigners & Korean) 🎷Free drinks, snacks and parties // Learning Korean for language exchange are available. 🌆🌌❣️ ❣️Please do not judge availability by current RSVPs through Meetup cause we’re much more active on other platforms as like Instagram and generally only receive a few RSVPs via Meetup. You can make many wonderful friends here!! Let’s make great moment altogether!!🎷🍻 Place: 1066 3rd floor, Dunsan-dong, Seo-gu, Daejeon our map [https://naver.me/xDJXc1Q1](https://naver.me/xDJXc1Q1)

Sunday Tea Club was founded in Daejeon in 2023. Created as a quiet alternative to Korea’s typical drinking and nightlife culture, the club offers a calm, meaningful way to spend your Sunday afternoons. If you’ve ever wished for a slower, more mindful space to enjoy afternoon tea and gentle conversation — you’re more than welcome to join us! Participant fee 15,000won+order 1drink(The participation fee is only paid once — at your first visit. All fees are collected and reinvested into the club to purchase new teaware, high-quality teas, or ingredients for future gatherings.)

**What to Expect at Our Events** * Weekly in-person language exchange meetups * Casual, café-style atmosphere There’s always someone new to meet and talk to. **Who Comes to These Meetups?** * Both locals and internationals **How It Works** * Choose an event time * Book a spot * Show up and join the conversation That’s it. You can come alone or with friends. Running late? No problem. Join when you can, leave when you want. *Please note:* To keep conversations balanced, **walk-in registration may be denied depending on group balance**. We strongly recommend booking in advance. **Why People Like This Group** **1\. Smart Group Matching** Participants are grouped to create balanced conversations based on language level and background with optimised algorithm. **2\. Personalized AI Feedback** Gain insights into your progress! Receive **AI-driven feedback** after the session to help you refine your language skills and track your growth. **3\. Meet New People Each Round** Groups rotate every session, so you don’t get stuck talking to the same people all night. **4\. Beginner\-Friendly** Beginners are always welcome. You’ll never be forced into conversations beyond your comfort level. **FAQs** **1\. My target language isn’t very good\. Can I still join?** Yes. Beginners are welcome and grouped with others at a similar level. **2\. Can I arrive late or leave early?** Yes. The meetup is casual and flexible. **3\. Do I need to come every week?** No. Join whenever it fits your schedule. **Community Standards** We strive to maintain a high-quality environment for all participants. 1. Positive Vibes Only: We welcome people who contribute to a better experience for everyone. 2. Accountability: To ensure a safe and friendly space, if a member receives three separate complaints, they will be asked to withdraw from all future events. 3. Your Voice Matters: If you have a negative experience, you will be given the opportunity to provide feedback after every event. **How to Join** * Book your spot: [https://nurio.kr/events](https://nurio.kr/events) * Questions or help: [http://pf.kakao.com/_xmzbQn/chat](http://pf.kakao.com/_xmzbQn/chat) \-\-\- **모임에서는 무엇을 하나요?** * **주 1회 오프라인 언어 교환:** 카페처럼 편안한 분위기에서 정기적으로 만납니다. * **새로운 만남:** 매번 새로운 사람들을 만나고 다양한 주제로 대화할 수 있습니다. **누가 참여하나요?** 한국인과 외국인 멤버들이 함께 모여 언어와 문화를 공유합니다. **참여 방법** 1. **일정 선택:** 원하는 시간과 장소를 확인하세요. 2. **참가 신청:** 온라인으로 간편하게 예약합니다. 3. **대화 참여:** 현장에 오셔서 자유롭게 대화를 시작하세요! > **Tip:** 혼자 오셔도 좋고 친구와 함께 오셔도 됩니다. 늦게 오거나 일찍 나가는 것도 전혀 문제없는 자유로운 모임입니다. **안내 사항:** 원활한 그룹 구성과 대화 밸런스를 위해, **현장 참여(워크인)는 인원 및 그룹 구성 상황에 따라 제한될 수 있습니다.** 참여를 원하시는 경우 **사전 예약을 권장드립니다** **이 모임이 특별한 이유** 1. **스마트 그룹 매칭:** 최적화된 알고리즘을 통해 언어 수준과 배경을 고려하여 대화가 가장 잘 통하는 그룹을 구성해 드립니다. 2. **AI 실력 향상 피드백:** 모임 참여 후, 여러분의 언어 실력을 분석하고 성장을 돕는 **개인별 AI 피드백**이 제공됩니다. 3. **매 라운드 로테이션:** 세션마다 그룹이 바뀌기 때문에 한 번의 모임에서 최대한 다양한 사람들과 교류할 수 있습니다. 4. **초보자 맞춤형:** 초보자도 안심하고 참여하세요. 본인의 수준에 맞는 그룹에서 부담 없이 대화를 시작할 수 있습니다. **자주 묻는 질문 (FAQs)** * **목표 언어를 잘 못하는데 괜찮을까요?** 네, 당연합니다. 비슷한 수준의 멤버들과 그룹이 배정되므로 걱정하지 않으셔도 됩니다. * **늦게 가거나 일찍 나가도 되나요?** 네, 모임은 캐주얼하고 유연하게 운영되므로 본인의 일정에 맞춰 편하게 이용하세요. * **매주 꼭 참여해야 하나요?** 아니요. 원하시는 일정이 있을 때만 선택해서 참여하시면 됩니다. **운영 원칙** 우리는 모두에게 즐거운 언어 교환 경험을 선사하기 위해 긍정적인 에너지를 가진 분들과 함께합니다. * **매너 있는 커뮤니티:** 타인에게 불쾌감을 주는 행동을 지양하며, 서로 존중하는 분들만 참여를 허용합니다. * **피드백 시스템:** 이벤트 종료 후 불편했던 점을 자유롭게 전달하실 수 있습니다. * **참여 제한:** 쾌적한 환경 유지를 위해 3회 이상의 불만이 접수된 멤버는 모든 이벤트 참여가 제한될 수 있습니다. **신청 및 문의** * **참가 신청하기:** [https://nurio.kr/events](https://nurio.kr/events) * **문의 사항:** [카카오톡 채널 상담](http://pf.kakao.com/_xmzbQn/chat)

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**