Web Design Course with HTML CSS and Wordpress

Start html coding with Visual Studio Code, create an index.html in a project folder, configure doctype, head, and body, and preview changes live using the live server extension.

Learn to use text and headings in HTML, from body text to h1 to h6, plus paragraphs, breaks, and horizontal rules, with live server previews.

Learn to create html hyperlinks with href for external and internal pages, open links in new tabs with target, and anchor sections using id and hash.

Apply images in HTML using the image tag and src, as shown with about.html. Resize images with width and height, and link external images for your website.

Create an HTML table with CSS styling using a style tag, define rows and cells, apply a 1px black border, and set width to 50% with name, address, and email.

Learn how to use the iframe tag to embed another site within your page, adjust its width and height, and display symbols with character entities.

Learn practical HTML text formatting using p, b, i, u, and style controls to align, size, and emphasize text, plus mark, strong, subscript, and superscript with live server demonstrations.

Explore basic styling in HTML and CSS, including changing text color, background color, heading and paragraph formatting, font size, and font family using inline styles.

Build a navigation menu with ul and li. Style with css: list-style-type none, zero margins and padding, overflow hidden, background color #333, white centered items with hover and active states.

Explore the CSS part of HTML by learning how cascading style sheets describe how elements display across screens, using inline, internal, and external stylesheets and style tags.

Explore applying CSS colors to headings and paragraphs, set h1 color and background, and differentiate elements using id and class selectors in style.css with live server.

Learn to replace a background color with a background image in style.css, use the comment tag to disable code, set background-size to cover, and apply opacity with div elements.

Learn to create and apply CSS borders including dotted, solid, double, and inset styles using class-based styling. Adjust border width, height, and color and preview results in the live server.

Apply margins in CSS by creating a margins class, defining a border and precise top, bottom, left, and right margins for an h4 element, then view on the live server.

Apply CSS paddings to a div element, increase opacity to 100%, and set padding top, bottom, right, and left to 50 pixels for a live preview.

Learn CSS box model by building a box inside an h3 with id box-model, setting background to light gray, 15px green border, 300px wide, 20px margin, 50px padding, live server.

Learn to align and space text with css using text-align and classes. Apply center, left, or right alignment and adjust line height and letter spacing.

Learn how to use the CSS float property to align an image with text and set its width and height to 170 pixels, then preview on a live server.

Learn to create hyperlinks in HTML with the a tag, open links in a new tab, and use live server testing. Style link colors in style.css and add hover effects.

Explore WordPress functions across posts, categories, tags, media, pages, comments, appearances, plugins, users, and tools. Learn how to configure settings, permalinks, privacy, and themes to build and manage a site.

Learn to add media to a WordPress post by selecting images from the media library or uploading files, choosing alignment, linking options, inserting, and updating the post.

Learn to use WordPress post tools to format text with bold and italic, create bullet and numbered lists, insert quotes or code blocks, align text, and add or edit hyperlinks.

Learn how to create and manage WordPress categories, add smartphones as a category with an Android subcategory, assign posts, and work with slugs and category URLs.

Learn how to manage comments on a wordpress site, including approving, editing, trashing, and replying from the dashboard, and test as a user using an incognito window.

Explore customizing your WordPress blog with live previews. Adjust site identity, including title, tagline, and logo, and tweak colors, header image, and background image before publishing changes.

Learn to create and customize menus, set a primary location, add items and categories, publish changes, and configure home page settings, breadcrumbs, layout, excerpts, pagination, and footer options.

Learn to apply heading tags in WordPress from h1 to h6, using both visual and HTML editing. See how heading sizes establish hierarchy and switch between visual and code editing.

Learn to manage WordPress post settings, including editing permalinks with hyphens, saving drafts, publishing, and hiding posts. Explore visibility options, dates, tags, and pin posts to the front page.

Learn how to create, publish, and organize pages in WordPress, including adding about us and other pages, using page attributes to set parent and subpages, and navigating via menus.

Learn how to create and publish posts on WordPress by installing and activating the classic editor plugin, configuring writing settings, and posting with a title and content.

Identify the essential WordPress requirements to start building your website, including offline setup with Zamp software and online paid hosting with a domain.

learn to build a portfolio website in WordPress by installing and editing a theme, importing a demo, and customizing it with Elementor.