Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML &CSS and Make a website with coding

Similar presentations


Presentation on theme: "HTML &CSS and Make a website with coding"— Presentation transcript:

1 HTML &CSS and Make a website with coding
Code cademy.com HTML &CSS and Make a website with coding

2 Web development Make a Website
Explore HTML & CSS fundamentals as you build a website in this introductory course to web development.

3 Why? Sign up! Use school details.
Why learn HTML? Every webpage you look at is written in a language called HTML. You can think of HTML as the skeleton that gives every webpage structure. In this course, we'll use HTML to add paragraphs, headings, images and links to a webpage. In the editor to the right, there's a tab called test.html. This is the file we'll type our HTML into. See the code with the <>s? That's HTML! Like any language, it has its own special syntax (rules for communicating). When we press Save & Submit Code, the results tab will act like an Internet browser (e.g. Chrome, Firefox, Internet Explorer). A browser's job is to transform the code in test.html into a recognizable webpage! It knows how to lay out the page by following the HTML syntax.

4 CSS is the styling you add to HTML code
Take a look at the HTML file in index.html. Pretty standard, right? You know all this stuff: headers, paragraphs, images, lists, and tables. Look in the preview pane: no surprises there. (In fact, it's pretty ugly if you ask us.) The stylesheet.css tab (which we'll teach you how to use in this course) contains all the CSS styling information: where HTML elements should go, what color they should be, how big they should be, and more. We've commented out a crucial line in the index.html file. If you remove the comment (the <!-- in line 4 before the text, and the --> in line 6 after the text), you'll be able to see the magic CSS imparts. Don't delete any of the actual <link> tag!

5 Where to start? HTML and CSS show how tags and selectors work to style your elements. Make a Website is an exercise for you to create a stylish website, using Bootstrap. I recommend you to learn HTML and CSS first. Therefore, you will know how tags, classes, and id's can be styled before making your website with code. Other website you're being asked to make is a free weebly website so don't confuse the two. You can work on your own or with experts in the class. I may allow group work also in partnerships that work hard together.


Download ppt "HTML &CSS and Make a website with coding"

Similar presentations


Ads by Google