CIS 110 Ch. 4 LWD4ed SLIDES NOTES
LWD4ed CIS 110 Ch. 4: Create a Web Page, Step-by-Step CIS 110 Ch. 4: Create a Simple Web Page • Step 1: Start with content. • • Step Step 2: 3: Give the document structure. Identify text elements. • • Step Step 4: 5: Add an image. Change the appearance with a style sheet. CIS 110 Before We Begin, Launch a Code Editor (p. 50) Atom is our cross-platform code editor • Start Atom • To open a folder, choose the menu item File Add Project Folder, and select your 110 folder CIS 110 Tree View in Atom When you open a folder in Atom, you automatically get a Tree View on the left side of your window CIS 110 Ch. 4: Create a New Document in Atom • Right-click the p2 folder, and select New File • Name it • IMPORTANT for Windows: Read "How to make file extensions visible", p. 51. CIS 110 Ch. 4: File Naming (p. 53) CIS 110 Ch. 4: File Naming (p. 53) CIS 110 Step 1: Start with Content Step 2: Give the Document Structure • In Atom, open = LWD5ed Materials ch04 finished exercises ex4-1 • Let’s spiff it up = Atom packages: Emmet, Open in Browser, HTML- Lint, Prettify = Emmet Cheat Sheet CIS 110 Basic document structure Emmet’s "!-tab" command builds this automatically CIS 110 Basic document structure Emmet’s "!-tab" command builds this automatically
Document information
- Uploaded on
- January 31, 2023
- Number of pages
- 27
- Written in
- 2022/2023
- Type
- Other
- Person
- Unknown
