Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
8/3/2015 7:25:00 AM Week 3: Html- connects all internet together, goes in different directions http://year10webdesign2015.weebly.com/week-1.html what is html: Hypertext Mark up language www: world wide web web cache serve: holding tank for the most popular item: link: interne, billions of devises Sorting the internet Rules- acronyms IP address, connecting to another IP address URL: uniform ISP: DNS cables and signals connecting people to the internet all over the world How does a website work: http: Hypertext Transfer Protocol: foundation of data communication for the world wide web. server: a computer or computer program which manages access to a service in a network. operating system: running windows, Linux( backbone of the internet) web service: window server, a panache, help builds our web server coding language: HTML: indext.html file, send back through the internet to computer CMS: word press: graphical interface to create or edit your website, let you create dynamic looking sites Data bass in order to function word press, a place to get information from Output/ html code 8/3/2015 7:25:00 AM HTML: Hypertext Mark up language www: world wide web Web Cache Server: It is a information technology for the temporary storage of web documents Sorting the Internet Rules acronyms IP Address: Numbers separated by full stops that identifies each computer Url: Union Resource Locator, it is a reference to a resource on the internet ISP: Internet Service Provider, a company that provides you with access to internet Dns: Domain Name Servers, HTTP: Hypertext transfer Protocol, distributed information systems TCP: Server: Operating System - (OS) windows, Linux Web service Iis: Internet Information Server, group of internet servers Apache: Coding Language: Designed to communicate instructions to a computer. This is to create programs to control the behavior. Dynamics: php, pearl, asp CMS: Content Management System, a computer application that allows publishing, editing and organizing. JavaScript: Computer programming language used to create interactive effects within web browsers. Database: Data held in a computer, one that is accessible in many ways. Output (html code): CSS: Cascading Style Sheets, style sheet language used for describing the look and formatting of a document written in a markup language. 8/3/2015 7:25:00 AM 1. Organisation and Structure: It must be organised with very noticeable button layout 2. Simple Navigation: The button layout should be very noticeable so people know what do press and where to go. 3. Original content: 4. Outstanding Design: A great design will attract a decent amount of traffic to your website. 5. Speed: The speed of the website is very important with servers that can manage the traffic flow 6. Clean and Validated Code: 7. Easy to read: An easy reading site will keep the reader on your website and use your recourses 8. Search engine optimization: Putting your website on a search engine will increase the traffic flow as more people can see it when they search for your site. 9. Tracking: 10. Link Building 8/3/2015 7:25:00 AM WHO created Python? To Python was created by Guido Van Rossum. WHAT is it? Python is a programming language WHY is it used ? Python is used to create websites. WHEN was it invented Python was invented in December 1989. HOW do you use it to create a WEBSITE? 8/3/2015 7:25:00 AM Python web development Django: Getting started 1. Give a basic overview of Django 2. Show favourite Django apps 3. Talk about advanced python language Web application framework 2005- first release (had immediate popularity) 3 years later, community participation New version every 6 months (new ways to enter code) 8/3/2015 7:25:00 AM 1. The <h1> tag: The header tag, or the <h1> tag in HTML, will usually be the title of a post, or other highlighted text on the page First heading: 2. The <p> tag: A paragraph of text. <p>This is some text in a paragraph.</p> 3. The <article> tag: Represents a self-contained structure in a document, page, application, or site, which is intended to be independently distributable. <article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article> 4. The <section> tag: Defines sections in a document, such as chapters, headers, footers, or any other sections of the document. <section> <h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is....</p> </section> 5. The <a> tag: Defines a hyperlink, which is used to link from one page to another. <a href="http://www.w3schools.com">Visit W3Schools.com!</a> 6. The <aside> tag: Content aside from the content it is placed in. 7. The <header> tag: Represents a container for introductory content or a set of directional links. 8. The <nav> tag: Set of navigation links. 9. The <img> tag: An image in an HTML page. 8/3/2015 7:25:00 AM 8/3/2015 7:25:00 AM <a> tag: it is what denotes a link and is used on practically every webpage on the internet to link to other documents and sites Default setting: without adding in a my styling of your own, links will be underlines and blue, and once visited will turn purple. Your cursor will also change appearance in most browsers link text: the link text is what your user will see, so make sure its descriptive. Try to avoid using ‘ click here’ instead, word the surrounding text Href: where you enter in the destination for the link. Usually this will be somewhere else within your site, but it can also be to another page on the internet Relative paths: can only be used when linking pages or files within a site directory. E.g.: < a href= portfolio.html>portfolio<a/a> Links are the key building blocks of the entire internet 8/3/2015 7:25:00 AM The DIV Tag 3/08/2015 7:25:00 AM The basic Div. A Div. is started by using this simple piece of code: <div>. Following on from that, you can then insert all the content you want to contain within the div. Closing the Div. Once you have inserted all the content, you need to make sure you close off the div by using </div>. Note the forward slash denoting the ending of the current div. Adding the Div. A div can have a unique identifier so it can be recognized in a style sheet or by any JavaScript you may add. To apply an ID to a div, use: <div id=”myDivid:></div> Adding a class: Classes are similar to IDs, but many items on a page can have the same class. To apply a class to a div, use: <div class=”myDivClass”></div>. Using classes makes styling multiple elements much easier. 8/3/2015 7:25:00 AM Good/ Bad websites: Google is an example of a good website because it has everything you looking for and can search whenever you like. It has examples to help you out with things, there is everything on Google. It is a well known source and was created by Larry Page in September 4 1998. Hot Math’s is confusing but is also useful to use. There are many things scattered on the page. Text Edit/ 3 column layout Final text edit: Final 3 column layout: 3/08/2015 7:25:00 AM