Assignment 1
Website Design and Development
The assignment was to complete the web page for the course Advanced Material Processes and Die Design (DSL 732)
To set up your website you must have a basic level understanding of how HTML works and complete website for myself with documenting the process of development.
Basic Template Creation
Softwares Used
Following are the Software used to develop webpage:
- Sublime Text Editor
For editing the html files, a text editor is needed and Sublime Text Editor seems to be one of the good text editors which will help in making the process easy.
- MAMP
MAMP stands for ‘Mac Apache MySQL PHP’. It is used to test the files on our local browser before we upload it on the actual server. This is extremely helpful because uploading files again and again on the server is time consuming. MAMP gives instant editing results.
- WinSCP
WinSCP is a free and open-source client for Microsoft Windows. Its main function is secure file transfer between a local and a remote computer.
Basic HTML Tags
- Paragraph Tags <p></p>
Used for paragraph spacing
Eg: <p> This is a paragraph </p>
- Break Tag <br>
Used for pushing the text to next line
Eg : <p> This is an Example of <br> </p>
- Heading Tags <h#>
Used for different sized headlines varying from <h1> being the largest to <h6>, the smallest
Eg : <h1> This is a heading </h1>
For Adding Media
- Image Tag
Eg: <img src="images/picture_name.jpg"
- Video Tag
Eg: <video width="200px" height="" controls autoplay>
<source src="videos/video_name.mp4" type="video/mp4">
</video>
Editing the HTML Files
Different files used for the website development are:
- index.html
Homepage of the website.
- about.html
Basic details about myself
- assignments.html
Different assignments are added here with link to its html file
- project.html
Details regarding the project proposal and the final project
Uploading file to the IITD Server
WinSCP is the tool used to upload html files to the web server of IITD. To connect to the server, login with institute user name and password with the host name.
Host Name: ssh1.iitd.ac.in
Port Number: 22
After login, created a folder with the name “private_html” as the PG students have only access to the website within the campus and copied the edited html files from the local computer ( left side tab) to the server (right side tab) and tested it with url :
