css & wordpress syron design. project 2 ne national project 3 self-directed cascading style...
TRANSCRIPT
![Page 1: CSS & WORDPRESS Syron Design. Project 2 NE National Project 3 Self-directed Cascading Style Sheets Word press + FTP + HTML](https://reader035.vdocuments.site/reader035/viewer/2022080914/56649d215503460f949f5d5b/html5/thumbnails/1.jpg)
CSS & WORDPRESS
Syron Design
![Page 2: CSS & WORDPRESS Syron Design. Project 2 NE National Project 3 Self-directed Cascading Style Sheets Word press + FTP + HTML](https://reader035.vdocuments.site/reader035/viewer/2022080914/56649d215503460f949f5d5b/html5/thumbnails/2.jpg)
Project 2 NE
National
Project 3Self-
directedCascading Style Sheets
Word press + FTP + HTML
![Page 3: CSS & WORDPRESS Syron Design. Project 2 NE National Project 3 Self-directed Cascading Style Sheets Word press + FTP + HTML](https://reader035.vdocuments.site/reader035/viewer/2022080914/56649d215503460f949f5d5b/html5/thumbnails/3.jpg)
Step 1: Wordpress
HTML Build with DW, WP
C-Panel environment for you to play with
Pair Network environment for you to FTP & manipulate
![Page 4: CSS & WORDPRESS Syron Design. Project 2 NE National Project 3 Self-directed Cascading Style Sheets Word press + FTP + HTML](https://reader035.vdocuments.site/reader035/viewer/2022080914/56649d215503460f949f5d5b/html5/thumbnails/4.jpg)
Step 2: Deep Dive CSS
Cascading Style Sheets
Code Academy CSS3 – deep dive Homework: Read
a chapter per class
In-Class: Tutorial per class
![Page 5: CSS & WORDPRESS Syron Design. Project 2 NE National Project 3 Self-directed Cascading Style Sheets Word press + FTP + HTML](https://reader035.vdocuments.site/reader035/viewer/2022080914/56649d215503460f949f5d5b/html5/thumbnails/5.jpg)
Concept Sketches
Think about the content and explore more than one way to represent & interact with that content on a site.
Design Comps
Multiple visual representations of content through look & feel, balance, hierarchy
Prototype Interface
Attempt at coding some or all of site. Exploration can be in CSS, HTML, Animation, or full build.
Interface Design
Full blown comps that communicate your ideas and expression for a site.
Wireframe & Architecture
Work your idea out through all the pages to make sure it will work smartly
Step 3: Design
10pts 10pts 60pts60pts10pts