Web Design

***Scan the WhatsApp QR code above to connect with us.*** (Hint: Save the image to your phone, then open it. Press and hold on the image, and your WhatsApp app will open and prompt you to add the contact.) **AN EVENT MAY ONLY TAKE PLACE AFTER YOU HAVE CONNECTED VIA WHATSAPP. There will be no event unless it is confirmed in a WhatsApp group.** The picture above was taken in the compound of **Baoshan Temple** (寶山寺), it is a Buddhist temple located on the banks of the Lianqi River in the town of Baoshan District, Shanghai. Hi, my name is Nigel. I graduated from Nanjing University of Aeronautics and Astronautics and began my career designing rocket components for China’s aerospace program. So unlike the so-called “rocket scientists” on Wall Street, I am the real deal. For the past 20 years, I have helped foreign businesses achieve a smooth landing in China, navigating everything from market strategy and regulatory compliance to local partnerships and execution. I speak the languages of engineering, mathematics, and cross-border business. Let us have a cup of tea at a peaceful Buddhist temple and talk business. We can brainstorm practical, real-world approaches to doing business in China. My associate and I also host business networking events and organize trips around China for professionals and entrepreneurs. Please add the WhatsApp contact above to connect and confirm details.

Welcome to the Chinese corner! This is a space for students who are interested in learning more about Chinese language and culture. We will meet every [week] to practice speaking, listening, and reading Chinese. We will also learn about Chinese history, culture, and traditions. \*\*Activities\*\* \* \*\*Speaking:\*\* We will practice speaking Chinese in a variety of contexts, such as everyday conversations, job interviews, and presentations. \* \*\*Listening:\*\* We will listen to Chinese people improve our listening comprehension skills. \* \*\*Culture:\*\* We will learn about Chinese history, culture, and traditions through presentations, discussions, and field trips. \*\*Materials\*\* \* Chinese textbooks and workbooks 🔴🔴学习中文🔴🔴 age levels are welcome! 👩🏻‍🏫 Teach You local language 🧑🏼‍🏫Learn Chinese Culture Wednesday tonight Language Talkspace【Chinese & English】 Please set(**RSVP**) You're **going**! We'll as you get early-bird ticket 🎫：Early-bird: 40 RMB = 6$ normal 50 RMB = 7$ Chinese And English Talkspace ⏰19:00-21:00 Wednesday 🏠上海福州路620号【百新书局】 📍No.620 Fuzhou Rd, Shanghai https://j.map.baidu.com/1e/ZPhi 【wechat】17317121983 【WhatsApp】8617317121983 location guide：[https://maps.app.goo.gl/bBxq5A2My5x6oxZn9](https://maps.app.goo.gl/bBxq5A2My5x6oxZn9) 🔴Facebook: [https://www.facebook.com/groups/languageexchangeshanghai](https://www.facebook.com/groups/languageexchangeshanghai) 🔴Whatsapp which you can join here: [https://chat.whatsapp.com/BRscBnmLynICxeOQycSvWq](https://chat.whatsapp.com/BRscBnmLynICxeOQycSvWq) 🔴telegram： Tg channel：[https://t.me/LanguageExchangeinShanghai](https://t.me/LanguageExchangeinShanghai) Tg group：[https://t.me/+JItzaQITqFVlZmZl](https://t.me/+JItzaQITqFVlZmZl) Tg customer service：[https://t.me/LanguageExchangeShanghai](https://t.me/LanguageExchangeShanghai) 小红书 搜： 说会英语 公众号：说会英语 🟢Fiday Language Exchange 🟢 🎟#小程序://互动吧/TOXhHCiaBlNSkgr ⏰Time: 19:00--21:40 🏠上海市静安区新闸路1788号3层【Language Exchange 老地方】 📍3F，No.1788, Xinzha Road, Shanghai https://j.map.baidu.com/1e/ZPhi 📆Saturday 【周六】 🟢 International Students Talkspace留学生交流会+ Board Games + 创业资源交流🟢 🎟#小程序://互动吧/nDY3HNCxaJ6AdBI ⏰:19:00-22:00 【Saturday】 🏠: 复旦科技园副楼一楼路演大厅 📍Fudan science park 📆Saturday 【周六】 🎲🎲Board Games 桌游 狼人杀 德州游戏等🎲🎲 #小程序://互动吧/GeK1Hsz5aAgLoqC ⏰:19:00-22:00 【Saturday】 🏠: 复旦科技园副楼一楼 📆Sunday【周日】 🟢English Talkspace🟢 🎟#小程序://互动吧/yueI5wcZKlRwpZv ⏰14:00-16:00 Sunday 🏠 F3, No.399 Nanjing West Road, Huangpu District Tomorrow Square, Shanghai:南京西路399号3楼【机遇中心 X-Meta bar】 #公众号/小红书：说会英语 说会联盟 #视频号：说会英语 #小程序://互动吧/h1LX5oWSDmgO10v #小程序://微博/H1VOJN21MjI0Tjx 🔴Facebook group: https://www.facebook.com/groups/languageexchangeshanghai 🔴Whatsapp group which you can join here: [【clickme】+8617317121983](https://wa.me/8617317121983)

