[CSS][MySQL][PHP]Problem z funkcjami CSS, obsługą MySQL Workbench 6.1 itp., Zbiorczy temat z pytaniami, które mnie nurtują, gdyż jestem nowy. Opcje

[castagir]

Witam

Na sam początek chciałbym powiedzieć, że jestem całkowicie nowy w PHP i MySQL. Właściwie w HTML i CSS dopiero też postawiłem niedawno pierwsze kroki - ale jak każdy wie, te skrypty/języki są akurat proste, chociaż i z nimi mam kilka problemów. Dlatego założyłem jeden zbiorczy temat aby nie robić syfu w dziale forum i wszystkie odpowiedzi otrzymać w jednym miejscu. Także jakbym miał jeszcze pytania w przyszłości to będę używał jego.

Napisze również na jakim pracuję oprogramowaniu, aby uprzedzić pytania natury technicznej.
Jako, że nie mogłem stworzyć środowiska do tworzenia stron i aplikacji internetowych na Win7, postanowiłem postawić nowy system na zapasowym dysku.
System to Ubuntu 14.04LTS. Zainstalowane na nim także mam środowisko:
- Apache(2.4.7-Ubuntu4.1)
- PSP-pear(5.5.9+dfsg-ubuntu4.4)
- MySQL-client-5.5(5.5.40-0ubuntu0.14.04.01)
Mam także zainstalowane biblioteki do powyższych "programów".
Mam także MySQL Workbench 6.1 - coby to łatwo i przyjemnie można było operować na bazach, gdyż jestem przyzwyczajony do graficznej kontroli i klikaniem myszką, a terminal jest jeszcze dla mnie wciąż trudny.
Natomiast programu do pisania skryptów używam GPHPEDIT 0.9.98 - graficzny edytor, który wspomaga pisanie skryptów poprzez kolorowanie tekstu.

Oto moje pytania:
1. Na razie uczę się wykonywać strony statyczne, czyli sam HTML i CSS(znowu ). Ogólnie wszystko idzie gładko i nie mam problemów merytorycznych, lecz mój sprzęt zawodzi, lub oprogramownaie.
Mam problemy z takimi funklcjami CSS jak:
overflow, position, max/minwidth i kilka innych bardziej zaawansowanych, których teraz nie mogę sobie przypomnieć, używanych do tworzenia układów stron płynnych i hybrydowych. Przez to moje strony są podzielone na fragmenty i układają się jadna pod drugą.
Dodam, że te funkcje, które właśnie sprawiają problemy, pokazują się w GPHPEDITorze dużymi czarnymi literami, program wskazuje na to, że są jakby błędnie napisane albo coś. I teraz nie wiem, czy to jest może przez ten program, czy po prostu on wskazuje mi, że środowisko na moim komputerze nie może tego zinterpretować.

2. MySQL Workbench. Nie mogę ni jak ogarnąć tego programu. Miało być wszystko pięknie i ładnie w nim pokazane. Wchodząc do bazy danych ładnie jest pokazana lista różnych działóœ technicznych - jak stan serwera czy lista użytkowników, ale jak już otwieram jakiś plik bazy .sql to nbie pokazuje mi się żaden graficzny terminal do edytowania i zarządzania tylko jakbym otwierał w notatniku, wszystko jest napisane jednym ciągiem i żeby edytować trzeba jezdzić po całym tekscie.
Tutaj prośba do ludzi, którzy już mieli styczność z tym programem i wiedzą jak się nim obsługiwać. Najbardziej chodzi mi o tworzenie baza danych i nowych użytkowników.

3. Może troche być dla wielu dziwne, lecz dla mnie jako nowicjusza jest ważne. Jak najlepiej łączyć ze sobą PHP, HTML i CSS?
Czy lepiej zagnieżdzać PHP w html za pomocą <?php...?>, czy może lepiej HTML wewnątrz skryptu PHP za pomocą echo;? I jak do tego wszystkiego jeszcze wtrącić CSS?
Może to być głupie pytanie i wiem, że da się na dwa właśnie sposoby, lecz chciałbym wiedzieć już na początku jak byłoby poprawnie i najprzejrzyściej, coby nie łapać od samego początku złych nawyków.

