{"id":1809,"date":"2025-05-11T23:59:31","date_gmt":"2025-05-12T03:59:31","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-stein-spring-25\/?p=1809"},"modified":"2025-05-11T23:59:38","modified_gmt":"2025-05-12T03:59:38","slug":"web-design-video-tutorials","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-stein-spring-25\/web-design-module\/web-design-video-tutorials\/","title":{"rendered":"Web Design Video Tutorials"},"content":{"rendered":"\n

The videos below walk through how to create your project and how to add the content and style it with CSS.<\/p>\n\n\n\n

Opening a Project in Phoenix Code<\/h3>\n\n\n\n

This video shows how to open your Web Project in Phoenix Code<\/p>\n\n\n\n

You can use it two ways<\/p>\n\n\n\n

    \n
  1. In the browser: https:\/\/phcode.dev<\/a>\u00a0<\/li>\n\n\n\n
  2. Download the app at https:\/\/phcode.io<\/a>\u00a0<\/li>\n<\/ol>\n\n\n\n

    Open-Project-PHCode.mp4<\/a><\/p>\n\n\n\n

    Web Project Start – Create all HTML Pages<\/h3>\n\n\n\n

    This video shows how to create the staring HTML for all four pages:<\/p>\n\n\n\n

      \n
    1. index.html<\/li>\n\n\n\n
    2. audio.html<\/li>\n\n\n\n
    3. images.html<\/li>\n\n\n\n
    4. animation.html<\/li>\n<\/ol>\n\n\n\n

      Watch this first if you haven’t made your HTML pages yet, or didn’t use Blank Web Page Starter<\/a> when you did.<\/p>\n\n\n\n

      Web-Project-HTML-Start.mp4<\/a><\/p>\n\n\n\n

      Adding Audio to Your Project<\/h3>\n\n\n\n

      This video shows how to add Audio to your project.<\/p>\n\n\n\n

      NOTE: If you copied the Audio HTML earlier there is a \/ in front of the media folder. Remove that<\/p>\n\n\n\n