Website Design, Development & Maintenance | Foundations | Week 01
•Download as PPT, PDF•
0 likes•328 views
This is the week 1 presentation to express the basics of web development and design to masters candidates who embarked on a 13 week soup to nuts web marketing adventure.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Website Design, Development & Maintenance | Foundations | Week 01
Similar to Website Design, Development & Maintenance | Foundations | Week 01 (20)
Recently uploaded
Recently uploaded (20)
Website Design, Development & Maintenance | Foundations | Week 01
- 1. mh653 | 2011 web design, development and maintenance
- 2. The Presentation layer is the tip of the iceberg
- 3. the code rendered just under the surface
- 5. the machine housing the source code
- 7. HTML CSS
- 8. Hyper Text Markup Language Cascading Style Sheet
- 9. HTML the frame of all web pages
- 11. all code has an author
- 12. all code has an author • coding is a ‘by hand’ activity • code can be repetitive • code has to get put onto the server
- 13. FTP
- 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 write the code
- 17. process from beginning save the file locally
- 18. process from beginning upload your file to a server
- 19. process from beginning request your file via your URL
- 20. process from beginning You just 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 up code? • 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 tags look like? <html> this is what an opening tag looks like </html> this is what an closing tag looks like
- 25. how does code work? • All web pages have three elements, opened and closed, that are needed to work properly <html></html> <head></head> <body></body>
- 26. how they are organized <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 • nesting helps 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 formatting text h3>hello world</h3><h4>hello world</h4><h5
- 29. What we do now • 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
- 1.The presentation layer a.What everyone sees b.The most interesting part of a website for most c.Just the tipoff the iceberg
- 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
- when you type in a URL you are asking for a file from a server. the program that ‘renders’ the file is the browser
- these three tags must be ‘nested’ in just this way