ATNEL tech-forum

Re: ktoś zna program do prostych stron html ?

2015-02-21T01:30:52+01:00

Mirku, jeszcze taka sprawa zanim zaczniesz przetwarzać kod html w mikrokontrolerze... Zakładam, że już o tym dawno pomyślałeś, ale tylko napiszę dla uściślenia.
Otóż kod strony można różnie ładować (w zależności od estetyki, ew. wymagań co on ma wyświetlać). Inaczej będzie wyglądała strona html gdzie będzie tylko sam tekst (co prawda pogrupowany jakimiś tabelami, czy div'ami), a inaczej stronka gdzie będzie trzeba załadować jakiś obrazek. Okey, o czym ja właściwie mówię, do czego zmierzam?... Oczywiście chodzi mi o zasobożerność kodu html.
Myślę, że już na tym etapie powinno się pomyśleć nad minimalnymi wymaganiami co do mikrokontrolerów, bo jeśli chodzi o szablon strony z samym tekstem to jeszcze każdy mikrokontroler jakoś tam ruszy, ale jeśli to będzie jakaś dodatkowa grafika to już tylko wybrane.
Pewnie to jest oczywiste co napiszę, ale niech tam... To co trzeba policzyć, to literka/znak/spacja=1bajt razy tyle ile będzie tego w kodzie html.
W załączniku wysyłam szablon najprostszej stronki html opartej na div'ach.
Zalety szablonu:
- div to 3 literki a nie 5 jak np. w table
- nowszy standard
- możliwość użycia najnowszego kodu css bezpośrednio wewnątrz znaczników div
Wady szablonu:
- wewnętrzne użycie css w divach znacznie zwiększy wielkość kodu html, można to ominąć przez użycie zewnętrznych bibliotek, ale co będzie jeśli te biblioteki kiedyś przestaną istnieć?

Oczywiście ten kod to jest tylko szablon a nie jakaś profesjonalna stronka
Ten szablon co przesyłam można uszczuplić przez wywalenie np. kolorowania komórek, przez wywalenie samych komórek, wywalenie komentarzy etc. lub jeszcze bardziej go rozwalić - wszystko zależy co html ma wyświetlać, no i ile pamięci mikrokontrolera zżerać

Co do ładowania obrazków, to albo trzeba by posłużyć się jakąś biblioteką do dekodowania np. jpeg/gif albo nic nie dekodować tylko bezpośrednio z bmp'ów ładować obrazki, a kod plików bmp trzymać... nie wiem (?) w EEPROM'ie?

Nie wiem, może ja piszę o takich durnych i oczywistych sprawach - jak tak to sorry. W każdym razie mam dobre intencje.

Acha.. Proszę zmienić (po rozpakowaniu) rozszerzenie załącznika z *.h na *.htm, lub na *.html.

Pozdrawiam! j23 Jarek

Statystyki: Napisane przez j23 — 21 lut 2015, o 01:30

Re: ktoś zna program do prostych stron html ?

2015-02-20T20:14:42+01:00

Mirku kiedyś też nie mogłem pojąć tych css`ów ale sccy możesz trzymać w osobnym pliku jak i np w index.html dzięki czemy na AVRki się nada a i stronka będzie ładniej wyglądała
kiedyś pisałem htmlki w notepad++ ale to ci go nie polecę bo tam czysty html się pisze.
Na próbę używałem triala od Adobe Dreamweaver i powiem szczerze robił wrażenie ale ta cena zabija normalnie zabija :/

Statystyki: Napisane przez majster — 20 lut 2015, o 20:14

Re: ktoś zna program do prostych stron html ?

2015-02-20T19:04:13+01:00

misiulu napisał(a):

Tak poza tym to maluki BUG się znalazł w kodzie strony. Nie wpływa on może na całość jakoś znacząco, ale jak już perfekcja ma być to

20121

- znacznik h3 zamykający, brakuje slasha

Zgadza się, moje niedopatrzenie, ale pisanie kodu o 3 w nocy daje takie właśnie marne rezultaty...

mirekk36 napisał(a):

czy to nie jest z nim przypadkiem tak że on style CSS zasysa ze swojej stronki ?

A mi chodzi o to że np robię stronkę w procku który ma wyświetlić swoją np konfigurację a nie ma połączenia z internetem ... i wtedy co ?

chyba że się mylę - co bardzo możliwe

Wynikowy kod (HTML) wysyłany w ramach odpowiedzi na zapytanie przez serwer jest już wyłącznie interpretowany po stronie klienta. Dokładniej mówiąc to przeglądarka użytkownika musi mieć dostęp do Internetu, a nie serwer, chociaż sprowadza się to praktycznie do jednego... jeżeli mówimy o modułach wifi w trybie STA w którym moduł ma dostęp do Internetu poprzez router nie ma problemu, a w trybie AP to faktycznie taka hermetyczna struktura nie ma możliwości pobrania takiego arkusza CSS...

Ładowanie arkusza stylów, który ma ponad 100kB do pamięci uC mija się kompletnie z celem, wobec czego w trybie AP bootstrap odpada

Statystyki: Napisane przez atmel — 20 lut 2015, o 19:04

Re: ktoś zna program do prostych stron html ?

2015-02-20T18:23:28+01:00

w zasadzie to spróbuj FirstPage 2000 z Evrsoftu , nie jest taki opasły jak Pajączek, ale ma całkiem fajny edytor kodu
i powinien ci przypaść do gustu , moze i nie jest nowy i cukierkowy , ale dalej dobrze się z nim pracuje

link tutaj http://www.evrsoft.com/1stpage2.shtml

i jest darmowy .

Statystyki: Napisane przez SunRiver — 20 lut 2015, o 18:23

Re: ktoś zna program do prostych stron html ?

2015-02-20T18:16:47+01:00

matrix napisał(a):

Spróbuj Web Builder ale koniecznie w wersji 2 bo to była ostatnia niepłatna wersja.

Właśnie spróbowałem wersji 10 (najnowsza) ... fakt robi się w niej lepiej niż w programie NVU .... ale niestety później mam problem z kodem w procku tzn z jego wyświetlaniem prawidłowym ...

na razie jakoś udaje mi się fajnie opanowywać NVU i jakoś to zaczyna wyglądać a i procek się nie pluje że coś nieteges

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 18:16

Re: ktoś zna program do prostych stron html ?

2015-02-20T17:34:47+01:00

Spróbuj Web Builder ale koniecznie w wersji 2 bo to była ostatnia niepłatna wersja.

Statystyki: Napisane przez matrix — 20 lut 2015, o 17:34

Re: ktoś zna program do prostych stron html ?

2015-02-20T16:13:56+01:00

Ciekawe informacje oczywiście no ale ... takie jeszcze pytanko bo widzę, że i ty piszesz o bootstrapie ....

czy to nie jest z nim przypadkiem tak że on style CSS zasysa ze swojej stronki ?

A mi chodzi o to że np robię stronkę w procku który ma wyświetlić swoją np konfigurację a nie ma połączenia z internetem ... i wtedy co ?

chyba że się mylę - co bardzo możliwe

Te narzędzie developerskie oczywiście fajne - w ogóle fajnie się np w chrome podgląda kod html - wszystko dobrze ... ale jak mówię najpierw trzeba się znać na tym kocim hateemelu w jego wielu odmianach i ceesesach i tych innych ... .ja wiem wszystko jest dla ludzi i można się nauczyć ..... ale ... no właśnie ale ... ale czasu brak żeby wszystkiego się nauczyć

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 16:13

Re: ktoś zna program do prostych stron html ?

2015-02-20T15:38:38+01:00

fazowiec napisał(a):

Myślę, że najlepszym rozwiązaniem dla kogoś kto nie zna ani html'a ani css'a, nie wspominając o .js będzie stworzenie sobie strony na wix.com. Daje duże możliwości i to bez znajomości wyżej wymienionych.

No no a jak sobie zapisać to na dysk w postaci *.html ?

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 15:38

Re: ktoś zna program do prostych stron html ?

2015-02-20T15:25:37+01:00

Statystyki: Napisane przez fazowiec — 20 lut 2015, o 15:25

Re: ktoś zna program do prostych stron html ?

2015-02-20T13:52:09+01:00

atmel napisał(a):

Skoro mówimy o kodzie strony umieszczonym w pamięci AVR, to na prawdę możesz spróbować ten kod źródłowy który udostępniłem, zapisać w AVR i gwarantuję że nie potrzebujesz Mirku stawiać Linux'a na AVR

No Mirku mógłbyś użyć ten kod w przykładzie. Przecież teksty w kodzie można sobie zmieniać dowolnie Przynajmniej zobaczysz czy Ci będzie działało na AVRku.
Tak poza tym to maluki BUG się znalazł w kodzie strony. Nie wpływa on może na całość jakoś znacząco, ale jak już perfekcja ma być to

20121

- znacznik h3 zamykający, brakuje slasha

Statystyki: Napisane przez misiulu — 20 lut 2015, o 13:52

Re: ktoś zna program do prostych stron html ?

2015-02-20T13:14:26+01:00

Quote:

prawy górny róg strony
Cytuj:
nowy urzytkownik

proponuję napisać przez 'ż', bo atakuje z pierwszej strony (polecam włączyć sprawdzanie pisowni ) chyba ze to zabieg artystyczny

No fakt, muszę to wy edytować Dzięki.

Statystyki: Napisane przez kurnachatka — 20 lut 2015, o 13:14

Re: ktoś zna program do prostych stron html ?

2015-02-20T12:59:33+01:00

Mirku jeśli potrzebujesz jakieś 5 stron małoskomplikowanych na tabelkach czy też divach to edytory wysiwyg jakich pełno (napisz w google "wysiwyg online"), albo poproś konkretną osobę o napisanie tych stronek - wiele osób Ci chętnie pomoże choćby ja pomimo że nie oglądam poradników o wifi (są teraz potrzebniejsze rzeczy do nauki)

ps.

kurnachatka napisał(a):

http://asiunia.vixo.pl/

prawy górny róg strony

Quote:

nowy urzytkownik

proponuję napisać przez 'ż', bo atakuje z pierwszej strony (polecam włączyć sprawdzanie pisowni ) chyba ze to zabieg artystyczny

Statystyki: Napisane przez rekon — 20 lut 2015, o 12:59

Re: ktoś zna program do prostych stron html ?

2015-02-20T11:47:56+01:00

atmel napisał(a):

To co zapewne Cię przeraziło to opis "instalacji" bootstrap'a.

Dokładnie

atmel napisał(a):

I to wszystko. Żadne specjalne systemy operacyjne, przeglądarki i edytory kodu nie są potrzebne. Wszystko można robić w ulubionym środowisku.

Teraz rozumiem ... tzn rozumiem ogólnie o co chodzi, no ale nie na tyle żeby jeszcze umieć samemu "z ręki" sobie taką stronkę napisać ....

Myślę, że po najbliższym poradniku okaże się dokładniej o co chodzi

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 11:47

Re: ktoś zna program do prostych stron html ?

2015-02-20T11:04:48+01:00

mirekk36 napisał(a):

Na wariackich papierach pobiegłem zająć się tym botsrapem czy jak mu tam ... a tu? ... ZONKUS PARANOIKUS ! dla mnie .... toż to chyba tylko pod linuxa .... a ja - jak każdy wie znam linuxa jak na ... eeeeeh (w takich momentach to żałuję - że ... no że nie znam tego linuxa) ..... więc pokornie zrobiłem w tył zwrot i nadal bawię się kocio w pseudo ramki

W dużym uproszczeniu i skrócie, bootstrap jest to specjalnie przygotowany arkusz stylii CSS (zapoczątkowany przez twórców Twitter'a, a teraz rozwijany przez masę osób).
NIE JEST on w żaden sposób uzależniony od systemu operacyjnego, jak każdy front-end'owy framework. To jest zwykłe pisanie kodu HTML, który można nawet na telefonie klepać
Sam również kompletnie nie znam linux'a i go nie używam, a więc spokojnie, takie ciekawe efekty można uzyskać na każdym systemie operacyjnym

To co zapewne Cię przeraziło to opis "instalacji" bootstrap'a. Prawdę mówiąc ja przy pierwszym kontakcie z nim również byłem zdezorientowany...
Jednak zupełnie nie potrzebnie, bo ta "instalacja" sprowadza się jedynie do pobrania paczki z plikami. Przy pomocy windows'a można ją normalnie pobrać, a "linuxowcy" mają moim zdaniem trochę trudniej , ALEEE sprawa jest jeszcze prostsza niż mogłoby się wydawać. Wystarczy w sekcji dokumentu umieścić poniższą linijkę i już można korzystać z bootstrap'a.

I to wszystko. Żadne specjalne systemy operacyjne, przeglądarki i edytory kodu nie są potrzebne. Wszystko można robić w ulubionym środowisku.

Skoro mówimy o kodzie strony umieszczonym w pamięci AVR, to na prawdę możesz spróbować ten kod źródłowy który udostępniłem, zapisać w AVR i gwarantuję że nie potrzebujesz Mirku stawiać Linux'a na AVR

Statystyki: Napisane przez atmel — 20 lut 2015, o 11:04

Re: ktoś zna program do prostych stron html ?

2015-02-20T10:25:55+01:00

Witaj Mirku wiem że poszukujesz jakiegoś prostego programu do szybkiej wizualizacji strony.
Ja dla odmiany (wiem że polecą może słowa krytyki) zaproponuję ci kombajn http://www.dobreprogramy.pl/Adobe-Dream ... 12435.html oczywiście w wersji trial na 30dni (żeby zorientować się co i jak).
Ja na jego podstawie szybko stworzyłem graficznie szkielet strony podglądając kod ucząc się tym samym co i jak + kilka poradników na youtube.
To efekt moich dwu tygodniowych wypocin stronki dla żony. http://asiunia.vixo.pl/

Statystyki: Napisane przez kurnachatka — 20 lut 2015, o 10:25

Re: ktoś zna program do prostych stron html ?

2015-02-20T10:12:46+01:00

No to i ja coś polecę Program kED 2.1.4.0
Bardzo prosty w obsłudze i dość intuicyjny, sam zaczynałem na nim naukę tworzenia stronek i używam go do dziś.

Statystyki: Napisane przez xtreme69 — 20 lut 2015, o 10:12

Re: ktoś zna program do prostych stron html ?

2015-02-20T09:11:04+01:00

Mirek, dasz radę, cierpliwości trochę.
Tabelka, żaden problem, opisz co chcesz zrobić to pomożemy. Skoro ma to być lekkie pod AVR to raczej powinno być ręcznie i lekko zrobione.

P.S.
Największy bajer to byłby wtedy jak by stronę zrobić w Ext JS, a AVR wypluwał by tylko dane w JSONie.

Statystyki: Napisane przez PROTON — 20 lut 2015, o 09:11

Re: ktoś zna program do prostych stron html ?

2015-02-20T08:56:55+01:00

rezasurmar napisał(a):

Zamiast prostej i schludnej strony, co raz więcej wiejskiego tuningu w internecie

No to fakt z jednej strony ... bo internet niby coraz szybszy, kompy coraz szybsze a strony - jakby się szybciej nie ładują, wręcz odwrotnie - wolniej

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 08:56

Re: ktoś zna program do prostych stron html ?

2015-02-20T08:54:24+01:00

mirekk36 napisał(a):

eeeeeh a jak ja będę chciał wbudować później stronkę html do swojego urządzenia to będzie drewniana

Nawet nie wiesz Mirku jak ja tęsknię za takimi drewnianymi stronami, bo teraz to potrzeba GB ramu i Ghz by te cholerne flashe, javy i inne badziewie na stronach obsłużyć.

Zamiast prostej i schludnej strony, co raz więcej wiejskiego tuningu w internecie .

Statystyki: Napisane przez Gość — 20 lut 2015, o 08:54

Re: ktoś zna program do prostych stron html ?

2015-02-20T08:36:38+01:00

atmel napisał(a):

Jak to zobaczyłem to szczęka opadał mi do samej ziemii ... do teraz nie mogę mówić śliczna stronka, prosta ... no extra

Na wariackich papierach pobiegłem zająć się tym botsrapem czy jak mu tam ... a tu? ... ZONKUS PARANOIKUS ! dla mnie .... toż to chyba tylko pod linuxa .... a ja - jak każdy wie znam linuxa jak na ... eeeeeh (w takich momentach to żałuję - że ... no że nie znam tego linuxa) ..... więc pokornie zrobiłem w tył zwrot i nadal bawię się kocio w pseudo ramki

aleś mi smaka narobił, aż mi ślina cieknie do teraz - no ale to poza moimi możliwościami - szkoda

nie mniej jednak ŚLICZNE dzięki, że chciało ci się zrobić taką stronkę (tzn tą moją) żebym zobaczył jak to wygląda - bo tak - to tylko bym usłyszał że jakiś tam botstrap i nigdy bym nawet nie zobaczył co on może

------------------------ [ Dodano po: 3 minutach ]

Kuźnia napisał(a):

Witaj Mirku

Swego czasu miałem epizod z html-ami i podpasował mi program "HateML"
http://migajek.com/portfolio/projekty
Jak dla mnie - łatwy prosty i przyjemny

Pozdrawiam

No tak ale w nim trzeba działać z tego co widzę po obrazku (czy się mylę?) ... tylko na żywym kodzie html którego trzeba znać a ja nie znam - więc takie programy choć na pewno dobre ... no mi nie posłużą na razie ... bo się strasznie gubię .... a potrzebuję po prostu szybkiego efektu.

Więc absolutnie nie mówię że on jest zły - nie nie ... to ja jestem zły tzn to ja jestem cienki - że nie umiem się jeszcze takimi narzędziami posługiwać sprawnie

------------------------ [ Dodano po: 10 minutach ]

Na koniec tylko powiem, że szykuje się ostatni odcineczek z cyklu bonanzy czyli serwera http na AVR'ku .... i to dlatego tak pilnie muszę zrobić jakąś stronkę - na razie nawet - trudno - wystarczy to co mam .... mój przykład będzie biedny ale za to wy wszyscy sobie pewnie poradzicie .... eeeeeh a jak ja będę chciał wbudować później stronkę html do swojego urządzenia to będzie drewniana no i cóż poradzić

aha .... ale za to mam nadzieję, że was wszystkich zaskoczę w tym odcinku pewnym nowym .... POMYSŁEM ... ale nie zdradzę na razie pomysłem na co

Statystyki: Napisane przez mirekk36 — 20 lut 2015, o 08:36

Re: ktoś zna program do prostych stron html ?

2015-02-20T08:23:22+01:00

Witaj Mirku

Swego czasu miałem epizod z html-ami i podpasował mi program "HateML"
http://migajek.com/portfolio/projekty
Jak dla mnie - łatwy prosty i przyjemny

Pozdrawiam

Statystyki: Napisane przez Kuźnia — 20 lut 2015, o 08:23

Re: ktoś zna program do prostych stron html ?

2015-02-20T06:04:19+01:00

Albo edytory online np http://www.quackit.com/html/online-html-editor/full/

Wysłane z iPad za pomocą Tapatalk

Statystyki: Napisane przez Alan Bejnarowicz — 20 lut 2015, o 06:04

Re: ktoś zna program do prostych stron html ?

2015-02-20T05:34:56+01:00

Ja od zawsze używałem pajączka do robienia stron w html - oczywiście wiem, że są już nowsze technologie ale jakoś do prostych (i nie tylko) konstrukcji html uważam, że jest to przyjazny program.

Statystyki: Napisane przez Gość — 20 lut 2015, o 05:34

Re: ktoś zna program do prostych stron html ?

2015-02-20T03:12:54+01:00

Trochę podziałałem i stworzyłem stronkę jak w załączniku, opartą na bootstrap'ie. Nie trzeba żadnych dodatkowych plików, bo biblioteka ładowana jest z oficjalnego serwera.
Proponuję zobaczyć jak się strona zachowuje przy zmianie wielkości okna przeglądarki, albo po prostu na telefonie.

http://nanomatic.pl/mirek/

P.S.
Nie wrzucałem kodu w znacznikach syntax, bo nie wiedzieć czemu burzy to całą stronę na forum z tym tematem (mimo wyboru html)...
Z kolei pliku z rozszerzeniem html nie dodam w załączniku bo forum uznaje go za "potencjalnie niebezpieczny"

Statystyki: Napisane przez atmel — 20 lut 2015, o 03:12

Re: ktoś zna program do prostych stron html ?

2015-02-20T01:20:14+01:00

Tak się właśnie domyślałem że chodzi o AVR'ka, ale ja jednak pozostanę przy swoim stanowisku framework'ów
Pozwoliłem sobie zaglądnąć do kodu źródłowego Twojej stronki Mirku i muszę stwierdzić że z pewnością zastosowanie jakiegokolwiek FW skróciło by znacząco kod, co w ostatecznym rozrachunku bezpośrednio przekłada się na szybkość działania nie tylko strony, ale też biednego uC, który nie musiałby tak dużo danych wysyłać przez UART.

Jeszcze dopowiem (właściwie dopiszę ) jedną rzecz. To że strona wygląda efektowniej wcale nie musi zależeć od ilości napisanego kodu, a wręcz przeciwnie. To jest właśnie dobre we FW, że wszystkie ciekawe efekty i cały wygląd strony generowany jest przez samą przeglądarkę użytkownika i nie trzeba aż tak mocno się rozpisywać, aby stworzyć nawet coś bardzo złożonego.

Statystyki: Napisane przez atmel — 20 lut 2015, o 01:20