GitHub Website Template 02 - Editing your repository with Dreamweaver
This series of videos will step through the creation of a simple, mobile compatible static website, hosted on GitHub. The Word document with the step by step is at: https://github.com/bwattle/Portfolio/releases/download/v1.02/GitHubWebsite-02-EditInDreamweaver.docx Anyone wishing to edit a static website with Dreamweaver may find this video helpful. To visit parts of this video, click on a time below: Logging: 0:00 Intro 0:19 Web view of Word document 0:25 OneDrive setup in a Department of Education School 0:50 Setup an empty "Portfolio" folder in OneDrive 1:05 Download Dreamweaver for DoE students 1:45 Download the Git Client 1:55 Open Dreamweaver - View the "Properties" and "Git" panels 2:34 Dreamweaver - SITE SETUP - ESSENTIAL for each machine you use 3:36 Clone an existing site - add link and GitHub credentials 6:05 Return to "Manage Sites" 6:54 Split your page vertically 7:20 View Git Panel 7:30 Update link to your hosted site 8:10 Using the "Properties" panel 8:45 Updating "Target" and "Title" 10:00 Update text 10:35 Git panel - not updated until "Save" 11:10 Stage with Commit comment 11:35 Push to repository 12:05 Check repository for pink and green of changes. Split of Unified view. 13:20 Dreamweaver "Standard" vs "Developer" views 13:58 Errors - error messages in DW - repairing 14:55 Viewing in "Design" or "Live" view 15:30 Viewing the updated page on the hosted GitHub site 15:50 Changes NOT visible due to the cached version of the page. Hit F5 16:20 Update remote settings - if necessary 16:50 Edit checking in a local version of Chrome - Ctrl+S, Alt+Tab, F5 17:14 End
This series of videos will step through the creation of a simple, mobile compatible static website, hosted on GitHub. The Word document with the step by step is at: https://github.com/bwattle/Portfolio/releases/download/v1.02/GitHubWebsite-02-EditInDreamweaver.docx Anyone wishing to edit a static website with Dreamweaver may find this video helpful. To visit parts of this video, click on a time below: Logging: 0:00 Intro 0:19 Web view of Word document 0:25 OneDrive setup in a Department of Education School 0:50 Setup an empty "Portfolio" folder in OneDrive 1:05 Download Dreamweaver for DoE students 1:45 Download the Git Client 1:55 Open Dreamweaver - View the "Properties" and "Git" panels 2:34 Dreamweaver - SITE SETUP - ESSENTIAL for each machine you use 3:36 Clone an existing site - add link and GitHub credentials 6:05 Return to "Manage Sites" 6:54 Split your page vertically 7:20 View Git Panel 7:30 Update link to your hosted site 8:10 Using the "Properties" panel 8:45 Updating "Target" and "Title" 10:00 Update text 10:35 Git panel - not updated until "Save" 11:10 Stage with Commit comment 11:35 Push to repository 12:05 Check repository for pink and green of changes. Split of Unified view. 13:20 Dreamweaver "Standard" vs "Developer" views 13:58 Errors - error messages in DW - repairing 14:55 Viewing in "Design" or "Live" view 15:30 Viewing the updated page on the hosted GitHub site 15:50 Changes NOT visible due to the cached version of the page. Hit F5 16:20 Update remote settings - if necessary 16:50 Edit checking in a local version of Chrome - Ctrl+S, Alt+Tab, F5 17:14 End