s

The Demo aplication in atual version see in: https://github.com/FelipeKatao/Py.Html/tree/master/DemoAplication

The Py.html is one framework write in python for web projects create.

Algorithm makes an HTML file from scratch starting idea is organization where for each document HTML, CSS or JS stay with good write and functions .

Development team:

Felipe Catão - Full Stack Web Developer Python and Web

Paulo Macedo - Python Developer

Part one: Basic functions

• How to use Py.html

  • About py.html
  • How to import Class
  • WorkFlow Py.html

• Create Html code with Python

  • Basic Html code
  • Don´t edit Html code dude!
  • Envirioment and path
  • Start Project

• Edit Html Code

  • Now, edit Html code, with Py.html
  • Less code , more functions

Part two: Advanced modules

• Create Css and Link to Html

  • Basic command to Html fol tag < link >
  • Create manual config Css
  • Suport guide to Css and Js

• Inside Modules : HtmlPy() and CssPy()

  • The PyHtml.py Code
  • The HtmlPy() Module
  • The CssPy() Module
  • Index and vars
  • Create multi function

• CssPy() Module

  • Basic Css rules
  • ( Others functions )
  • Animate Basic functions
  • Advanced Function Animate Css

Part two : Using console app -

Hello, if your install the Py.html now, start to its in this block your learn to: create and edit code html and css with py.html tecnology, one note very important PyHtml is organization web project , not one creator and editor web. Its tool is very cool for start project with basic elements not one very big editor web, we use this note in mind.

The py.html is on framework to create envirioment to web projects, but your project will complete with edition direct in HTML and CSS code. The Py.Html some create base to your code.

The main class this framework is PyHtml.py, it create html,css and js code also edit and creater new components to your project, frist fime your download (or clone ) Py.html from Github Py.html to your path destiny, in future the resource install via pip stay avaliable.

Now in your code python start writer the frister line is: from Framework import PyHtml. This line import to your python code the functions avaliable in PyHtml class start your code use the code:

from Framework import PyHtml

def main():
    html = PyHtml.htmlPy()
    html.CreateNewHtml("Home Page",R"Example\index.html",1)
    

In this code have 3 arguments basic its arguments create in your path destiny one Html code with or without code base.

Well we create basic code html with Py.Html was and now? Next step?

1. Create path with CSS and HTML code base.
2. Create HTML tags, after CSS code.
3. Create component Html
4. Edit HTML and create rules to CSS files

In your Python code, your call function to creation Tags or Rules Css after create its your erase and create new tags or rules for tags in Htmlcode. Thing in your mind the code in python can static or dynamic your decide:

Now creater Html code using Py.html , preview we creater HTML base code was can create Html pré code with module PyHtml.py

from Framework import PyHtml

def main():
    html = PyHtml.htmlPy()
    html.CreateNewHtml("Home Page",R"Example\index.html",1)
    

This basic code create Html code, now create tags to your Html. Stater create Div tag:

html.createNewElement(R"Example\index.html","#NewDiv","div",10,"Helloworld")

This function create new element , not necessarily need one Div tag can see img,h1,h2,span... Your decide type tag to be, how function parameters to createNewElement :

In this stage not modify your code direct in Html, use Python code for its, only modify direct in Html after finish basic Html base code¹ Thing if your use Py.Html for create news tags use the Python code, for edit this tags be use editing Html code.

The envirioment your can create variables to save and user in future in yours news functions, for use efficient use for envirioment you can use class SearchData(), the function is for save and analitic your code Html and content, in this moment we create envirioment and Path:

from Framework import PyHtml

def main():
    html = PyHtml.htmlPy()
    data= PyHtml.SearchData()
    data.createNewFileLocal(R"Example\index.html","","")
    html.CreateNewHtml("Home Page",data._localHtmlFiles[0],1)

This function can create environment with files HTML,CSS,JS in we case crate path Html, the parameter aceppt the path or void " ", if void the Py.html not create news path, the function respectively follow Html,Css and Js files.

With basic code , now start project! From start the module PyHtml.py is much and very important for start project, go start with class HtmlPy() is base from to initial project.

Now we starter with Html code, using exclusive HtmlPy() class, its class create we html code from scratch, in this session we creater one html page basic some Python code. Select your Path destiny and let´s go!!

In back sessions your create Html file with class Htmlpy() , one exemple to edit the page create previous:

from Framework import PyHtml

def main():
    html = PyHtml.htmlPy()
    data= PyHtml.SearchData()
    data.createNewFileLocal(R"Example\index.html","","")
    #html.CreateNewHtml("Home Page",data._localHtmlFiles[0],1)
    html.createNewElement(data._localHtmlFiles[0],"#Topo","div",10,"Py.Html")
    html.CreateMenuHtml(data._localHtmlFiles[0],"#menu",12):

well in this code we create one div call "#topo" and menu call "#menu", in line 10 and 12 respective, the function CreateMenuHtml create a nav div with ul and li elements inside, its function create some Html tag codes, styles and Css not implement in its process.

Write you code in Python for Html code initial , after Html structure completed, forever think in writer less lines for created elements. There are functions that you will only use one time, for exemple create Html code from scratch. For start less functions is important prtatical in Py.Html, why? In your base code Html less code from your analitic is very important from edit or erases codes manuality (see in chapter "Not edit the code Dude") ,when your see your code HTML after execute Python code much new lines you have reader and view in browser for if the result stay ok to you.