{"id":544,"date":"2024-04-15T19:19:00","date_gmt":"2024-04-15T19:19:00","guid":{"rendered":"https:\/\/mrcottle.co.uk\/WP\/?page_id=544"},"modified":"2024-06-14T08:41:15","modified_gmt":"2024-06-14T08:41:15","slug":"html-2","status":"publish","type":"page","link":"https:\/\/mrcottle.co.uk\/WP\/html-2\/","title":{"rendered":"HTML"},"content":{"rendered":"\n\n\n\r\n

HTML Website design with CSS<\/span><\/p>\r\n\n\r\n

 <\/p>\r\n\n

Welcome to the unit of website design. Most of us use websites daily for information, appointments, social media and even watching online media. Here you will learn how to design your own basic website, with CSS and formatting. You will add colour, information, links and pictures to your own website. <\/p>\n\n\n\n\n\n\n\n

The <\/span>intention<\/strong><\/span> of this unit is to provide an introduction to websites and designing them using HTML and CSS.<\/span><\/p>\n\n\n

Students create a student portfolio and repl.it website showcasing their website design.<\/span><\/p>\n\n\n

The <\/span>impact<\/strong><\/span> of this unit will be measured by a portfolio and end of unit project.<\/span><\/p>\n\n\n\n\n\n\n\n\n\n\r\n

Support Material<\/p>\r\n\n

Use these links to help and support you in your website design. You will need to read the information on the websites and follow the information to help you. <\/p>\n\n\n

Repl.it for lesson 1 to help you structure your website.  <\/p>\n\n\n

Repl.it for Lesson 3 – Looking at using CSS to add effects to your HTML website. <\/p>\n\n\n

Repl.it for Lesson 4 – A website example with pages to help you if you are struggling.  <\/p>\n\n\n\n\n\n\n\n

    A list of HMTL tags to help you develop your website. This lists all of the tags so you may need to look through them.  <\/p>\n\n\n

More advanced use of CSS and information from W3schools. <\/p>\n\n\n

Link to W3 Schools to add images to your website. <\/p>\n\n\n

Link to W3 Schools to add a drop down menu to your website. <\/p>\n\n\n

Quick Example html Code<\/p>\n\n

Adding a picture:  <<\/span>img<\/span> src=”mypicture.jpg”<\/span> alt=”This is my picture”<\/span> width=”500″<\/span> height=”600″<\/span><\/span>><\/span><\/p>\n

Adding a link:         <<\/span>a href=”index.html<\/i>“<\/span><\/span>><\/span><\/span>link text<\/i><<\/span>\/a> – you will need to change the index.html to the name of your webpage.<\/span><\/span><\/p>\n\n\n\n\n\n

Topic Support Guides<\/p>\n\n\n\n\n\n\n\n\n\n\n\r\n

Key Terms<\/p>\r\n\n\n\n

 HTML<\/p>\n\n\n

 HyperText Markup Language. The language used to write and display web page documents.<\/span><\/p>\n\n\n\n\n

 Webpage<\/p>\n\n\n

 A page designed for, and viewed in, a web browser.<\/span><\/p>\n\n\n\n\n

 tags<\/p>\n\n\n

 Keywords that define how a web browser will format and display the content, e.g. <b>, <h1>, <img>, <hr> etc.<\/span><\/p>\n\n\n\n\n

 hyperlink<\/p>\n\n\n

 A <\/span>link in a document or webpage that connects to another location.<\/span><\/span><\/p>\n\n\n\n\n

 formatting<\/p>\n\n\n

En<\/span>hances the look and feel of text on a webpage to make it more visually appealing e.g. bold, italic, headings etc.<\/span>
<\/p>\n\n\n\n\n

 CSS<\/p>\n\n\n

 Cascading Style Sheets. The Language For Describing The Presentation Of A Webpages, Including Colours, Layout, And Fonts.<\/span><\/p>\n\n\n\n\n

 web browser<\/p>\n\n\n

An application used to view web pages, eg Internet Explorer or Google Chrome.<\/span><\/span>
<\/h1>\n\n\n\n\n\n\n\r\n

Future Career Opportunities<\/p>\r\n\n\n\n\r\n

Skills<\/span><\/p>\r\n

    \r\n
  • Programming<\/span><\/li>\r\n
  • Teamwork<\/span><\/li>\r\n
  • Working to a deadline<\/span><\/li>\r\n<\/ul>\r\n

    Average UK Salary \u00a357,000<\/span><\/p>\r\n\n\n\n\r\n

    Skills<\/span><\/p>\r\n

    \u00a0<\/p>\r\n

      \r\n
    • Creating ideas<\/span><\/li>\r\n
    • Communication with clients<\/span><\/li>\r\n
    • Working to a deadline<\/span>\u00a0<\/li>\r\n<\/ul>\r\n

      Average UK Salary \u00a325 – \u00a335,000<\/span><\/p>\r\n\n\n\n\r\n

      Skills<\/span><\/p>\r\n

      \u00a0<\/p>\r\n

        \r\n
      • Creative skills<\/span><\/li>\r\n
      • Working with clients<\/span><\/li>\r\n
      • Working to a deadline<\/span>\u00a0<\/li>\r\n<\/ul>\r\n

        Average UK Salary \u00a326,000<\/span><\/p>\r\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/pages\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":26,"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/pages\/544\/revisions\/580"}],"wp:attachment":[{"href":"https:\/\/mrcottle.co.uk\/WP\/wp-json\/wp\/v2\/media?parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}