HTML 101 MPM107. - What is a website? A website is basically a collection of web pages stored on a particular computer (called a web server) and accessed.

Slides:



Advertisements
Similar presentations
The Internet.
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
XHTML Basics.
4.01 How Web Pages Work.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
1 The World Wide Web. 2  Web Fundamentals  Pages are defined by the Hypertext Markup Language (HTML) and contain text, graphics, audio, video and software.
CORE 2: Information systems and Databases HYPERTEXT/ HYPERMEDIA.
1st Project Introduction to HTML.
What Is A Web Page? An Introduction to the Internet.
The Internet & The World Wide Web Notes
Web Design Terms and Concepts Ms. Scales. Q. What is a Server? A. A server is a computer that stores information many people can access. It runs special.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Getting Started with Dreamweaver
Create a Website Session I Key Components Hands-on HTML.
Shows the entire path to the file, including the scheme, server name, the complete path, and the file name itself. Same idea of stating your full name,
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
14 Publishing a Web Site Section 14.1 Identify the technical needs of a Web server Evaluate Web hosts Compare and contrast internal and external Web hosting.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following:
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.
Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML: Hyptertext Markup Language Doman’s Sections.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
● A system of Internet servers that support specially formatted documents. The documents are formatted in a markup language called HTML. What is the World.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
01 - Introduction Informatics Department Parahyangan Catholic University.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML HyperText Markup Language Victoria E. Kozlek.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Getting Started with Dreamweaver
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Objective % Select and utilize tools to design and develop websites.
Web software.
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
CISC103 Web Development Basics: Web site:
What is the World Wide Web (www)
Getting Started with Dreamweaver
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
CIS 133 mashup Javascript, jQuery and XML
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

HTML 101 MPM107

- What is a website? A website is basically a collection of web pages stored on a particular computer (called a web server) and accessed by outside computers. The site creator puts the files on the web server. A web server is just a computer with special software that allows others to view your web page when they go to the address of the web server. - What is a webpage? Each web page is a file. It might reference other files, but it is still a single file. The web page is just a text file of the HTML commands. This file is small, which is why it loads so quickly.

- What coding elements provide a webpage its structure, presentation and behaviour, why is it designed this way? For its structure, the HTML tag defines what type of web page it is going to be, for its presentation, the Body tag is what will display all of the design behind the coding, meanwhile the Head tag will tell all that code, through CSS (Cascading Style Sheets), how to dress up, meaning that it will change the Body's behaviour.

- What is html 5? Is an update for HTML4. What does this mean? Well, it is a revised version as of December 2012 that allows people to have a better and easier experience while browsing through the internet without having to rely on third party plugins to do all the complicated and heavy additions liefe videos, drag and drop features, 3D imaging, etc.

- How do you write an html tag, why? It is written by starting with a ' '. This is how a tag is opened. To close a tag, is the same process, but after the first '<', a backslash '/' has to be placed. Tags are the building base of a web site, and a website being a logic based platform, it needs to be told what to do, and in a very specific manner. A website works exactly like an outline, and it requires order. Since it requires order, if the coder writes a tag that opens something, then there should generally a tag that closes it, if an attribute is written, the coder has to make sure it is written properly, and it is imputing the correct information.

- what is the doctype element used for? The doctype is used for the identification of a website, placed differently, it is the way browsers know if the information in the document is an html or not. - what is an attribute? An attribute is an extra element placed within a tag to make a tag work more efficiently, and in a more desired manner. - what is a meta tag? A meta tag is a piece of code that is never shown to the user which helps sort a web page from all the other ones. The meta tag may specify name of the page, description, or even specific information of the page like when it was created, who created it, how much space it consumes, etc.

- where do you write text you want to see on the page? In the body tag - What is the h1 tag used for? H1 stands for Heading one, so h1 has two main uses. One is to categorize the webpage, and the other one is to give the visual aspect of the webpage a name - How do you load an image on the page? with an image tag (img). Though, this image will not display if the image is not located in the root folder - what is ftp and how do you use it? FTP stands for file transfer protocol. Basically what it does is that throughout the internet, a user can access a file in another server through respective credentials and access files to extract or place into the server.

- what is http and how does it work? HTTP stands for HyperText Transfer Protocol. What this does, is to let the browser know that you want to navigate to a web page in the internet. - what is a server, a web server? a server is a space, a storage space, where information can be placed, and recalled by the user at any moment as long as the user is connected to the internet. (This may require some credential check) To be able to post on a server, first you must create a web domain. This will allow you to upload code so that it can be read and put onto the World Wide Web. Once you have registered a domain, you can then create a hosting account and from there, you can link them together to create a webpage that you can upload your HTML code to. As long as your HTML code is correct it will show up on your domain. You can also create your own domain, but that does take more time and can be much more complicated.

- How do you create a link (hint)hint In order to create a link, an object(image or text generally) has to be placed into the site for it to work. When the object is placedm it has to be enveloped by this code: (object) Once this is done, the link to wherever it has to go will be established.

BIBLIOGRAPHY "Lesson 6: Creating HTML Hyperlinks." Creating Anchors and Links in HTML. N.p., n.d. Web. 27 Nov tutorial/lessons/links.html Bell, Mark, and Perez Beatriz. Parra. Crea Y Disen ̃ a Tu Pagina Web ¡GRATIS! Madrid: Anaya Multimedia-Anaya Interactiva, Print. "HTTP." What Is (HyperText Transfer Protocol)? N.p., n.d. Web. 22 Nov