Byłbym bardzo wdzięczny weteranom za udzielenie mi pomocy i wskazówek.
Z góry dziękuję i pozdrawiam!

Ten post edytował castagir 29.10.2014, 10:15:43

[Turson]

1. Na razie uczę się wykonywać strony statyczne, czyli sam HTML i CSS(znowu dry.gif ). Ogólnie wszystko idzie gładko i nie mam problemów merytorycznych, lecz mój sprzęt zawodzi, lub oprogramownaie.
Mam problemy z takimi funklcjami CSS jak:
overflow, position i kilka innych bardziej zaawansowanych, których teraz nie mogę sobie przypomnieć, używanych do tworzenia układów stron płynnych i hybrydowych. Przez to moje strony są podzielone na fragmenty i układają się jadna pod drugą.
Dodam, że te funkcje, które właśnie sprawiają problemy, pokazują się w GPHPEDITorze dużymi czarnymi literami, program wskazuje na to, że są jakby błędnie napisane albo coś. I teraz nie wiem, czy to jest może przez ten program, czy po prostu on wskazuje mi, że środowisko na moim komputerze nie może tego zinterpretować.

Bez jakiegokolwiek kodu nie zgadniemy o co chodzi.

2. MySQL Workbench. Nie mogę ni jak ogarnąć tego programu. Miało być wszystko pięknie i ładnie w nim pokazane. Wchodząc do bazy danych ładnie jest pokazana lista różnych działóœ technicznych - jak stan serwera czy lista użytkowników, ale jak już otwieram jakiś plik bazy .sql to nbie pokazuje mi się żaden graficzny terminal do edytowania i zarządzania tylko jakbym otwierał w notatniku, wszystko jest napisane jednym ciągiem i żeby edytować trzeba jezdzić po całym tekscie.
Tutaj prośba do ludzi, którzy już mieli styczność z tym programem i wiedzą jak się nim obsługiwać. Najbardziej chodzi mi o tworzenie baza danych i nowych użytkowników.

Otwórz sobie nowe połaczenie na localhost, podaj nazwę użytkownika, hasło. Po lewej stronie będziesz miał dostępne bazy danych a w nich tabele.

3. Może troche być dla wielu dziwne, lecz dla mnie jako nowicjusza jest ważne. Jak najlepiej łączyć ze sobą PHP, HTML i CSS?
Czy lepiej zagnieżdzać PHP w html za pomocą <?php...?>, czy może lepiej HTML wewnątrz skryptu PHP za pomocą echo;? I jak do tego wszystkiego jeszcze wtrącić CSS?
Może to być głupie pytanie i wiem, że da się na dwa właśnie sposoby, lecz chciałbym wiedzieć już na początku jak byłoby poprawnie i najprzejrzyściej, coby nie łapać od samego początku złych nawyków.

CSS umieszczamy w pliku .css i dajemy link do niego w <head> dokumentu
Nie mieszamy HTML z PHP, staramy się jak najbardziej to odzielać. Przykład
<div><?php echo $zmienna ?></div>

[castagir]

Bez jakiegokolwiek kodu nie zgadniemy o co chodzi.

[HTML] pobierz, plaintext 
.hybrydowy_position {
    *position: absoulte;*
    width: 800px;
    margin: 0 auto;
}
.hybrydowy_position .lewa {
    width: 175px;
    top: 0px;
    left: 0px;
    background: silver;
}
.hybrydowy_position .tresc {
    margin-right: 325px;
    margin-left: 175px;
    *min-height: 300px;*
    background: grey;
}
.hybrydowy_position .prawa {
    width: 300px;
    margin-left: 500px;
    background: silver;
}
#nawigacja {
    margin: 20px 30px;
}
footer {
    clear: both;
    background: blue;
    color: white;
    margin: 0 auto;
    text-align: center;
}
[HTML] pobierz, plaintext 

