1. Main Site Root Folder
The Site Root Folder is key to your project's success. It should be kept in one place and never moved. It's recommended to save it on a flash drive and create backups.
Steps to set up in Dreamweaver:
- Go to the drag down menu, Sites
- Choose Manage Sites...
- Click on New Site in the lower right corner
- Name the Site (e.g., MSRF for Main Site Root Folder)
- Click on the small folder icon next to "Local Site Folder"
- Click on Save
2. HTML Sandwich
Modern HTML documents follow this structure:
- Doctype Declaration:
<!doctype html> - HTML Element:
<html> - Head Element:
<head> - Body Element:
<body>
3. HTML Structure and Content
HTML uses various elements to structure web content:
- Content Elements: Text, images, and multimedia
- Structural Elements: Semantic tags like
<header>,<main>,<footer> - Identifiers: Use
classfor repeating elements andidfor unique elements - Tags: Define start and end of elements, e.g.,
<p>,<a>,<div>
4. CSS = Style
CSS defines the look and layout of a web page. Modern practices include:
- External Stylesheets: Linking a separate .css file
- Embedded CSS: Using
<style>tags in the<head> - Inline CSS: Applying styles directly to elements
5. Advanced CSS Techniques
Modern CSS includes advanced layout techniques:
- Flexbox: For one-dimensional layouts
- CSS Grid: For two-dimensional layouts
- Responsive Design: Using media queries and relative units