150 likes | 267 Views
This course offers a step-by-step introduction to web site creation using Dreamweaver CS4. Over several weeks, students will learn about file management, basic HTML, site definitions, text formatting, and page layout. Key topics include XHTML, style sheets, accessibility, forms, and the history of the Internet. Students will also explore dynamic web design concepts, including CSS, JavaScript, and server-side scripting. By the end of the course, participants will be equipped with essential skills to create and manage professional-quality web pages.
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