Download to read offline
Uploaded byJason Fields
Website Design, Development & Maintenance | Foundations | Week 01
The document provides an overview of web design, development, and maintenance, emphasizing the importance of the presentation layer, coding languages, and file transfer protocols. It explains the structure of HTML, the significance of tags, and the concept of nesting elements within code. The document concludes with instructions for starting text formatting and editing on both Mac and PC systems.
More Related Content
Similar to Website Design, Development & Maintenance | Foundations | Week 01
Website Design, Development & Maintenance | Foundations | Week 01
- 1. mh653 | 2011 webdesign, development and maintenance
- 2. The Presentation layer isthe tip of the iceberg
- 3. the code rendered justunder the surface
- 4.
- 5. the machine housingthe source code
- 6.
- 7.
- 8. Hyper Text MarkupLanguage Cascading Style Sheet
- 9. HTML the frame ofall web pages
- 10.
- 11. all code hasan author
- 12. all code hasan author • coding is a ‘by hand’ activity • code can be repetitive • code has to get put onto the server
- 13.
- 14.
- 15. File transfer protocol •a means of getting files from your computer to a web server; whereby others can request it on their computers
- 16. process from beginning writethe code
- 17. process from beginning savethe file locally
- 18. process from beginning uploadyour file to a server
- 19. process from beginning requestyour file via your URL
- 20. process from beginning Youjust made a web page
- 21. All languages =HTML CSS MySQL ASP ASP.NET PHP ColdFusion AJAX JSON JAVA AS3Rails SOAP JavaScript XML XSLT DHTML Flex OWL
- 22. All languages =HTML + HTML CSS MySQL ASP ASP.NET PHP ColdFusion AJAX JSON JAVA AS3Rails SOAP JavaScript XML XSLT DHTML Flex OWL
- 23. what makes upcode? • html is made up of elements or ‘tags’ • the content of tags are what you see on a page • tags are the language you will be learning
- 24. What do tagslook like? <html> this is what an opening tag looks like </html> this is what an closing tag looks like
- 25. how does codework? • All web pages have three elements, opened and closed, that are needed to work properly <html></html> <head></head> <body></body>
- 26. how they areorganized <html> </html> <head> </head> <body> </body> <html> tells the browser the kind of doc <head> helps search engines <body> is where visual and functional items you see on a web page are put
- 27. understanding nesting • nestinghelps different elements in HTML appear correctly • think of nesting like tupperware, you can fit different elements inside each other • Those that can fit will work correctly • Those that can’t, will not work right - not necessarily break but won’t work right
- 28. lets begin formattingtext h3>hello world</h3><h4>hello world</h4><h5
- 29. What we donow • Open up a text editing program on your machine • MAC = Text Edit • PC = TextEdit • MAC == please turn off RTF and restart • To the Web
Editor's Notes
- #3 1.The presentation layer a.What everyone sees b.The most interesting part of a website for most c.Just the tipoff the iceberg
- #4 1.Code rendered a.In order for the presentation layer to appear, code needs to be read by the browser to know how to display the images, text, movies, audio, data, links, pdf’s, documents etc… b.This code has a particular logic to it which we will learn
- #5 when you type in a URL you are asking for a file from a server. the program that ‘renders’ the file is the browser
- #27 these three tags must be ‘nested’ in just this way