Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.

Slides:



Advertisements
Similar presentations
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?
Advertisements

Iframes & Images Using HTML.
Web Site Development Test 2 Working in DreamWeaver.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Internet Publishing / Dreamweaver Luke E. Reese CARRS
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
What Is A Web Page? An Introduction to the Internet.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Chapter 14 Introduction to HTML
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
How the World Wide Web Works
The Internet & The World Wide Web Notes
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Web Design Basic Concepts.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
The Internet. An interconnected network of computers globally Computers are able to communicate and share information with one another from remote locations.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
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.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
CIT 256 Dreamweaver Intro. Dr. Beryl Hoffman. Start Dreamweaver Start from Start Menu/Adobe Master Collection CS6/ Adobe Dreamweaver CS6 Choose Create.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
WHAT IS A WEBSITE AND HOW TO GET YOUR BUSINESS ONLINE Anna Gabali – 30/07/ MKLC.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
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.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
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.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
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)
A SSIGNMENT #3 Com tech. ANSL HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink.
XP Creating Web Pages with Microsoft Office
Web Software Year 11.
Introduction to HTML.
Where to Start When Re-Designing a Webpage
Basic Knowledge of Web creation
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Creating Images for the Web
Computer Networks Lesson 4.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
An Introduction to the Internet
Presentation transcript:

Abigail morris

 Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply a standard for enabling the connection, communication, and data transfer between two places on a network. Here are some of the key protocols that are used for transferring data across the Internet.

HTML short for (Hyper Text Mark-up Language) Web pages are written in so that they can be recognised by all browsers. Even if they are created using a site or using a blog or even programs such as dreamwaver or iweb. Behind all of the programs and blogs it is html making it all work. It is a programming language that allows browsers to read a standardised form of each page across the world wherever it is from. html is the programming language that is allowing all of the programs and blogs to work because it allow the browsers to read the standardised form of each page across the world wide web where ever it is from.

 the internet is the connection made that are made between all the servers and computers across the world. information travels across these through a variety of languages known as protocols, every web page made has a name attached to it which is unique and its known as a URL (uniform resource Locator), it has to start with which stand for the hyper text transfer protocol. this is how computer communicate with each other.  all the pages through the world are linked through hyper link.  so it can be recognized by browsers such as Google, Safari and Firefox and many more are also available.

 a header is usually the name or logo of the website and some times even slogans for e.g.. "Nike just do it", the header will also contain some menu links that are link to other parts of the page, it will also have sidebars and different colors on the website, the webpage it self will contain secondary menu links.

 the menu is the navigation for your website, it can be place is different positions on the website.  content  the content is the main part of the page because, it will be different all pages of the website unlike the header and footer it will always remain the same,  the footer is at the bottom of the page it contains copy rights to the page and legal agreements, this will appear on every page on the web. 

 text is one of the simplest information you can put onto a website, and it is supported by every browser in the world no matter how old or new it is, it downloads in seconds, its the most flexible and reliable way to present contents online. you can read text in any environment because you don't need any plugins to read a text.  its important to not import copied and paste texts from other sites on to your because it will have the associated code all the way through it and that will cause problems with the browser.  its also important to check spelling and grammar because if your working for a company you have to be aware the British and Americans have different spellings from each other.

 color is very important on webpages, people use colors to attract the viewers,  there will be standardized colors set on the computer, there are million of colors and there are specific codes for those colors.  A website will need a color scheme, that looks good and works with the website all together with the images and text.

 There are three file types for images in websites are JPEG, PNG and GIF.  JPEG are most suitable for photographic images that uses lots of colours. When preparing images for the web you would choose how much compression you can use without the deterioration of that image. In photoshop you can compare the compressed and the original.  PNG format was originally meant to replace the GIF but is not always supported by all browsers on the web. It is a lossless method of compression which results in a good looking graphic with a small file size.  GIF is a file format that saves the file using bit and it is compatible with all browsers on the web. Suitable for large areas of solid colour such as logos or buttons and can also work on banners with text.  Vector images cannot be used in browsers so all of these are bitmap images, all photos used in websites must be saved as a bitmap type of file to be used online. It is important when preparing images to work with the best type of file for your image.

 Tables are mostly for specific types of information such as spread sheets or listing information.  People used to construct whole websites using tables and plan all the site before hand, so it could use them but these days they are better as part of a site rather than building the whole site.  Cells would also be used then be merged to make a header and split to make columns etc. There would also be tables within tables to give more interactivity to the site.

 A hyperlink is programme to command “go to another page”. Every webpage has many hyperlinks that send’s you to a picture, video or another related webpage. When you hover over a hyperlink your pointer will change. Hyperlinks are often adverts or underlined words or images.  That’s how you’ll you if it’s a hyper link.

PHP is used by the server of your website to carry out the more complicated operations and then display on your site visitor’s computer. An example is of this is having member logins on your site.  is File Transfer Protocol and is the standard for how files are transferred from place to place over a transmission control protocol network such as the internet. To transfer files with File Transfer Protocol. connection to a remote computer running FTP server software.

 HTML5 is the most up to date marked up language (syntax) used by designers to build WebPages. It is an updated version of html which is the foundation of web designs.  it defines the structure & content of webpages, it provides a basic framework on all kinds of web elements that are shared on the web. We use html to place all the elements onto the pages on the web.  if you know how to write html then you have all the control and aspects over your website and can make any changes that need making.  XHTML is a stricter version of html and gives you control over all aspects of a website. You can not make any mistakes and has to be perfect. Where as HTML will probably load even with a slight mistake and browsers will allow the slight errors.

 CSS is designed to show the separation’s of a document content usually written in HTML or a markup language from document presentations, which has elements such as the colors, layouts and also fonts.  CSS coding controls the animation and transitions, such as 2D and 3D images, backgrounds, borders, RGBa colours, Gradients, Box and text shadows.  It styles multi-column layouts, media queries how sites will look on ipads, mobile phones and so on. These styles are applied using rules, so that you can apply the same style to every page and have a website that is consistent and professional.