Мой первый сайт

Сражу скажу я знаю что в коммах будет срач,но прошу помогите с освоением.

Я буду использовать Flask.

Начнем с начала:

pip install Flask

Теперь сделаем минимальную аппликацию.

from flask import Flask #импорты app = Flask(__name__) #создание перменной app с которой мы будем работать после @app.route("/") def hello_world(): return "<p>Hello, World!</p>"

В этой аппликиций сейчас только показывается "Hello world".Теперь добавим рендер html.

from flask import Flask, render_template app = Flask(__name__) @app.route('/') def hello(): return render_template('main.html') if __name__ == '__main__': app.run()

Теперь напишем main.html

<!DOCTYPE html> <html> <head> <title>Portfolio</title> <style> /* Add some basic styling */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } .container { max-width: 800px; margin: 20px auto; padding: 0 20px; } img { max-width: 100%; height: auto; } .projects { display: flex; justify-content: space-between; flex-wrap: wrap; } .project { flex-basis: 30%; margin-bottom: 40px; text-align: center; } .project h1 { margin-top: 10px; } .project img { margin-top: 10px; } </style> </head> <body> <header> <h1>My Portfolio</h1> </header> <div class="container"> <h2>About Me</h2> <p> Hi, I'm John Doe. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae lectus ac metus pulvinar elementum a sed lacus. Sed sed metus at urna porta ultricies vel vitae velit. Aliquam convallis, purus ac commodo commodo, ipsum erat congue eros, vitae efficitur libero urna nec mi. Integer vel luctus velit, a pellentesque justo. </p> </div> <div class="projects"> <div class="project"> <h1><a href="https://vc.ru/u/1510590-python-idea/688002-parser-hh-veb-prilozhenie-na-python">Парсер hh.ru + веб приложение</a></h1> <img src="https://i.yapx.ru/WAnPw.png" width="400" height="200" alt="Project Image"> </div> <div class="project"> <h1><a href="https://vc.ru/u/1510590-python-idea/686037-voice-to-text">Голос в текст</a></h1> <img src="https://www.upwork.com/att/download/portfolio/persons/uid/1629797613470916608/profile/projects/files/ab719330-0d54-4808-b1f6-e20f317b3fe7" width="400" height="200" alt="Project Image"> </div> <div class="project"> <h1><a href="https://vc.ru/u/1510590-chaynik-v-it/683301-url-shortner">URL уменьшитель</a></h1> <img src="https://www.upwork.com/att/download/portfolio/persons/uid/1629797613470916608/profile/projects/files/e9c0d9bd-659e-418a-b043-405e88904838" width="400" height="200" alt="Project Image"> </div> </div> </body> </html>
Вот фото сайта.
Вот фото сайта.
from flask import Flask, render_template app = Flask(__name__) @app.route('/') def hello(): return render_template('main.html') @app.route('/socnet') def login(): return render_template('social network.html') if __name__ == '__main__': app.run()

Теперь добавил социальнные сети.

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Социальные сети</title> </head> <body> <div> <h1>Социальные сети</h1> <ul> <li><a href="https://vc.ru/u/1510590-python-idea">Vc.ru</a></li> <li><a href="https://www.youtube.com/channel/UCbuKxf-be2ssYIkkqEleL9Q">YouTube</a></li> <li><a href="https://www.instagram.com/pythonidea/">Instagram</a></li> </ul> </div> </body> </html>

Я знаю что это не самый чистый и лучший код,если можете помогите улучшить мой знания в html,css и js.

Пока,а забыл подпишись на меня.

1 комментарий

Срача не будет, пост унылое говно 😂

Ответить