EXCEL TO HTML Wykonawca Jarosław Ferenc. CO CHCEMY UZYSKAC Przed uzupełnieniem Po uzupełnieniu.

Prezentacja na temat: "EXCEL TO HTML Wykonawca Jarosław Ferenc. CO CHCEMY UZYSKAC Przed uzupełnieniem Po uzupełnieniu."— Zapis prezentacji:

1 EXCEL TO HTML Wykonawca Jarosław Ferenc

2 CO CHCEMY UZYSKAC Przed uzupełnieniem Po uzupełnieniu

3 Chcemy zrobić tak aby ktoś kto chce użyć tego na stronie wpisał dane w odpowiednie komórki a gotowy kod html zostanie przygotowany w wyznaczonym przez nas miejscu do skopiowania. Brzmi skomplikowanie lecz następujący slajd wszystko wyjaśnia. JAK TO ZROBIĆ

4 Tak powinien wyglądać kod gotowy do skopiowania do htmla Jak widać dane zmienione przez klienta w polu adres, tekst itp. Zmieniają się w miejscu w którym mamy nasz gotowy kod a odpowiada za to znak =a następnie zaznaczenie komórki która ma się w tym miejscu pojawić

5 Jest tylko jeden problem nasz kod źródłowy po przeprowadzeniu do notatnika będzie wyglądał następująco : A my chcemy aby wyglądał tak : Do tego służy funkcja złącz tekst zastosowana tak jak w poniższym przykładzie Po tym pozostaje nam skopiować tylko zawartość jeden komórki w tym wypadku a16

6 Co zrobić w przypadku gdy klient chce uzyskać na stronie bardziej skomplikowaną tabele w której będą znajdowały się odpowiednio : imię, nazwisko, wynagrodzenie itp.. TERAZ PORA NA COS TRUDNIEJSZEGO

7 Rozpoczynamy od utworzenia tabelki w którą klient będzie wpisywał potrzebne dane aby uatrakcyjnić wygląd dodajemy także tytuł strony oraz grubość obramowania ramki. Po wszystkich tych zabiegach powinno to wyglądać mniej więcej tak : W tej komórce wpisujemy tytuł strony Tu grubość obramowania

8 TERAZ PORA NA HTML Strona której klient nie będzie widział a dane będą się wpisywały po wypełnieniu poprzedniej należy utworzyć tyle komórek ile będzie potrzeba a teraz czas na edycje

9 Aby uzyskać ładny efekt powinniśmy umieścić powyższy kod html w oddzielnym arkuszu. Teraz czas na odwołania : To pole powinno mieć wartość tego pola z poprzedniego arkusza tzn. =b1, f1 Gdy ustalimy odnośniki tych komórek poniższe wypełnią się z góry na dół automatycznie ew. wystarczy przeciągnąć plusikiem

10 A teraz aby skrócić nieco kod i pozbyć się tabulatorów używamy jak w poprzednim przykładzie funkcji złącz tekst zaznaczamy odpowiednio komórki i efekt powinien wyglądać następująco Teraz taki kod można wrzucić na stronę i gotowe.

11 KONIEC