Class Notes.docx - CIS 3630 Principles of Web Design The...

This preview shows page 1 - 2 out of 37 pages.

CIS 3630 – Principles of Web Design 1/30/2017 The home page should be the lightest page / page with the least amount of different information on it so it doesn’t take too long to load. o When you go to a webpage, you need a logo to appear right away. That’s what people look for right away. Also, need a title. Simple is better. Internet – Interconnect network of computer networks. World wide web – Collection of documents that are linked together by hyperlinks. URL - The address of the web pages. [ index.html ] o http stands for H yper T ext T ransport P rotocol. = Domain Name o Cuny – Secondary level o Edu – Top level Web 1.0 is a static page. This means there is limited interaction (Adding comments) Web 2.0 is when the user generates the content. (Facebook) Web 3.0 is like Apple Siri. It is called machine intelligence. 2/1/2017 HTML gives you the structure and content of the page. o Adding color is CSS. (Visual Presentation) CSS = PRESENTATION, COLOR, LAYOUT, FONTS HTML5 is way easier to use than before… What’s good about it? o Has built in audio and video playback. (Don’t need flash plug-ins) o Has offline cache. (Can access page while offline) o Cleaner code. o Browser cross-compatibility. (Works in every browser) o Mobile optimization. HTML uses tags to show how it starts and finishes. The structure is shown as <p> “Content” </p> [<p> Means paragraph – The first one is a start tag and the second one after “content” is the end tag] o Start tags have attributes – Additional information given to the tag. <p align=”Right”> There are double sided elements and one sided elements.
Image of page 1

Subscribe to view the full document.

o The double-sided element is the <p> one written above. o One sided elements for example are <hr> which is just a horizontal line running through the web page. o <img src = > adds a picture. o <br> is a break tag which moves the content to a new line. <strong> makes it bold <em> is the emphasize tag (italics) Basic Structure of a Web Page <! doctype html> [Tells you what version of HTML you are using] <html lang=”en”> [Tells you that you’re creating a webpage that it is in English] <head> [This just holds content] <title> My First Web Page </title> [Takes the name of this as the webpage – Bookmark] <meta charset= “utf-8”> [Keyboard – Uses this character set] </head> <body> [Anything you want the user to see goes here] (Break tag…Horizontal rule] </body> </html> *When coding, you must remember to do first in and first out. This goes in terms of tags and breaks. Always must end first with the tag that you start with. <p> <strong> content </strong> <p> = Sort of working backwards. Do what you end off with first. There are a few different types of lists: o The order list is <ol> and it is used with numbers.
Image of page 2
You've reached the end of this preview.
  • Spring '16

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern