150 likes | 255 Views
Beginning Web Site Creation: Dreamweaver CS4. Introduction. Class Outline . WK1 & WK2 File Management BlackBoard SWS Planning, Design, and HTML review WK3 & WK4 Dreamweaver Basics Site definition Insert & format text Format pages Absolute & relative links XHTML. Class Outline .
E N D
Beginning Web Site Creation: Dreamweaver CS4 Introduction
Class Outline • WK1 & WK2 • File Management • BlackBoard • SWS • Planning, Design, and HTML review • WK3 & WK4 • Dreamweaver Basics • Site definition • Insert & format text • Format pages • Absolute & relative links • XHTML
Class Outline • WK5 & WK6 • Style sheets • Selectors • Page Layout • DIVs • WK7 – WK9 • Tables and Graphics • Photoshop intro • Rollovers & Disjointed Rollovers • Accessibility
Class Outline • WK10 & WK11 • Forms • Finish up!
Growth of the Internet 1969 – Four California Universities 1989 – 100,000 hosts 1991 – US allow s business access 1991 – HTTP introduced 1993 – Mosaic (1st browser) introduced Ansgar Hellwig
Protocols – the Rules of the Road • FTP – File Transfer Protocol • HTTP – Hypertext Transfer Protocol • TCP/IP – Transmission Control/Internet Protocol • TCP – Packets • IP – routes the packet to it’s destination • IP Address = Web address (Domain Name)
Markup Languages Mark-up Languages = a set of directions that tell browsers how to display and manage web documents. • HTML – Hypertext Mark-up Language • XML – Extensible Markup Language • XHTML – Combination • DHTML – Dynamic Hypertext Markup Language
Static Web Page Design Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html
DynamicWeb Page Design – Step1 Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html
Wait! What is “CSS”? Cascading Style Sheets • Styles control formatting • They are stored outside of your web page on Style Sheets • They allow you to have consistent formatting between all the pages of your web site. • Yes, we will do this
DynamicWeb Page Design Greg Kerr -- http://spot.pcc.edu/~gkerr/cas112d/cas112d_nav4_tips.html
Wait! Database? What else are you not telling me? • JavaScript • “scripting” = lightweight programming • Adds variable information • Makes cookies! • Easy to add • Rollovers! • Server Side Scripting • “programming the Web Server” • ASP – Active Server Pages • PHP – Personal Home Page • XML • Describes, transports & stores the data
Browsers – W3Schools.com http://www.w3schools.com/browsers/browsers_stats.asp
Display Resolution – W3Schools.com http://www.w3schools.com/browsers/browsers_stats.asp