Делаю себе портфолио разработчика использую только HTML
12:23

Делаю себе портфолио разработчика использую только HTML

Sereja Ris 11.06.2020 5 795 просмотров 219 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
Рассказываю о процессе создания сайта http://serejaris.com/ от идеи до публикации в сети: 00:00 Референсы 00:43 Контент 01:30 Создание репозитория в Гитхабе 02:32 Пишу код сайта 08:54 Сохраняю код на Гитхабе – Делаю Коммит 09:08 Регистрация домена 10:04 Привязка домена к Netlify 11:03 Публикация сайта – Деплой Референсы: Сергей Сурганов https://surganov.com/ Исследование веб-дизайна в 1993 году – http://contemporary-home-computing.org/prof-dr-style/ Код сайта: https://github.com/flakessp/serejaris.com

Оглавление (8 сегментов)

  1. 0:00 Референсы 83 сл.
  2. 0:43 Контент 50 сл.
  3. 1:30 Создание репозитория в Гитхабе 58 сл.
  4. 2:32 Пишу код сайта 572 сл.
  5. 8:54 Сохраняю код на Гитхабе – Делаю Коммит 39 сл.
  6. 9:08 Регистрация домена 102 сл.
  7. 10:04 Привязка домена к Netlify 104 сл.
  8. 11:03 Публикация сайта – Деплой 152 сл.
0:00

Референсы

I don't have a portfolio. I'll make a portfolio. The first thing we'd start a project with is a Kanban board. It's not the first card. There will be two references. This is on the Surganov designer's website. It's worn out. The second card is an article or Lyalina's right style. Doctor Professor. The second card is content. I need to collect all the links for the year, positions from all my previous works and projects. It's good that I ran Head Hunter
0:43

Контент

so I need to transfer everything. Hunter's outcome is always for photography. The main thing is I'll take this picture that I have on hand, this is a profile on GitHub,. The next thing after content is what I need to do is create a repository. Repositories are where I
1:30

Создание репозитория в Гитхабе

'll store the code. In my case, it's hip-hop. So, I open the ted. com website and create a new open repository. The next thing I should do is open the Gerhard program and stop, clone the created repository, and siteedit hop dot com and open it in the code editor. In my case, it's visual. studio coat
2:32

Пишу код сайта

in the open window I create a new file called index html and make a template using a combination of buttons! I fill in the title of my site and add 1. As a result, this is our one, sokolovka first level, out of habit, I add this and the mouse to the active, but in this case, it is possible to make it equal, there will be no equality, and I transfer my image that downloaded the hub profile to the project folder. You can get to the project folder by right-clicking on the left side of the screen. On a Mac, I open in Explorer, I added in FineBer the image name, the name of the image file, I add this to the attribute, and the mouse heart inside double quotes. A good rule is to have only one h1 first-level heading per page, so I add experience in th2, a second-level heading, already projects, project names, I add this in h3, a third-level heading. A total of 6 levels of headings are possible after the heading, I will immediately have a link. The link itself must be written in the barn attribute inside the opening tag of the body of the link. What will be visible to the user must be inserted between the opening and closing tags. This is called content, because For years, I use this for a poet, so for a paragraph, by default, it has access both above and below. I also use this for highlighting a position. This will make the selected content what is inside it, so it will italicize it in my opinion, and the words "interesting" will be inverted. I like the content when links open in a new tab, they are in the current tab. Therefore, for this mechanic, I use the target attribute and write the value blank. I will use the resulting structure for all other projects. The only thing I will rename is where my structure is located, so section, not as a visual difference, but it is considered good form to use section for sections for which it is impossible to use a more semantically precise element, for example, because sang the text or such an h for the title and in general it is not in the code that it will stop to navigate more clearly some sections that are repeated I usually wrap in section after I have finished working with the content I check all the links and find that one link does not support a secure connection and all I need to do is I need to change the https protocol to http the last thing I have left to do with the site content is add links for connecting the virgins name these and add the copyright sign and the current year I use such a ball for the horizontal line and using a special html symbol I add the copyright sign an interesting fact if you add the Yalta prefix at the beginning of the link then when you click on the link the default mail client will immediately open finishing the links we add the torfinna blank attribute to all so that they open in a new tab and move on to the next point this is registering a domain and posting the site on the network that is a diploma before The next step is to save my
8:54

Сохраняю код на Гитхабе – Делаю Коммит

code and save it on the Hyd Hub website. To do this, open the Hydrate desktop program. I make the first step and then I send the change to the server using the closer button. After that, I open
9:08

Регистрация домена

site name chip dot com. This is the site I use to register domains. It has a very convenient search for the domains I need and fairly cheap prices. I enter the name I need. If I enter it without the ending, then what happens after the dot? I will be offered a huge number of options at once. In my case, a domain in the zone is being built for you for 9 dollars a year. I pay for it and then I move on to the next point, which is a diploma. For this, I open a site for file
10:04

Привязка домена к Netlify

above the leaflet. This is one of my favorite services for FIFA lately. This is a service for storing static sites. If your site is stored on GitHub, then it can be quickly and easily uploaded for free, but since I just got an X-Trail domain, I live with the name of my domain and the last thing left to do is indicate the services where I bought the domain and where this domain will be used. For this, I enter the addresses above the left one, which turn out to be On the screen in the DNS management section on the day chip
11:03

Публикация сайта – Деплой

after that I create a new site from China by territory I kill in the search the name of my repository syrris. com and select the domain that I just linked to over li file over lifa and it will immediately give you a link if you click on domain sightings the name of the link can be changed or enter your own domain I was very lucky and my domain appeared immediately if it didn't appear right away for you it's okay you need to wait sometimes it happens that domain registration takes up to two days thank you for watching to the end and if you liked it and it was useful put a like and subscribe and write in the comments what topic interests you and what topic you can also make a video on or maybe something was unclear to you in any case thank you and good

Ещё от Sereja Ris

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться