EXCEL TO HTML Wykonawca Jarosław Ferenc
CO CHCEMY UZYSKAC Przed uzupełnieniem Po uzupełnieniu
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Ć
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ć
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
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
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
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
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
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.
KONIEC