Join us for a simple chat over some hot water for general Business networking - Fintech, Ecommerce, and Startup talk. You NEED TO add my WeChat ID: cerentine, to confirm your event attendance. If you do not, your RSVP will NOT be accounted for as there is only limited space.

dear all, We will move to Bailian Zhongshan BEFORE jing’an opens. Welcome to join us Please confirm with me first before you signed up My WeChat is ellenliu12345 60rmb for 2 hours , 6 people share a court 小伙伴们， 所以我们在静安开放之前将会在百联中环打，欢迎加入我们

小红书RedBook: TomEvents. 微信公众号wechat offical account: TomEvents. wechat:lzy9138 First i should let you know That our Time and location could be changing from Time to time,sometimes we don’t update the information here in meetup, so pls add my wechat:Lzy9138 to confirm before you come, I’ll also add you in our wechat group where you ‘ll get the latest notifications Hi There, Welcome to our language exchange party Our Event is devided into 3 parts. 1.Get your drink, grab a seat, and free talk 2.Hosting Part.(Ice-breaking Game,Lucky Draw etc.). Within half an hour. 3.Networking, Board Games, Industry Exchanges and mingling.different areas will be set, everyone Stand up, hold your drink and move freely~ About 1.5 hour **How does it work：** A. Done RSVP on meetup & payment before coming over B. Use wechat to scan our QR code to check in & get a bracelet C. Get your first free drink. D. Grab a seats and follow the flow. **Costs & Payment methods :** **Online on WeChat mini-program 快团团** Ticket Price Varies from ￥39.9-78 若想获得活动通知 最新照片，或其他疑问欢迎加 管理员微信入群: **Tom-WeChat:lzy9138** **小红书/微信公众号：上海英语角TomEvents** 周六活动： @活动时间Time： 每周六下午Every Saturday afternoon 3-6pm \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 免责声明： 本活动本着自愿参与的原则，参加活动者视为具有完全民事行为能力的人（18岁以上公民），对于任何原因造成的人身财产等一切伤害和损失完全自行负责，活动主办方不承担任何责任。所有现场参加者默认同意并接受本声明！ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

2 propositions: Horse riding in the nature （180 yuan for 30 mins), or professional horse riding (300 yuan for 45min), have a one to one teacher.

