I am working on HTML and CSS with my first year students in coding class. We hope to introduce coding next September and are now piloting it with our current first years. I have mixed ability classes (some students who have SEN needs). I started the coding specification by doing HTML rather than scratch as I wanted to do something new and different and create curiosity in this short course. HTML is a Hyper text mark up american language, as well as learning the language, the students need to be able to save html documents correctly in a folder.
So this is a student task I have created and I believe most students will achieve the success criteria, and a few will surprise me by finding new code and adding it to their sites.
Students have being doing HMTL for a few weeks and have covered some theory.
Making connections: Computers are communication devices
Student Task
|
Create a website with HTML and CSS.
|
SUCCESS CRITERIA
|
Students will be successful in their learning if they can:
1. Create a website with at least 3 html pages, Homepage, how the internet works, and a hobbies page.
2. Create a folder and save all pages in the folder.
3. Put <!DOCTYPE html> at the start of each html page.
4. Use at least five formatting tags, eg. <h1></H1>
<p></p>, <br>, <b></b>,<u></u>.
5. Make sure the META tags are included on the homepage as they help to locate the website.
6. Create a page called how the internet works, include at least 2 images, at least 2 paragraphs in your own words and one youtube video explaining how the internet works.
7. Include an internal style or external style sheet.
8. State where they sourced their information
9. Present your website to a peer for peer assessment based on 2 stars and 1 wish.
|
Learning Outcomes:
2.1discuss the basic concepts underlying the internet
2.2 describe how data is transported on the internet and how computers communicate and cooperate through protocols
2.3 explain how search engines deliver results
2.4 build a website using HTML and CSS to showcase their learning
Students will be given: Teacher Theory Notes as follows:
2.1DISCUSS THE BASIC CONCEPTS UNDERLYING THE INTERNET
How the internet works??
The internet is a global system of interconnected computer networks.
When two or more computers/devices are connected so that they can communicate, they become part of a network. The internet consists of a world-wide interconnection of such networks, belonging to companies, governments and individuals, allowing all of the devices connected to these networks to communicate with each other.
2.2 DESCRIBE HOW DATA IS TRANSPORTED ON THE INTERNET AND HOW COMPUTERS COMMUNICATE AND COOPERATE THROUGH PROTOCOLS
In order to communicate, computers need to understand each other. So all devices use the same ‘language’ or protocol, called “internet Protocol”(IP). Every computer has its own (IP) address. When sending any communication over the internet, it is sent from the senders IP address to the receivers IP address.
There are agreed type of formats for communicating on the internet:, eg:
· SMTP for sending emails
· HTTP for accessing websites
· BitTorrent for peer-to-peer[p2p] file sharing.
An IP address is a numerical address that is assigned to every device connected to the Internet.
McNamee,Fiedler,Humeau. (2015)
Linking information on the internet:
The World-Wide Web is built on HTTP, a relatively young protocol (language) that is built on top of the Internet Protocol (IP). HTTP stands for HyperText Transfer Protocol, and was designed to download so-called hypertext documents (what are now known as “web pages”) and to send some basic information back to the web server.
Web pages are created using the formatting language HTML, (HyperText Markup Language). The rules of this language are set by the World Wide Web Consortium (W3C), and specify special markers to indicate typography and layout properties. For example, text in bold will have before it and after it. While there are several versions of the specification (HTML5 being the most recent), the HTML development process is continuous and open to participation.
Once the standards have been set, there is no licence or fee for using HTML. The advantage is that all available computer systems understand the instructions in HTML in the same way – so anyone can use the language (for free) and be sure that every device will display the web page in the same way. The Web (and the world) would be far poorer if people had to pay to develop pages in the languages of different types of computer. Webpages are published on machines known as “web servers”. McNamee,Fiedler,Humeau. (2015)
The website must have a domain name (web address) to go online. Domain names can be bought online.
2.3 EXPLAIN HOW SEARCH ENGINES DELIVER RESULTS
Navigation on the World Wide Web works through hyperlinks (text or images which, when clicked on, will cause another website to be opened). Any Web author can link to any other online content. Through the practice of linking all Internet users help with organising the information online into a Web of interconnected resources.
Search engines are therefore the most important services to help meet the need of Internet users to navigate the Internet more effectively. There are different kinds of search engine services. The most important search engine model is the crawler-based search engine. This uses software (referred to as “crawlers” or “spiders”) to look for what is available online and systematically indexes this content.
In simple terms, the spider/crawler follows every link on every page, indexes the linked pages and then follows the links on those pages, indexes them, and so on. The most important operation the search engine performs is making the match between a user’s search query and the information in the index.
Link to Theory Notes....(Creative Commons Licence)