Hello, World - Build Web Sites - Professional's Toolset

Identify your audience by consulting Pew Research Center's Internet & American Life Project data on browser usage and cross-browser development, and decide whether to focus on desktop, mobile, or both.

Learn to use Google Fonts and fontshops such as Dafont, MyFont, and FontSpring; preview fonts, generate and apply CSS rules, and optimize font loading for performance.

Explore how html uses markup and tags to define block and inline content, and how the document object model represents elements as a traversable tree that browsers render.

Explore the history of HTML versions, doctypes, and browser support from HTML 4.01 and XHTML 1.0 to HTML5 adoption, and how the doctype at the top affects rendering.

Learn the box model and how content sits inside HTML elements like div, p, and image, then use the web inspector to see margins, padding, and borders.

Explore how HTML elements are block level or inline, with div and span examples. Identify how block level elements create line breaks and take full width; inline elements do not.

Create your first web page with HTML basics, using a simple editor and browser preview to render hello world, and learn tag structure and image basics.

Explore how CSS acts as a style sheet language to render pages. See how inline, internal, and external styles use selectors and cascading rules to control color and font size.

Learn how to style a hello world with the three CSS types inline, internal, and external using style attributes, style tags, and external style sheets to manage colors, fonts, and selectors.

Explore inline, internal, and external css styling using div, h1, h2, and span tags, with class selectors, font sizing, colors, and linking an external stylesheet for consistency across multiple pages.

Create meme-style web graphics by overlaying text on images with absolute positioning, font adjustments, and shadows. Learn to use internal and inline CSS, alt text, Google fonts, and performance-aware styling.

Explore how web pages use CSS to control menus, fonts, colors, and the overall look and feel, using a web inspector to safely edit styles on your local page.

Construct a complete HTML recipe page using doc type, title, chef name, ingredients (ul) and directions (ol), with accessible images and semantic divs for structure.

Validate web pages using the W3C validation service and CSSA validation, testing via URL, file upload, or direct input, then fix errors for cross-browser compatibility.

Set up a Google Analytics account, generate and paste the tracking code on pages, upload to server, and use the dashboard to explore audience demographics, geography, behavior, technology, and conversions.

Add a social media bar to the webpage by creating a container with the class social media and integrating Facebook, Twitter, and Pinterest at the top.

Learn to add Facebook like and share buttons with the provided code, place the snippet in the body, and publish on a server while adjusting layout options.

Learn to style HTML menus with CSS by building horizontal and vertical menus from an unordered list and anchor tags, applying padding, colors, hover and active states.

Create a multi-page web site by building a vertical recipe menu linked to content pages, using an external css file and server file transfer.

Learn to organize css with external files and internal style tags, and apply precise body, container, and menu styling with tested paths and absolute positioning.

Style the page template with css, from body margins and font-family to a fixed, absolute-positioned recipe menu featuring z-index, box shadow, and a no-repeat background.

Search and register a domain name that serves as a unique brand identifier, understand extensions like .com or .org, and link it to hosting and IP addresses.

Learn to host your site with a hosting provider, register a domain, enable ssl, create email accounts, leverage marketing tools, and build a storefront with templates and 24/7 support.

upload and transfer files to a server using editors or a client like files; connect with hostname, username, and password to publish hello world pages on the web.

Explore how ux/ui shapes the human-machine experience on commercial sites, from navigation menus and breadcrumbs to non-refreshing product showcases.

Explore how the wayback machine preserves archived web pages, guiding you through web history examples from Apple, Microsoft, eBay, and more to analyze changing designs and technologies.