Presentation on theme: "Where Innovation Is Tradition IT 207: Web Architectures George Mason University."— Presentation transcript:
Where Innovation Is Tradition IT 207: Web Architectures George Mason University
Where Innovation Is Tradition Legend IconDescription Important Information. Covers key concepts and basic comprehension. Discussion Topic. Think about the proposed question and discuss it with others. Extended Discovery. Modify the existing code to practice programming and consider other real-world implementations. Be Careful. Advice to avoid common pitfalls. Text StyleDescription text Hyperlink to outside sources text Code excerpts text Code coloring is based on using Notepad++ for Windows. Familiarize yourself with the color scheme of whatever text editor you choose.
Where Innovation Is Tradition Overview Web Architectures XHTML Review Web Publishing
Where Innovation Is Tradition Client/Server Architecture Accessing a webpage is the process of requesting file(s) from a server and the server sending the appropriate file(s) How do IP addresses and the Domain Name System (DNS) fit into web architectures?
Where Innovation Is Tradition Dynamic Web Page Architecture Figure 1-3: How dynamic web pages are processed, Murach's PHP and MySQL. HTML is interpreted by the client (the web browser). PHP is interpreted on the server into HTML, which is sent to the client Hence, HTML is client-side and PHP is server-side. Databases are a service on web servers. The use of databases is a server-side functionality
Where Innovation Is Tradition XHTML Review Webpage Title Hello World 3 DOCTYPES: Strict Transitional Frameset The section contains content not displayed in the browser’s main body All visible content is placed in the section HTML is used to “mark-up” or format content Cascading Style Sheets are meant to control styling The DOCTYPE specifies what tags are allowed
Where Innovation Is Tradition XHTML DOCTYPE Strict Transitional Frameset Strict the preferred DOCTYPE for the course. Why is strict preferred over transitional?
Where Innovation Is Tradition XHTML Review Webpage Title Hello World Welcome to my webpage. Click here to visit my school. Container tags have opening and closing tags is an empty tag. It has no closing tag. HTML tags are made up of an element and attribute(s). The element is the name of the tag Attributes are characteristics to format an element
Where Innovation Is Tradition XHTML Review Information Name Age Contact Method John Doe 25 Tables are created row by row, they cannot be made column by column The colspan attribute stretches a cell across multiple columns. What is the attribute to stretch a cell across multiple rows?
Where Innovation Is Tradition Validating XHTML Documents Using the Direct Input method, copy and paste your XHTML into the form and click “Check” to validate Unlike compiled languages such as Java, HTML will still display with errors. Validating HTML code checks for errors
Where Innovation Is Tradition Understanding the Validator ErrorExplanation no document type declaration There is an error with the DOCTYPE in the beginning of the HTML document end tag omittedFor container tags, the closing tag is missing. For empty tags, the forward slash is missing document type does not allow element here There are two types of elements: block level and inline level. Inline elements such as or must be inside a block level element such as or required attribute “alt” not specified Image tags require the alt attribute. The alt attribute is a written description of the image used by screen readers for visual impairment there is no attributeSome attributes have been deprecated and are no longer valid. Style related attributes such as width and height are commonly deprecated.
Where Innovation Is Tradition Accessing Zeus/Helios Server STEPDescription 1 Go to download both OpenVPN and the VPN configuration zip file. Install OpenVPN and complete the directions for configuration on the website.http://labs.ite.gmu.edu/index.php/Services/VPN 2 Go to https://itservices.gmu.edu/downloads/, download and install Secure Shell (Windows) or Cyberduck (OSX) depending on your operating system. https://itservices.gmu.edu/downloads/ 3 Open your file transfer client and enter the following information: Host: zeus.ite.gmu.edu User: GMU user name Password: GMU password 4 Double-click the folder “helios_html” shown on the right-hand side column. 5 Create the directory “IT207”. Double-click the IT207 folder to enter it. 6 Create the directories “lab1” through “lab10”, “examples”, “project”, “exam”
Where Innovation Is Tradition Publishing Your XHTML Page Log in using SSH zeus.ite.gmu.edu | Port 22 | GMU username | GMU password Drag/Drop file(s) into directory Keep track of the directory used Ex: helios_html > IT207 > examples Set permissions appropriately Request file from web server on browser Ex: From the root directory, include directories used and the file name
Where Innovation Is Tradition The Coding Process CodeUploadTestDebug/Revise Do not write large sections of code without checking. Work in small sections and check frequently. The smaller the section, the sooner mistakes are identified and the easier it is to find the location of the mistake.
Where Innovation Is Tradition Recap The web is built in a client/server architecture HTML is client-side PHP is server-side Databases are server- side Web servers are organized by directories XHTML is a mark-up language used to describe content Validating XHTML is the process of checking the code against the standards outlined in the document type definition