Andie
Dołączył: 24 Lis 2010
Posty: 5
Przeczytał: 0 tematów
Ostrzeżeń: 0/5 Skąd: Frombork
|
Wysłany: Nie 20:27, 28 Lis 2010 Temat postu: Tutorial jak zrobić pseudostronę na infę z Lutkowskim |
|
|
Krok po korku mam nadzieję, że będzie zrozumiałe Jakby co pisać na gg.
Aaa od tego miejsca nie uzywam juz polskich znakow bo mam juz lenia xd
Chodzi o zadanie 8 z:
[link widoczny dla zalogowanych]
Dokladnie:
Pobierz i skompiluj plik źródłowy języka C znajdujący się pod adresem [link widoczny dla zalogowanych] Odczytaj treść zadania dodatkowego, przekierowując standardowe wyjście do pliku zadanie.txt, a standardowy błąd - do warunek.txt. Wskazówka: znajdź akapit Przekierowanie w podręczniku bash.
No wiec po kolei.
Sciagamy sobie PuTTy:
[link widoczny dla zalogowanych]
Sciagamy WinScp:
[link widoczny dla zalogowanych]
Odpalamy Putty:
host name : sigma.ug.edu.pl
ustawiamy translation: utf-8
login,haslo i jestesmy, hurra!
Dobra teraz konkrety xd
1.Mamy być w katalogu głownym czyli na wszelki wypadek wklepcie:
cd ~/
2.Sciągamy interesujacy nas plik:
wget [link widoczny dla zalogowanych]
3.Kompilujemy go
gcc homepage.c -o homepage
4.Otwieramy z wymaganymi przekierowaniami
~/homepage 1>tekst.txt &2>warunek.txt
BUM. wyskoczyl wam warunek:)
coś takiego
1. Wyslanie do dnia 12 listopada 2009 r. e-maila
nastepujacej tresci do prowadzacego zajecia:
- temat: pi-me1-zad1-(login z sigmy)
- tresc: Strona domowa (imie i nazwisko): adres strony domowej.
2. Pozytywna walidacja strony za pomoca serwisu [link widoczny dla zalogowanych]
5.Teraz czytamy tekscik
cat tekst.txt
i mamy polecenie
Skonstruuj swoja strone domowa. Przegladarka ma wyswietlic strone po wpisaniu adresu:
[link widoczny dla zalogowanych]
Minimalna lista elementow, ktore maja sie znalezc na stronie:
- naglowek z przywitaniem;
- obrazek (dowolny);
- nastepujace akapity (kazdy zaczynajacy sie naglowkiem):
* kim jestem,
* moje zainteresowania,
* kontakt (co najmniej mail).
Dobra, teraz pokolei
Zajmijmy się tym :
Przegladarka ma wyswietlic strone po wpisaniu adresu:
[link widoczny dla zalogowanych]
Zeby to osiagnac trzeba przekopiowac wszystkie pliki z ~/public_html/test do ~/public_html
czyli
a) cd ~/public_html/test
b) cp index.html ~/public_html
c) powtorzyc krok b dla style.css(obowiazkowo!) i user-home.png(jak nie chcemy zmieniac obrazka, jak chcemy to mozna nie przenosic bo potem powiem jak dodac wlasny )
(powrot do "wyzszych" katalogow komenda: cd .. , tak na wszelki wypadek podam xd)
ok teraz jak juz skopiowaliscie odpalcie [link widoczny dla zalogowanych] w przeglądarce i zobaczcie czy dziala. jak dziala to lecimy dalej jak nie to gg
teraz
Minimalna lista elementow, ktore maja sie znalezc na stronie:
- naglowek z przywitaniem;
- nastepujace akapity (kazdy zaczynajacy sie naglowkiem):
w katalogu public_html odpalamy
nano index.html
znajdzcie <body> czyli zawartosc strony tym sie bawimy ; d
nagłowek już macie
<h1>Witam na stronie domowej Andrzeja Rebell!</h1>
bylo na zajeciach.
teraz nagłowki do waszych informacji.
znajdzcie cos takiego to tez pisalismy na zajeciach.
</div>
<div id="content">
<h2>Parę słów o mnie ...</h2>
<p>
Jestem studentem pierwszego roku Mat-Eko na UG i nie ogarniam xD
</p>
teraz po tym dopisujemy kolejne linijki.
<h2>Moje zainteresowania.</h2>
<p>wasz tekst
</p>
uwaga! <p> cos </p> tworzy nowa linie napisanie <p>cos</p><p>tam</p>
da wam:
cos
tam
wiem wiem, ze moze przesadzam z tlumaczeniem ale mialo byc krok po kroku xD
kolejny nagłowek
<h2>Kontakt:</h2>
no i jakis kontakt do was
ogolnie musicie to zmiescic miedzy <div id="content"> a </div>.
Teraz wrócmy do obrazka
ogolnie obrazek juz jest bo wstawilismy jakis tam smieszny domek na zajeciach.
jak ktos chce zeby bylo ladniej to niech np. wezmie swoje zdjecie zedytuje je w paincie , polecam zmniejszych, zapisze jako nazwa.png(wazna koncowka)
teraz trzeba odpalic WinSCP
host sigma.ug.edu.pl
login haslo i jestesmy ; D
lewa strona- wasz komp
prawa strona konto sigmowskie
szukamy sobie w lewej stronie naszego zdjecia kopiujemy
teraz po prawej wchodzimy w public_html i wrzucamy tam zdjecie.
ok teraz dalej.
w index.html
znajdujemy linijki
<div class="center">
<img src="homepage.png" alt="Tu będzie obrazek" />
wszystko co trzeba zrobic to zmienic nazwe user-home.png na nazwe jaka nadaliscie waszemu zdjeciu.
zapisujemy zmiany ktore wprowadzilismy i tyle
po wszystkim sprawdzamy czy strona dziala pod adresem pod ktorym miala dzialac xd
jak tak to juz prawie koniec teraz jeszcze tylko musicie wejsc na strone
[link widoczny dla zalogowanych]
wklepujemy link do naszej pseudostronki i jak jest na zielono to super xd
mozecie wyslac na maila Lutkowskiego.
To tyle w razie pytan prosze pisac na gg postaram sie pomoc ; D
Cos dla urozmaicenia.
nano style.css
1 i4 linijka
body {background:#FFD700; ---cos tam dalej nie interesuje nas to---
#wrap {background:#FFD700; ---cos tam dalej nie interesuje nas to---
[link widoczny dla zalogowanych]
wybieramy sobie kolor patrzymy na kolumne HEX
wpisujemy po background:
i tada zmienilismy kolor tla xD
z czcionka coś mi nie szło i błąd przy walidacji wyskakiwal zawsze niezaleznie co probowalem zrobic wiec niestety tu wam nie pomoge.
To tyle ; D
Do zobaczenia w szkole ;D
Ostatnio zmieniony przez Andie dnia Nie 21:48, 28 Lis 2010, w całości zmieniany 1 raz
|
|