ICP1 - NehaNavgale/Web_MobileProgramming GitHub Wiki

In Class Programming 1

Name: Neha Navgale

Class ID: 25


Objective:

The purpose of this ICP is to:

  • Develop an html page that displays documentation for the git repository creation for Web/Mobile Programming Course.
  • Create a git repository.
  • Installing webStrom IDE.

Languages Used:

HTML, CSS

Tool Used:

WebStorm, GitHub

Introduction:

The HTML page will display the step by step documentation for the git repository creation for Web/Mobile Programming Course, including the screenshots, on click of the images the image should open it's location in git repository and a relevant youtube video with play and pause option is linked in the page. Modify a google page template according to the specification provided.

Design/Implementation:

  • Create a git repository
  • Create an account in github.com.
  • In repositories tab click new button.
  • Enter repository name and click on create repository.
  • Clone the repository in local.
  • Create Source and Documentation folder on local
  • Add index.html file in source folder and add all the screenshots in documentation folder. Commit the changes to remote repo
  • Fork existing repository.
  • Create a new branch in repository
  • Create an Issue

Webstorm installation

  • Download webstorm IDE setup file from jetbrains.com.
  • Install the setup file as per the instructions provided.

HTML page creation for documentation page

  • Open the cloned repository in webstorm.
  • Create a directory with name ICP1 with sub directories Source and documentation.
  • Inside Souce directory create index.html page.
  • Inside Documentation directory add screenshot images of the git repository creation.

Code of index.html

CSS

UI