Fluid layout
Liquid layouts
Learn:
- That a Web page with a liquid layout changes its width when the browser window changes its width.
- How to create liquid layouts with and without whitespace.
How to...
Lessons
- Foundations
- ClientCore
- A Web page with text
- A page that interacts
- A page with images
- What images are for
- How computers show images
- Image formats
- Where images come from
- Your image toolkit
- Showing images on a page
- Styling boundaries - the box model
- Floating images
- Images and captions
- Background images
- eMe: Images
- Colors and color schemes
- Changing images - jQuery and the if statement
- eMe: Making a slideshow
- Exercises: A Web page with images
- A page with tables
- Web pages with links
- Web page layout
- Reuse a design
- A production site
- A site with widgets
- Looking ahead
- ServerCore
- Why learn PHP with CoreDogs?
- The PHP ecosystem
- Web site templates
- Fundamental forms
- Saving form data
- Checking form data
- Basic database applications
- Goal: A Web application
- How PHP and DBMS work together
- Tools for developers
- Sample: DogToys
- Sample: DogRock
- Creating a database
- Creating a table
- Starting the jokes project
- Adding data
- Handling errors
- Showing data
- Showing sorted data
- Drilling down
- The administration menu
- Deleting records
- Editing records
- Exercises: Basic database applications
- Restricting access
- Looking ahead
