───✱*.。:。✱*.:。✧*.。✰*.:。✧*.。:。*.。✱ ───
HTML Elements
- Written language with tags for different elements, such as paragraphs, headings, images, etc.
graph TD A[Doc] --> B[Heading] B --> C[Paragraph] B --> D[Image] B --> E[Table] B --> F[Figure] C --> G[Sentence] D --> G[Sentence] E --> G[Sentence] F --> G[Sentence]
Flow
- The flow of pages are based on the display of elements.
- Inline elements don’t break the flow; they don’t insert whitespace.
- Block elements are elements that create vertical division (such as
<p>
)
Inline Elements
- Changes inline elements; doesn’t break the flow of the page.
- Includes many elements, such as:
<strong>
and<b>
→ bold text<em>
and<i>
→ italic text
- Includes many more elements including
<button>
,<span>
,<a>
, etc.
Block Elements
- The majority of block elements are for page content.
- Includes many elements, such as:
<p>
→ paragraph text<nav>
→ navigation menu<hr>
→ horizontal rule/line<br>
→ line break
- Lists (and all of their variants) are also block elements
Character Entities
- Specific characters are reserved in HTML, including things such as
<
or>
- Your browser will think you’re trying to create tags which would cause issues.
- Character entities have both names and numbers:
&entity_name;
→ used when you know the entity name, such as<
for<
&#entity_num;
→ used when you know the entity code, such as<
for<
Document Structure
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags, SEO, title options, open graph, etc. -->
</head>
<body>
<!-- Content that's displayed on the page -->
</body>
</html>
Web Design Cycle
- Websites can make or break an organization/business
- A website has to be useful, usable, and it has to meet the needs.
- A website is not static, it should be updated based on:
- Changes in target population
- Changes in content
- Changes in technology
Steps
- Analysis
- Specification
- Design & Development
- Content Writing
- Coding & Testing
- SEO & Promotion
- Maintain & Upgrade
Site Mission
- Every website has a defined mission and target audience.
- A site mission is necessary to make pages optimized based on the target audience and goals.
- A site mission should be a short sentence, such as:
- BuyAHome.com is a place for people buying/selling a house without a realtor to meet, exchange information, and negotiate a purchase.
───✱*.。:。✱*.:。✧*.。✰*.:。✧*.。:。*.。✱ ───