The skills involved here are required in order to sure that results and learnings are documented for you and others to learn from. This involves findings, problems, software, machine description or settings worth memorizing. If it wasn't for learning the basics of html, you probably use more powerful tools as Bootstrap, Wordpress or Dreamweaver (please find the links at the end of this page).
In general, html code has the following structure:
[tag name] [attribute content] [affected content] [end tag]
<h2 id="tag name"> Test </h2>
At w3schools.com you can find a link of numerous html-tags, offering a large variety of styles. "Style" brings me a general statement concept. It is common in website design to separate content and form. Therefore, html content is store in html-files, while the form is defined by the so-called "style sheet". Theses cascading style sheet (CSS) contains additional information on how to interpret the code given. For instance, IDs of the a tag can add the font size, the font weight, the font color etc.
To include images for instance, the style sheet defines the border, margin and padding of the embedded element. In my case, I controlled the width of images with an inline element "width" within the
tag. Additionally, I added a link to every image, so one you click on it, it appears in the original size. Use<img>
to do so. In order to control the site's performance, images should not be displayed in the highest resolution in the first place.<a hef="images/..."></a>
a:visited
{
color: black;
text-decoration: none;
}
This addition influences the link tag. It colors visited links text black and deactivates the common underline.
To be able to store code and continuously improve it, Git is used as a repository. It stores information on your machine as well as on a server and enables subversioning. On Windows machines, we will use Git Bash to upload our code to the gitlab instance of HSRW. Brackets server as html editor.
GitHub is an web-based repository which enables to collaboratively develop code. GitLab is a self-hosted version of GitHub, if you want your code to be in a private environment, this is probably the prefered option.
New files in your repository will show up in red.
New as well as modified files in your repository will show up in red.
After files have been added to the repository, they will turn green.
After files have been committed, you can push them to the online repository.
Commands:
- Use "git add -a" to register all new files in the local repository
- Use "git commit -m "message" to hand over files to your local repository
- Use "git push origin master" to hand over files to your server repository