Excel to html

1. Excel to html Wykonawca Jarosław Ferenc

2. Co chcemy uzyskac Po uzupełnieniu Przed uzupełnieniem

3. Jak to zrobić 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 .

4. Tak powinien wyglądać kod gotowy do skopiowania do html’a 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. Teraz pora na cos trudniejszego 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..

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