top of page

DSL810

Special Topics in Design
Website Development

Having absolutely no idea about coding or any prior training related to computer science, this was an entirely foreign domain for me. So here are the steps followed by me to create this website.

1. I learnt the most common and basic commands used in python and how to use them.

2. I tried using my freshly acquired knowledge to change the codes of the provided template and managed to create a functioning website using that.

3. Being a web designer myself, I ached for creating a more creative website so I tried learning enough to place images on the pages using basic codes but that did not give me the flexibility of using animation during scrolling.

4. During my search for code hacks in google, I came across Wix.com which promised to provide an easy but functional web design platform. So I took the opportunity and decided to create a basic website there.

5. Wix had a lot of options regarding fonts, photos and animations, this made the entire process quite familiar to what I am used to in general.

6. Now i needed to copy the same codes to WinSCP so that my IIT Delhi domain can function accordingly.

7. As I copied the codes for each page from wix to ssh.1, the basic pages were functioning as expected. But I faced a new problem as to how to link one page to another. 

8. As the codes provided by wix are far more complicated that what I can possibly understand, I failed to get that functioning even after several tries.

9. I tried contacting a few of my friends who knew coding a lot better than me, but the language of the codes was really difficult to decipher.

10. At last I contacted Prof. Jay with my concerns and we decided to keep the website functioning on this platform itself as that did cater to the requirements of the course.

Compressing Images

There are several ways that i have tried and used to compress the images for this website. Here are some of them-

1. Photoshop- I used PhotoshopCC 2019 to compress the images I was already working on. There are several ways to compress an image in Photoshop too. One can go to image size and reduce the dimensions of the image, or they can reduce the pixel count of the image in the same window. Another method is to opt for low resolution when exporting an image as jpeg or png.

2. Online photo compressors- This is a quick way of compressing a lot of images in one go. This might not be the safest option so maybe when dealing with confidential information we should avoid it. In a lot of companies like PwC, it is generally not allowed to use such mediums. but with data that is not so sensitive in nature, this proves to be a far easier and faster option.

3. Another very general way of compressing pics if working with windows is to open it using "photos" app, use the resize option in the top right corner to get a basic compression.

Uploading files in web server

The process i followed to upload the files in web server is using Win SCP. So I stored all the files that i wanted to upload to the server in that page's folder and changed the code in the script to accommodate the exact name of the file that i have saved in the folder.

bottom of page