HTML (Hypertext Markup Language) and CSS (Cascading Style Sheet) lay the groundwork for every kind of website. Learn the skills and techniques that employers rely upon of their web developers to edit content, add new pages, & enhance website navigability. This training will also teach you more about HTML.
Note: For additional questions and clarification on HTML and CSS Combo Course, you may reach Bill Ramirez at firstname.lastname@example.org or on his following contact details: Office- (510) 804-3600 & Cell- (415) 200-6969
HTML (Hypertext Markup Language) and CSS (Cascading Style Sheet) lay the groundwork for every kind of website. Learn the skills and techniques that employers rely upon of their web developers to edit content, add new pages, and enhance website navigability.
A web page is a text document that contains HTML code or tags in it. To edit a web page, we work in text editor. To view the web page, we open it in a browser. We begin the lesson experimenting with a couple of tags for basic formatting, such as bold, italic and font size. Through hands-on experience editing and adding HTML tags and reviewing the way the code is interpreted by the browser, you will grow confident in basic “tagging” or “marking up” of text. This session of the HTML training will teach you how to:
Web page content comes in different forms. Paragraphs of text are often grouped together under headings. Sections may have sub-sections with their own sub-headings. After this portion of the HTML training class, you will master the skills needed to:
Writing proper HTML ensures different browsers render each web page correctly. In class, you will learn how to write proper HTML, set the content of the browser title bar, diagnose common mistakes and write comments or notes hidden from the browser. In this lesson, you will learn the best way to:
In a word processor, special characters are inserted using a menu option to add a new symbol, lines and dividers are drawn, and blank lines are added by hitting the return/enter key a few times. In HTML, a developer has to include code to add these items. Sometimes the content is added with a special kind of tag, other times developers use a character code reference or entity. Adding code to your own pages, you will learn about:
While paragraph formatted text and headings are useful, sometimes it is nice to bullet or number a list of items. HTML provides built-in support for both kinds of lists. In this session of the HTML training class, we create both a numbered and a bulleted list. Then we define a sub-list or a list within another list. Afterwards, you will confidently be able to:
Up until this lesson, every page element we define is basically the same. One paragraph looks like another paragraph. One bulleted list looks like another. Obviously, there are times when a developer needs to change a paragraph so it aligns to the right or alter the bullet used in a list. Many of these effects can and should be set using CSS (Cascading Style Sheets), but some modifications or customizations can be achieved by setting a value to a tag’s HTML “attribute(s)”. After this lesson, you will be able to:
Tables usefully organize information into rows and columns. Traditionally, web developers have employed tables in myriad ways because of their clean ability to structure content. We focus on the core tags used to create tables and the ways to modify the appearance of the table by altering the tables border, background, width and alignment. In this HTML training lesson, you will learn how to:
Text documents, though informational, gain more viewer interest when combined with images. Because images are more than simple code, in this lesson we step back from our code editor and consider the steps a professional web designer takes when selecting or creating artwork for their company’s website. We share resources for finding royalty-free art and discusses which image formats are suitable for the web, advantages and disadvantages of various formats, image size and resolution, and file naming conventions. Moreover, we search for and save images, before we roll up our sleeves and use a simple, free online graphics program to create images for the class website project. In this multi-step, hands-on lesson, you will gain the skills needed to:
Word processors make inserting images look easy. You simply browse for the image – no matter where it is – and the application simply copies it into the document. In HTML things are a little different. In code, we point to the image file. Technically, the image file is never actually part of the HTML page. Instead, the code in the web page tells the browser where to find the image file and how it should be embedded by the browser. The tag used to reference an image contains a lot of information so that the browser can display the art. In this part of the HTML fundamentals training, we return to our text editors and add the code, so that you will learn how to:
The beauty of the web lies in the wealth of information available at the click of a mouse. Engaging websites exploit the plethora of information available on the Internet. Through code and practice, we illustrate how to make linkable text and clickable images. You will also learn a few tricks of the trade for adding tool-tips to links, how to alter the appearance of the links and how to use a link to launch an email application. After this session, you will be able to:
Websites are a collection of files that have been linked together using hyperlinks. After creating a series of web pages for your class project, you will learn how to use hyperlinks to combine them into a website. In this part of the lesson, you will grasp the intricacies of linking to other web pages as well as different kinds of files like PDFs. In this lesson, we reveal how to:
The power of CSS lies in its ability to define the default appearance of all page elements, without tagging them individually. Plus, CSS separates content from presentation to give you incredible flexibility over your designs. In this section of the CSS training, you will learn how to:
Although it is handy to be able to control page designs on an individual basis, multiple web pages in a site often share colors, type settings and even page designs. CSS offers site-wide design control with external stylesheets that several HTML files can reference. To explore the benefits of “global” stylesheets, we show you how to:
Compelling websites use text in many creative ways – for navigation, links, paragraphs, headings, data, labels, lists, and more. In this CSS training section, you discover the power of CSS to make your site’s text come alive. You will learn how to:
In addition to offering flexibility with text, CSS allows you to explore the potential of images. Whether you want to stamp a watermark on the background of a web page or replace ordinary bullets with a particular icon, you can use images with CSS to maximum effect:
In the preceding exercises, we created global rules – that is, we defined the way all paragraphs appear or how all bulleted lists look. In the real world, there are always exceptions to the rule: one list that needs to be styled differently or a set of paragraphs that need to be separated from the rest. After this lesson, you will be able to:
A web page must be published to the Internet to be found. In the last lesson of the day, we discuss the ins and outs of website hosting. So that you can truly appreciate the process of publishing, we use a special application, known as an FTP program, to transfer our files onto a web server. You will get to put your class project on the web. Finish up your HTML training by learning how to:
Give us a call!