## **⚠️ SCAN QR CODE TO RSVP! ⚠️** ## About the workshop: Join our super fun workshop: Build Your First AI Skill with [Yang Shen](https://www.linkedin.com/in/yang-shen-94b80318/)! Perfect for complete beginners, no coding experience needed at all! You’ll learn how to create your own AI skills, including a cool one that turns “hello world” into audio in any language. Scan the QR code on the flyer to RSVP and check the full details. Limited seats, so don’t miss it! **Bring**: Laptop + VCS 💻 **When**: Saturday, April 11st, 14:00–17:00 ⏰ **Speaker:** Yang Shen **Where:** 信条书店 **Tenet Reviver** ONE EAST Plaza L2-1A&B 788 Zhongshan S 1st Road, Huangpu District, Shanghai World Expo Museum Line 13 Exit 3A 信条书店 上海市黄浦区中山南一路788号博荟广场 **About codebar Shanghai** **[codebar](https://codebar.io/)** is a charity that facilitates the growth of a diverse tech community by running free regular programming workshops for minority groups in tech. **Sponsors:** 信条书店 Tenet Reviver

**Bringing Dubai AI weekly AI energy to ShanghAI (上海):** 我们每周六 19:30 线下聚会。 This is a casual, high-bandwidth gathering for AI programmers, founders, and the AI-curious (对 AI 好奇的朋友们). No prior background required—探索如何用好 AI，而不是被它取代。 📱 Stay Connected / 保持联系 Join our shared global community to stay synced on tools, locations, and updates: * **WhatsApp (Global Community):** [https://chat.whatsapp.com/EJv3nAlirgr7IGWxhvqmNV](https://chat.whatsapp.com/EJv3nAlirgr7IGWxhvqmNV) * **WeChat/QQ Group (Weekly Update):** [https://qm.qq.com/q/EEKnU4Sp7q](https://qm.qq.com/q/EEKnU4Sp7q) * **Meetup Pages:** [https://www.meetup.com/shanghai-ai](https://www.meetup.com/shanghai-ai) [https://www.meetup.com/dubai-ai](https://www.meetup.com/dubai-ai) ### 📍 The Venue / 活动地点 We start with focused discussions and transition to the city's nightlife energy after the bookstore closes. * **19:30 - 21:30:** Local Book Store (Check WeChat group for this week's specific hidden gem). * **21:30+ After-Hours:** We move to **4 Heng Shan Lu, Xu Hui Qu (衡山路4号，徐汇区)**. This is a lively, expat-friendly bar street—perfect for "terrace" networking and neighborhood-style food. * **Cost:** Free (Come as a regular customer). ### 🌍 Global Context / 全球联动 ShanghAI is a direct sister hub to the **Dubai AI (DIFC)** and **MumbAI AI** chapters. We are building a global “AI-agentic social marketplace” community—从上海到迪拜，从线下 meetup 到线上工具 ( GetPaidX.com / DubaiAI.vip ). GetPaidX.com — Publish Your Professional 24/7 AI Workspaces, Get Funded. *** Reply with a comment below or visit the scratchpad at **[https://dubaiai.vip/profile/dubai-ai-vip@outlook.com](https://dubaiai.vip/profile/dubai-ai-vip@outlook.com)** to add ideas for our next meeting: * **How to get paid by fans & clients:** Discussions around app payments and global payouts. **Stripe API (US)** vs. **WeChat Pay/Alipay (China)** vs. **RazorPay (India)**. Navigating taxes and cross-border financial regulations. * **How to get closer to creators & developers:** Insights into local Xuhui business networks, Shanghai co-working spaces, and regulated industries (Education/Healthcare). What products do local customers actually want? * **How to share revenue with influencers:** Partnering with local creators on **Xiaohongshu (小红书)**, Instagram, or YouTube to distribute and market AI products. * **How to save time via AI Agents:** Setting up **OpenAI Codex CLI**, **Google Gemini CLI**, **Anthropic Claude Code**, or **Google Antigravity** to delegate tasks directly from your terminal. *Add your own ideas and discussion topics to the scratchpad link above...*

http://photos4.meetupstatic.com/photos/event/6/2/2/2/600_423565122.jpeg Dramamoves.com is dedicated in providing personal service to individuals and entrepreneurs in the area of Contemporary Life , Design and Art. We hand pick the best product and import them from abroad . We hold events in our invitation venue which is just located behind Plaza 66. You are largely welcome to drop in our event or just come by to have a look. For reservation, Please call 021-62579568 to find out more ! or Wechat ID: DM_Hotline Talk to you soon ! http://photos4.meetupstatic.com/photos/event/7/3/a/c/600_423569612.jpeg

▶️ What we do / 我们聊什么？ 我们不仅有AI活动 还有AI 茶话会 AI路演 还有复旦 大学创业 AI 项目展示 We meet to talk about AI and its impact on daily life and business（人工智能如何影响我们的生活和商业）. Instead of worrying about being replaced by AI，我们一起探索： How to benefit from AI, not be replaced by it （如何用好 AI，而不是被它取代） Fun side projects, startup ideas, and real use cases Tools, prompts, agents, automation… anything AI ▶️ Open, casual, for everyone / 轻松开放，欢迎所有人 Every Saturday 7:30pm, Anyone is welcome to: give a short talk or demo（欢迎闪电分享 / 小分享） share a story or idea about AI or just come, listen, and chat over coffee 无论你是开发者、创业者、学生、设计师、投资人，还是刚开始对 AI 好奇，这里都有适合你的位置。No prior AI background required. 🏠: 复旦科技园副楼一楼 📍Fudan science park ▶️location video guide： [https://maps.app.goo.gl/bmf1TkzZ45SUR2nX8](https://maps.app.goo.gl/bmf1TkzZ45SUR2nX8) 🎫：Early-bird: 35 RMB = 5$ 【set going before 】 normal 40 RMB = 6$ At the Door 50RMB = 7$【At the door buy 】 #公众号：说会英语 #视频号：说会英语 #小程序://互动吧/h1LX5oWSDmgO10v #小程序://微博/H1VOJN21MjI0Tjx #公众号：说会英语 #视频号：说会英语 #[小红书：说会英语](https://www.xiaohongshu.com/user/profile/5f2ccb430000000001000244) WeChat：17317121983 【Please be sure to add us to get the latest information】 Language Exchange - YouTube 🔴Facebook group: https://www.facebook.com/groups/languageexchangeshanghai 🔴Whatsapp group which you can join here: https://chat.whatsapp.com/BRscBnmLynICxeOQycSvWq 🇬🇧🇺🇸🇳🇱🇦🇷🇬🇭🇿🇦🇧🇩🇫🇯🇦🇪🇷🇺🇵🇦🇯🇲🇵🇪🇵🇷🇹🇷🇬🇷🇺🇦🇦🇿🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳

**Please add my WeChat** **GD-Karen. All final arrangements and event details are shared on WeChat. I will add you to a WeChat group. Remember to mention 3D Printing when you add me as I have a few WeChat groups.** Hello everyone, my name is Karen. I’ve launched a 3D-printing startup near People’s Square, and I’d like to connect with others who are interested in 3D printing—whether for technical discussions, resource sharing, or project collaboration. From time to time, I may have larger projects where partnership could benefit everyone involved. If so, I’d be glad to share both the work and the revenue. Hope to meet fellow enthusiasts soon.

Events are postponed due to covid Join our wechat community and group for online networking and resource sharing! - add the organizer wechat: cerentine

### **Please contact me using WhatsApp or WeChat** ***My WhatsApp is +86 13917794769*** **My WeChat** gd-karen The meetup platform does not work well in China. **Hi, my name is Karen. I graduated from the University of Nottingham in England. I currently run a 3D printing workshop just minutes away from Nanjing Road Pedestrian Street.** **If you are in the area and into 3D printing, you are very welcome to drop by to have a look. My friends and I also organize some of the most engaging and well-curated Meetup events in Shanghai, and we would be delighted to have you join us.** **Add my WhatsApp and let's connect!**

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

**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.

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!