*...* - ujęte w giwazdki jest w gphpedit pokazywane duzymi czarnymi literami, czyli chyba jako błędne
Jeśłi masz możliwość sprawdzenia całego projektu(pliku html i css) np na swoim lokalnym to mogę podrzućić także treść tego HTMl abyś zobaczył czy u Ciebie też tak pofragmentuje całą stronę jak u mnie.

EDIT: Albo jednak masz:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
 <html lang="pl">
    <head>
    <title>Strona WWW</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css" />
    </head>
<body>
    <div class="hybrydowy_position">
        <header>Pan Tadeusz</header>
        <div class="lewa">
            <div id="nawigacja">
                <nav>menu 1</nav>
                <nav>menu 2</nav>
                <nav>menu 3</nav>
                <nav>menu 4</nav>
            </div>
        </div>
        <div class="prawa">
            <ul>
                <tr>
                    <li>menu 1</li>
                </tr>
                <tr>
                    <li>menu 2</li>
                </tr>
                <tr>
                    <li>menu 3</li>
                </tr>
                <tr>
                    <li>menu 4</li>
                </tr>
            </ul>
        </div>
        <div class="tresc">
        Lorem ipsum dolor sit amet enim. (...) Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.
        </div>
        <footer>wykonał G. Kraciuk</footer>
    </div>
</body>
</html>
[HTML] pobierz, plaintext 

Otwórz sobie nowe połaczenie na localhost, podaj nazwę użytkownika, hasło. Po lewej stronie będziesz miał dostępne bazy danych a w nich tabele.

To już ogarnąłem, a jak można stworzyć i edytować baze danych, bez potrzeby ręcznego pisania wszystkiego tak jak w terminalu? Bo z tego co czytałem w internecie to włąśnie ten program po to powstał aby dla takich jełopów jak ja umożliwić łatwą pracę.

CSS umieszczamy w pliku .css i dajemy link do niego w <head> dokumentu
Nie mieszamy HTML z PHP, staramy się jak najbardziej to odzielać. Przykład
<div><?php echo $zmienna ?></div>

Czyli używając CSS można tworzyć nowe schematy obiektów dla PHP? Coś takiego jak w HTML div lub nav?

Ten post edytował castagir 29.10.2014, 10:28:57

[Turson]

1. absolute nie absoulte
2. 4. ikonka u góry od lewej "Create new schema" - nowa baza. Jak stworzysz bazę to pojawi się po lewej a jak nie to klikasz na lewo PPM i "Refresh all". POtem rozwijasz bazę, rozwjasz tabele, klikasz po lewej PPM i "Create table"
3. CSS styluje HTML, mówiąc najprościej - ustala kolory, tła, rozmiary itp. elementów html

[castagir]

1. No ok. Mój błąd . Lecz po poprawieniu jedyne co się stało to przesunęło na lewą stronę, lecz cały schemat jest wciąż pofragmentowany.

2. Ok To baza załatwiona. Dzieki ;D
3. Czy w PHP są takie obiekty, które w jakiś sposób formatują treść strony? Coś jak np w HTML p, article, table?

[Turson]

Przesunęło w lewo bo nadałeś divowi pozycję absolutną. Pytanie po co w ogóle? Co chcesz osiągnąc?
PHP nie odpowiada za formatowanie strony.

[castagir]

Chcę aby kolumny (lewa, trsc i prawa) znajdowały się jedna obok drugiej. Niestety nie ważne jak zmieniam ten skrypt to i tak robi się pofragmentowany. Kolumny są na swoim miejscu jeśli chodzi o szerokość lecz jeśli chodzi o wysokośc to są jedna pod drugą.
Dodam, że cały skrypt jest przepisany z książki z której się uczę i na obrazku w książce wygląda to wszystko całkiem inaczej.

Ten post edytował castagir 29.10.2014, 10:55:12

[Turson]

Żeby div był koło diva, to każdemu z nich nadajesz float:left i się ułożą koło siebie.

[castagir]

ok. Sprawa rozwiązana. Dzieki bardzo.
Postawiłbym piwo, ale się nie da ;D - nawet wirtualnego

Pozdrawiam