Reading How the Web Works
|
|
- Theodora Lucas
- 5 years ago
- Views:
Transcription
1 Reading How the Web Works By Jonathan Lane Introduction Every so often, you get offered a behind-the-scenes look at the cogs and fan belts behind the action. Today is your lucky day. In this article we will usher you behind the scenes of one of the hottest technologies that you might already be familiar with: the World Wide Web. This article covers the underlying technologies that power the World Wide Web: Hypertext Markup Language (HTML) Hypertext Transfer Protocol (HTTP) Domain Name System (DNS) Web servers and web browsers Static and dynamic content While most of what is covered here will not help you to build a better website, it will give you the proper language to use when speaking with clients and with others about the Web. It is like a wise nun-turned-nanny once said in The Sound of Music: When we read we begin with ABC. When we sing we begin with Do Re Mi. In this article we will briefly look at how computers actually communicate, then go on to look at the different languages that work together to create the web pages that make up the Web. How do Computers Communicate via the Internet? Thankfully, we have kept things simple for computers. When it comes to the World Wide Web, most pages are written using the same language, HTML, which is passed around using a common protocol HTTP. HTTP is the common internet language (dialect, or specification), allowing a Windows machine, for example, to sing in harmony with a machine running the latest and greatest version of Linux (Do Re Mi!). Through the use of a web browser, a special piece of software that interprets HTTP and renders HTML into a human-readable form, web pages authored in HTML on any type of computer can be read anywhere, including telephones, PDAs and even popular games consoles. Even though they are speaking the same language, the various devices accessing the web need to have some rules in place to be able to talk to one another it is like learning to raise your hand to ask a question in class. HTTP lays out these ground rules for the Internet. Because of HTTP, a client machine 1
2 (like your computer) knows that it has to be the one to initiate a request for a web page; it sends this request to a server. A server is a computer where websites reside when you type a web address into your browser, a server receives your request, finds the web page you want, and sends it back to your computer to be displayed in your web browser. Dissecting a request/response cycle Now that we have looked at all the parts that allow computers to communicate across the Internet, let us look at the HTTP request/response cycle in more detail. There are some numbered steps below for you to work along with, so we can demonstrate some of the concepts to you more effectively. Every request/response starts by typing a URL (commonly known as a web address) into the address bar of your web browser, something like 1. Open a browser now, and type and press Enter/Return to go to the Apple homepage. Now, one thing you may not know is that web browsers actually do not use URLs to request websites from servers; they use Internet Protocol or IP addresses (which function like phone numbers or postal addresses, but identify servers, rather than phones or addresses). For example, the IP address of is Try opening a new browser tab or window, typing into the address bar and hitting enter you will get the same web page that you got to earlier. is basically acting as an alias for but why, and how? This is because people are better at remembering words than long strings of numbers. The system that makes this work is called DNS, which is a comprehensive automatic directory of all of the machines connected to the Internet. When you punch into your address bar and hit enter, that address is sent off to a name server that tries to associate it to its IP address. There are a literally millions of machines connected to the Internet, and not every DNS server has a listing for every machine online, so there is a system in place where your request will be referred on to another name server to fulfill your request, if the first one does not have the right information. So the DNS system looks up the Apple web site, finds that it is located at , and sends this IP address back to your web browser. Your machine then sends a request to the machine at the IP address specified and waits to get a response back. If all goes well, the server sends a short message back to the client with a message saying that everything is okay followed by the web page itself. This type of message is contained in an HTTP header. 2
3 3. Try typing in The page does not exist, so you will get a 404 error returned. Try it with a few different fake page addresses and you will see a variety of different pages returned. This is because some web developers have just left the web server to return their default error pages, and others have coded custom error pages to appear when a non-existent page is returned. Lastly, a note about URLs usually the first URL you go to on a site does not have an actual file name at the end of it (eg and then subsequent pages do this is because Web servers are configured to deliver a default page when visitors arrive at the URL. One of the most common file names for this default page is index.html. Types of Content Now you'll look at the different types of content you ll expect to see on the Internet. They are grouped these into 4 types plain text, web standards, server-side languages, and formats requiring other applications or plugins. Plain text In the really early days of the Internet, before any web standards or plugins came along, the Internet was mainly just images and plain text files with an extension of.txt or similar. When a plain text file is encountered on the Internet, the browser will just display it as is, without any processing involved Web Standards The basic building blocks of the World Wide Web are the three most commonly-used web standards HTML, CSS and JavaScript. Hypertext Markup Language (HTML) is actually a pretty good name as far as communicating it is purpose. HTML is what is used to divide up a document, specify its contents and structure, and define the meaning of each part (headings, paragraphs, bulleted lists, etc.) It uses elements to identify the different components of a page. Cascading Style Sheets (CSS) give you complete control over how an element is styled and positioned. It is easy, using style declarations, to change all paragraphs to be double-spaced (line-height: 2em;), or to make all second-level headings green (color: green;). There are a ton of advantages to separating the structure from the style. Finally, JavaScript provides dynamic functions to your web site or web application. You can write programs in JavaScript that will run in the web browser, requiring no special software to be installed. JavaScript allows you to add powerful interactivity and dynamic features to your website, but it has its limitations, which brings us to server-side programming languages, and dynamic web pages. 3
4 Server-side languages Sometimes, when browsing the Internet, you will come across web pages that do not have an.html extension they might have a.php,.asp,.aspx,.jsp, or some other strange extension. These are all examples of server-side web technologies, which can be used to create web pages with sections that change depending on variable values given to the page on the server, before the page is sent to the web browser to be displayed. For example, a movie listings page could pull movie information from a database, and display different movie information for different days, weeks or months. We will cover these types of web pages further in the Static versus Dynamic pages section below. Formats requiring other applications or plugins Because web browsers are only equipped to interpret and display certain technologies like web standards, if you have requested a URL that points to a file format the browser is not able to interpret, or a web page containing a technology requiring plugins, it will either be downloaded to your computer or opened using a plugin if the browser has it installed. For example: 1. If you encounter a Word document, Excel file, PDF, compressed file (ZIP, or RAR), complex image file such as a Photoshop PSD, or another file that the browser does not understand, the browser will usually ask you if you want to download or open the file. Both of these usually have similar results, except that the latter will cause the file to be downloaded and then opened by an application that does understand it, if one is installed. 2. If you encounter a page containing a Flash movie, Java Applet, or music of video file that it does not understand, the browser will play it using an installed plugin, if one has been installed. If not, you will usually be given a link to install the required plugin, or the file will download and look for a desktop application to run it. Of course, there are some gray areas for example some browsers will come with some plugins preinstalled, so you may not be aware that content is being displayed via a plugin and not natively within the browser. Static vs. Dynamic Websites So what are static and dynamic websites, and what is the difference between the two? Similar to a box of chocolates, it is all in the filling: A static website is a website where the content (eg the HTML and graphic content) is always static it is served up to any visitor the same, unless the person who created the website decides to manually change the copy of it on the server. 4
5 On a dynamic website, the content on the server is similar, but it also contains dynamic code instead of just HTML. Dynamic code may display different data depending on information such as the time of day, the user who is logged in, the date, and the search term it has been given to look for. Let us look at an example navigate to in your web browser, and search for 5 different products. Amazon has not sent you 5 different pages; it has sent you the same page 5 times, but with different dynamic information filled in each time. This different information is kept in a database, which pulls up the relevant information when requested, and gives it to the web server to insert into the dynamic page. Another thing to note is that special software must be installed on the server to create a dynamic website. Whereas normal static HTML files are saved with a file extension of.html and can just be run by the browser with no extra help, these files contain special dynamic code in addition to HTML, and are saved with special file extensions to tell the web server that they need extra processing before they are sent to the client (such as having the data inserted from the database). PHP files for example usually have a.php file extension. While the server for a dynamic website may be processing special dynamic code, it is still sending HTML to the client. The client does not need plugins for these special file extensions because the client is still getting what looks like an HTML file. There are many dynamic languages and frameworks to choose from we have already mentioned PHP, and other examples include Python, Ruby on Rails, ASP.NET and Coldfusion. In the end, all of these technologies have pretty much the same capabilities, like talking to databases, validating information entered into forms, etc., but they do things slightly differently, and have some advantages and disadvantages. It all boils down to what suits you best. Summary That is it for the behind-the-scenes tour of how the Internet works. This article really just scratches the surface of a lot of the topics covered, but it is useful as it puts them all in perspective, showing how they all relate and work together. There is still a lot left to learn about the actual language syntax that makes up HTML, CSS and JavaScript, and this is where we will go to next the next article focuses on the HTML, CSS and JavaScript web standards model of web development, and takes a look at web page code. 5
6 Exercise questions 1. Provide a brief definition for HTML and HTTP and explain the difference between the two. 2. Explain the function of a Web browser. 3. Have a look around the Internet for about 5 10 minutes and try to find some different types of content plain text, images, HTML, dynamic pages such as PHP and.net (.aspx) pages, PDFs, word documents, Flash movies etc. Access some of these and have a think about how your computer displays them to you. 4. What is the difference between a static page and a dynamic page? 5. Find a list of HTTP error codes, list 5 of them, and explain what each one means. Source: Lane, Jonathan. "3: How Does the Internet Work?" Recent Articles RSS 20. Dev.Opera, 8 July Web. 30 Dec < 6
Hypertext Markup Language, or HTML, is a markup
Introduction to HTML Hypertext Markup Language, or HTML, is a markup language that enables you to structure and display content such as text, images, and links in Web pages. HTML is a very fast and efficient
More informationCreate web pages in HTML with a text editor, following the rules of XHTML syntax and using appropriate HTML tags Create a web page that includes
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT2: MARKUP AND HTML 1 IN THIS UNIT YOU WILL LEARN THE FOLLOWING Create web pages in HTML with a text editor, following
More informationInternet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.
Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over
More informationWebDev. Web Design COMBINES A NUMBER OF DISCIPLINES. Web Development Process DESIGN DEVELOPMENT CONTENT MULTIMEDIA
WebDev Site Construction is one of the last steps The Site Development Process http://webstyleguide.com Web Design COMBINES A NUMBER OF DISCIPLINES DESIGN CONTENT Interaction Designers User Interface Designers
More informationNavigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More informationCREATING WEBSITES. What you need to build a website Part One The Basics. Chas Large. Welcome one and all
Slide 1 CREATING WEBSITES What you need to build a website Part One The Basics Chas Large Welcome one and all Short intro about Chas large TV engineer, computer geek, self taught, became IT manager in
More informationComm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More informationCOPYRIGHTED MATERIAL. Starting Strong with Visual C# 2005 Express Edition
1 Starting Strong with Visual C# 2005 Express Edition Okay, so the title of this chapter may be a little over the top. But to be honest, the Visual C# 2005 Express Edition, from now on referred to as C#
More informationRuby on Rails Welcome. Using the exercise files
Ruby on Rails Welcome Welcome to Ruby on Rails Essential Training. In this course, we're going to learn the popular open source web development framework. We will walk through each part of the framework,
More informationBeginning Web Site Design
Beginning Web Site Design Stanford University Continuing Studies CS 03 (Summer CS 21) Mark Branom branom@alumni.stanford.edu http://web.stanford.edu/people/markb/ Course Web Site: http://web.stanford.edu/group/csp/cs03/
More informationThe World Wide Web is a technology beast. If you have read this book s
What Is a Markup Language and Why Do I Care? The World Wide Web is a technology beast. If you have read this book s introduction, you should have at least a passing familiarity with how the Web started
More informationAJAX Programming Overview. Introduction. Overview
AJAX Programming Overview Introduction Overview In the world of Web programming, AJAX stands for Asynchronous JavaScript and XML, which is a technique for developing more efficient interactive Web applications.
More informationCreating and Building Websites
Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 1 Slide 1 of 28 Course Description
More informationCopyright 2014 Blue Net Corporation. All rights reserved
a) Abstract: REST is a framework built on the principle of today's World Wide Web. Yes it uses the principles of WWW in way it is a challenge to lay down a new architecture that is already widely deployed
More informationWeb Design E M I R R A H A M A N WEB DESIGN SIDES 2017 EMIR RAHAMAN 1
Web Design S ESSION 1: WEB BASICS E M I R R A H A M A N WEB DESIGN SIDES 2017 EMIR RAHAMAN 1 The World Wide Web (WWW) An information system of interlinked hypertext documents accessible via the Internet
More informationThe Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
More informationJava Applets, etc. Instructor: Dmitri A. Gusev. Fall Lecture 25, December 5, CS 502: Computers and Communications Technology
Java Applets, etc. Instructor: Dmitri A. Gusev Fall 2007 CS 502: Computers and Communications Technology Lecture 25, December 5, 2007 CGI (Common Gateway Interface) CGI is a standard for handling forms'
More informationThe main differences with other open source reporting solutions such as JasperReports or mondrian are:
WYSIWYG Reporting Including Introduction: Content at a glance. Create A New Report: Steps to start the creation of a new report. Manage Data Blocks: Add, edit or remove data blocks in a report. General
More informationWeek - 01 Lecture - 04 Downloading and installing Python
Programming, Data Structures and Algorithms in Python Prof. Madhavan Mukund Department of Computer Science and Engineering Indian Institute of Technology, Madras Week - 01 Lecture - 04 Downloading and
More informationWeb Site Design and Development. CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM
Web Site Design and Development CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM By the end of this course you will be able to Design a static website from scratch Use HTML5 and CSS3 to build the site you
More informationwelcome to BOILERCAMP HOW TO WEB DEV
welcome to BOILERCAMP HOW TO WEB DEV Introduction / Project Overview The Plan Personal Website/Blog Schedule Introduction / Project Overview HTML / CSS Client-side JavaScript Lunch Node.js / Express.js
More informationDreamweaver CS6. Level 1. Topics Workspaces Basic HTML Basic CSS
Level 1 Topics Workspaces Basic HTML Basic CSS Tour the Workspace The arrangement of panels and menus you use to interact with a document is called the workspace. Much of Illustrator is customizable: you
More information28 JANUARY, Updating appearances. WordPress. Kristine Aa. Kristoffersen, based on slides by Tuva Solstad and Anne Tjørhom Frick
Updating appearances WordPress Kristine Aa. Kristoffersen, based on slides by Tuva Solstad and Anne Tjørhom Frick Agenda Brief talk about assessments Plan for WordPress lessons Installing themes Installing
More informationWeb Programming Paper Solution (Chapter wise)
Introduction to web technology Three tier/ n-tier architecture of web multitier architecture (often referred to as n-tier architecture) is a client server architecture in which presentation, application
More informationLesson 5: Multimedia on the Web
Lesson 5: Multimedia on the Web Lesson 5 Objectives Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss
More informationHTML5 and CSS3 for Web Designers & Developers
HTML5 and CSS3 for Web Designers & Developers Course ISI-1372B - Five Days - Instructor-led - Hands on Introduction This 5 day instructor-led course is a full web development course that integrates HTML5
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More informationQiufeng Zhu Advanced User Interface Spring 2017
Qiufeng Zhu Advanced User Interface Spring 2017 Brief history of the Web Topics: HTML 5 JavaScript Libraries and frameworks 3D Web Application: WebGL Brief History Phase 1 Pages, formstructured documents
More informationChapter 9. Web Applications The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill
Chapter 9 Web Applications McGraw-Hill 2010 The McGraw-Hill Companies, Inc. All rights reserved. Chapter Objectives - 1 Explain the functions of the server and the client in Web programming Create a Web
More informationPART COPYRIGHTED MATERIAL. Getting Started LEARN TO: Understand HTML, its uses, and related tools. Create HTML documents. Link HTML documents
2523ch01.qxd 3/22/99 3:19 PM Page 1 PART I Getting Started LEARN TO: Understand HTML, its uses, and related tools Create HTML documents Link HTML documents Develop and apply Style Sheets Publish your HTML
More informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationIntroduction to Web Concepts & Technologies
Introduction to Web Concepts & Technologies What to Expect This is an introduction to a very broad topic This should give you a sense of what you will learn in this course Try to figure out what you want
More informationASSIGNMENT #1: MASHUP CONCEPTS AND WEB STANDARDS
ASSIGNMENT #1: MASHUP CONCEPTS AND WEB STANDARDS Due September 22, 2010 (in lecture) Reflection Ideation Exercise Bonus Challenge Analyzing Existing Mashups (10 Points) Some mashups combine data primarily
More informationWho should use this manual. Signing into WordPress
WordPress Manual Table of Contents Who should use this manual... 3 Signing into WordPress... 3 The WordPress Dashboard and Left-Hand Navigation Menu... 4 Pages vs. Posts... 5 Adding & Editing Your Web
More informationAdobe Dreamweaver CS3 English 510 Fall 2007
Adobe Dreamweaver CS3 English 510 Fall 2007 Important: Before going through this handout, you should create a WWW directory on your ISU e-mail account. Otherwise, you will not be able to upload and view
More informationThe head Web designer walks into your sumptuous office and says, We
In This Chapter Discovering Joomla Viewing some example sites Chapter 1 Essential Joomla Knowing what content management systems do Finding out why Joomla is so popular Preparing to use Joomla The head
More informationIntroduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1
Introduction, Notepad++, File Structure, 9 Tags, Hyperlinks 1 Introduction to HTML HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. HTML consists
More informationProgramming: Computer Programming For Beginners: Learn The Basics Of Java, SQL & C Edition (Coding, C Programming, Java Programming, SQL
Programming: Computer Programming For Beginners: Learn The Basics Of Java, SQL & C++ - 3. Edition (Coding, C Programming, Java Programming, SQL Programming, JavaScript, Python, PHP) PDF PLEASE NOTE: You
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationMaster Syndication Gateway V2. User's Manual. Copyright Bontrager Connection LLC
Master Syndication Gateway V2 User's Manual Copyright 2005-2006 Bontrager Connection LLC 1 Introduction This document is formatted for A4 printer paper. A version formatted for letter size printer paper
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationHow APEXBlogs was built
How APEXBlogs was built By Dimitri Gielis, APEX Evangelists Copyright 2011 Apex Evangelists apex-evangelists.com How APEXBlogs was built By Dimitri Gielis This article describes how and why APEXBlogs was
More informationPart II IT Infrastructure (Computer Software)
Part II IT Infrastructure (Computer Software) DCS COMSATS Institute of Information Technology Rab Nawaz Jadoon Assistant Professor COMSATS IIT, Abbottabad Pakistan Management Information Systems (MIS)
More informationSection 1: How The Internet Works
Dreamweaver for Dummies Jared Covili jcovili@media.utah.edu (801) 585-5667 www.uensd.org/dummies Section 1: How The Internet Works The Basic Process Let's say that you are sitting at your computer, surfing
More informationClient Side JavaScript and AJAX
Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationMore about HTML. Digging in a little deeper
More about HTML Digging in a little deeper Structural v. Semantic Markup Structural markup is using to encode information about the structure of a document. Examples: , , , and
More informationHtml5 Css3 Javascript Interview Questions And Answers Pdf >>>CLICK HERE<<<
Html5 Css3 Javascript Interview Questions And Answers Pdf HTML5, CSS3, Javascript and Jquery development. There can be a lot more HTML interview questions and answers. free html interview questions and
More information1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document.
1. Please, please, please look at the style sheets job aid that I sent to you some time ago in conjunction with this document. 2. W3Schools has a lovely html tutorial here (it s worth the time): http://www.w3schools.com/html/default.asp
More informationCSCU9B2 Practical 1: Introduction to HTML 5
CSCU9B2 Practical 1: Introduction to HTML 5 Aim: To learn the basics of creating web pages with HTML5. Please register your practical attendance: Go to the GROUPS\CSCU9B2 folder in your Computer folder
More informationTutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION
Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax
More informationBeginning HTML And CSS By Rob Larsen
Beginning HTML And CSS By Rob Larsen Beginning HTML and CSS by Rob Larsen - PDF Drive - to teach you about creating web pages, this book is Jon Duckett Html & Css web design css tu Beginning HTML and CSS
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationThe Nature of the Web
The Nature of the Web Agenda Code The Internet The Web Useful References 2 CODE is King (or Queen) The language of the Web: Hypertext Markup Language - HTML Cascading Style Sheets - CSS Build over successive
More informationBuilding Your Website
Building Your Website HTML & CSS This guide is primarily aimed at people building their first web site and those who have tried in the past but struggled with some of the technical terms and processes.
More informationAnnouncements Fawzi Emad, Computer Science Department, UMCP
Announcements Look over class webpage Lectures slides are being posted TA Office hours will start next week Make sure you are downloading Komodo Edit and not Komodo IDE 1 Very Brief History of The Internet
More informationLesson 5: Multimedia on the Web
Lesson 5: Multimedia on the Web Learning Targets I can: Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss
More informationWe aren t getting enough orders on our Web site, storms the CEO.
In This Chapter Introducing how Ajax works Chapter 1 Ajax 101 Seeing Ajax at work in live searches, chat, shopping carts, and more We aren t getting enough orders on our Web site, storms the CEO. People
More informationCTI Short Learning Programme in Internet Development Specialist
CTI Short Learning Programme in Internet Development Specialist Module Descriptions 2015 1 Short Learning Programme in Internet Development Specialist (10 months full-time, 25 months part-time) Computer
More informationWebomania Solutions Pvt. Ltd. 2017
There are different types of Websites. To understand the types, one need to understand what is a website? What is a Website? A website is an online HTML Document, accessible publicly and it contains certain
More informationUsing Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles
Using Dreamweaver CC 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format
More informationWeb System and Technologies (Objective + Subjective)
1. What four components are needed to create a fully dynamic web page. A web server (such as Apache), a server-side scripting language (PHP), a database (MySQL), and a client-side scripting language (JavaScript)
More informationProgramming the World Wide Web by Robert W. Sebesta
Programming the World Wide Web by Robert W. Sebesta Tired Of Rpg/400, Jcl And The Like? Heres A Ticket Out Programming the World Wide Web by Robert Sebesta provides students with a comprehensive introduction
More informationCSC9B1: Essential Skills WWW 1
CSC9B1: Essential Skills WWW 1 Lecture WWW 1/Slide 1 A short history of hypertext The visionary: Vannevar Bush: As We May Think, 1945: The MEMEX machine ( memory extender ) Linked information, trails,
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Review HTML Introduction Structure Preview Review gunkelweb.com/classlist Review Introduction World Wide Web vs. Internet Internet - Developed by DARPA in the 1960 s
More informationPasswords. Twitter UN: IDANRV Twitter PW: idanrv1. Thank You
Passwords Twitter UN: IDANRV Twitter PW: idanrv1 Thank You USER'S MANUAL TABLE OF CONTENTS Page # 1.1 SYSTEM OVERVIEW... 4 1.2 DEFINITIONS & ACRONYMS... 4 1.3 REFERENCES... 4 2.0 INSTALLATION... 5 2.1
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
More informationInteractive PDFs Start
Interactive PDFs Introduction Generally, we use the term interactive PDF when we re talking about a PDF file that is meant to be viewed on screen. The interactive PDF features are the parts of a PDF that
More informationof making things look better with CSS, and you have a much better platform for interface development.
I ve always had an interest in the nontechnical side of software development: the user experience. It started back when I was working on teams building the core of application servers in C++. We admired
More informationCS WEB TECHNOLOGY
CS1019 - WEB TECHNOLOGY UNIT 1 INTRODUCTION 9 Internet Principles Basic Web Concepts Client/Server model retrieving data from Internet HTM and Scripting Languages Standard Generalized Mark up languages
More informationfor Beginners COPYRIGHT NATIONAL SEMINARS TRAINING. ALL RIGHTS RESERVED.
HTML for Beginners COPYRIGHT NATIONAL SEMINARS TRAINING. ALL RIGHTS RESERVED. HTML FOR BEGINNERS History of HTML The Hypertext Markup Language (HTML) was created in the early 1990s as a text description
More informationThese are notes for the third lecture; if statements and loops.
These are notes for the third lecture; if statements and loops. 1 Yeah, this is going to be the second slide in a lot of lectures. 2 - Dominant language for desktop application development - Most modern
More informationLab 5: Dreamweaver CS5, Uploading your Web site
Lab 5: Dreamweaver CS5, Uploading your Web site Setting up Local and Remote Information: 1. Launch Dreamweaver 2. Choose site->new site 3. By Site Name give your site a name. Make sure the name has no
More informationIt is written in plain language: no jargon, nor formality. Information gets across faster when it s written in words that our users actually use.
Web Style Guide A style guide for use for writing on Tufts Library Websites and LibGuides. Contents: 1. Web style guides for online content 2. LibGuides 2-specific style guide 3. Tisch s website-specific
More informationHow To Upload Your Newsletter
How To Upload Your Newsletter Using The WS_FTP Client Copyright 2005, DPW Enterprises All Rights Reserved Welcome, Hi, my name is Donna Warren. I m a certified Webmaster and have been teaching web design
More informationAdobe Dreamweaver CC 17 Tutorial
Adobe Dreamweaver CC 17 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationFROM 4D WRITE TO 4D WRITE PRO INTRODUCTION. Presented by: Achim W. Peschke
4 D S U M M I T 2 0 1 8 FROM 4D WRITE TO 4D WRITE PRO Presented by: Achim W. Peschke INTRODUCTION In this session we will talk to you about the new 4D Write Pro. I think in between everyone knows what
More informationLearn Ruby On Rails For Web Development Learn Rails The Fast And Easy Way
Learn Ruby On Rails For Web Development Learn Rails The Fast And Easy Way Learn Ruby on Rails by following along and building a Pinterest Clone website. Rails book Learn Ruby On Rails For Web Development
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationUsing Dreamweaver CC. 3 Basic Page Editing. Planning. Viewing Different Design Styles
3 Now that you should know some basic HTML, it s time to get in to using the general editing features of Dreamweaver. In this section we ll create a basic website for a small business. We ll start by looking
More informationImagery International website manual
Imagery International website manual Prepared for: Imagery International Prepared by: Jenn de la Fuente Rosebud Designs http://www.jrosebud.com/designs designs@jrosebud.com 916.538.2133 A brief introduction
More informationIntroduction to JavaScript and the Web
Introduction to JavaScript and the Web In this introductory chapter, we'll take a look at what JavaScript is, what it can do for you, and what you need to be able to use it. With these foundations in place,
More informationAnnouncements Fawzi Emad, Computer Science Department, UMCP
Announcements You must come to lecture for which you are registered! If you are going to be routinely late (or leave early) please try to adjust your class schedule. Look over class webpage Lectures slides
More informationE-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables
Lab 5 Valid HTML, Home Page & Editor Tables Navigation Topics Covered Server Side Includes (SSI) PHP Scripts menu.php.htaccess assessment.html labtasks.html Software Used: HTML Editor Background Reading:
More informationHTML/CSS Essentials. Day Three Ed Crowley
HTML/CSS Essentials Day Three Ed Crowley Today s Topics Web History HTML Beginnings CSS Selectors Lab (Today s Work) Exam Prep (Time Permitting) Sputnik 1957 Led to the creation of Advanced Research Projects
More informationMRK260. Week Two. Graphic and Web Design
MRK260 Week Two Graphic and Web Design This weeks topics BASIC HTML AND CSS MRK260 - Graphic & Web Design - Week Two 2 Lesson Summary What is HTML? Introduction to HTML Basics Introduction to CSS Introduction
More information(Refer Slide Time: 01:40)
Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #25 Javascript Part I Today will be talking about a language
More informationCreating and Publishing Faculty Webpages
Creating and Publishing Faculty Webpages The UNF Template The template we are using today provides a professional page that is easy to work with. Because the pages are already built, faculty members can
More informationRead & Download (PDF Kindle) Intro To Java Programming, Comprehensive Version (10th Edition)
Read & Download (PDF Kindle) Intro To Java Programming, Comprehensive Version (10th Edition) NOTE: You are purchasing a standalone product; MyProgrammingLab does not come packaged with this content. If
More informationBackground of HTML and the Internet
Background of HTML and the Internet World Wide Web in Plain English http://www.youtube.com/watch?v=akvva2flkbk Structure of the World Wide Web A network is a structure linking computers together for the
More informationObjective % Select and utilize tools to design and develop websites.
Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret
More informationHTML TIPS FOR DESIGNING.
This is the first column. Look at me, I m the second column.
More informationUser Guide. Contents. NAFSA Adviser s Manual 360 User Guide Page 1
User Guide Contents Getting Started... 2 The Adviser s Manual Launch Page on the NAFSA Website... 4 Opening the Manual... 5 Open the Manual from the Adviser s Manual home page on the NAFSA website... 5
More informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationClass 3 Page 1. Using DW tools to learn CSS. Intro to Web Design using Dreamweaver (VBUS 010) Instructor: Robert Lee
Class 3 Page 1 Using DW tools to learn CSS Dreaweaver provides a way for beginners to learn CSS. Here s how: After a page is set up, you might want to style the . Like setting up font-family, or
More informationGoogle Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013
Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your
More informationCTI Higher Certificate in Information Systems (Internet Development)
CTI Higher Certificate in Information Systems (Internet Development) Module Descriptions 2015 1 Higher Certificate in Information Systems (Internet Development) (1 year full-time, 2½ years part-time) Computer
More informationFigure 1 Properties panel, HTML mode
How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties
More informationHTML&CSS. design and build websites
HTML&CSS design and build websites jon duckett 1 Structure Understanding structure Learning about markup Tags and elements We come across all kinds of documents every day of our lives. Newspapers, insurance
More information