0% found this document useful (0 votes)
21 views4 pages

Web Programmming Lab

The document details setting up a GitHub repository for a web programming lab. It describes creating HTML, CSS, and other files, linking the CSS, ignoring the site directory in gitignore, using liquid tags, controlling permalinks in _config.yml, and adding an about page with heading and paragraph.

Uploaded by

Bisma Amir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views4 pages

Web Programmming Lab

The document details setting up a GitHub repository for a web programming lab. It describes creating HTML, CSS, and other files, linking the CSS, ignoring the site directory in gitignore, using liquid tags, controlling permalinks in _config.yml, and adding an about page with heading and paragraph.

Uploaded by

Bisma Amir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Web Programming Lab 1 – Setting up GitHub repository

Name: Bisma Amir [H00348232]

Demonstrated date: 21/09/2021

Demonstrated to: Ayesha Anzer

Details for this lab [screenshots/explanations]:

-Created a html file, config (tells Jekyll the basics of our project such as the name and the markdown
that’s being used), gitignore, CSS file, blogs, about, posts, layouts.
-Linked the CSS file in the default.html file.

-Created a gitignore file. This file basically ignores the site directory that Jekyll creates automatically
after each commit you do.
-The highlighted text are the liquid tags and these are used to inject content into the final web page.

-In Jekyll you can control the structure of our permalinks by editing the _config.yml file you created
earlier. The structure of the permalink by YY/MM/DD/title.
-The last part was to add an about us folder with a html file. In this html file I have added a heading
of Welcome and a paragraph to welcome the visitors to the website and also I added an image with
the image tag.

You might also like