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

Learn how browsers are software applications that render web pages, compare major options like Firefox, Safari, Chrome, and Internet Explorer, and use URL, protocols, and encrypted https with security certificates.

Explore popular code editors and integrated development environments, from Coda to Visual Studio, highlighting features like code navigation, preview modes, terminal view, and local development environments to boost programmer productivity.

Explore how the W3C markup validation service helps developers test markup during development, enforce open standards, and improve accessibility across browsers through validation results.

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 the cloud as a client-server model where apps run on remote servers, not your device, and see how the worldwide web and providers like Amazon Web Services host domains.

Explore how search engines work and optimize a website for organic results by targeting keywords, easing indexing, and understanding paid versus organic results on Google, Yahoo, and Bing.

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.

Learn to use the browser inspector to modify HTML and CSS on any page, previewing local changes without affecting the server copy and exploring responsive header and carousel elements.

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 how to structure web pages with heading tags from H1 to H6, optimize for SEO and accessibility, and style them with CSS using practical examples and dev tools.

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.

Learn to use the browser inspector to view HTML elements, adjust CSS on the fly, and experiment with position, z-index, background color, margins, and padding to see immediate results.

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.

Style a recipe page by building internal css for headers, images, and lists, and adjust layout with a container, padding, and borders. Experiment with Google fonts to improve readability.

Upload the finished page to a prepped server space connected to a domain, then transfer images and files with a file transfer client and test with the web developer inspector.

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.

Embed Twitter tweets and timelines into a web page using Twitter widgets, include tweets with media, the follow button, and live preview with styling from the web.

Learn to add Pinterest pins to webpage images by integrating the pin button and pin widget, customizing hover and shape, and publishing pins to boards.

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.

Learn how to add multiple web pages using clean markup, import methods in CSS, and a reusable recipe template with images, ingredients, and directions, plus uploading to a remote server.

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.