Paidia ena 3ekatharisma

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 05:15

tha ime sintomos kai aplos , tha theso aples erotisis pou tha xrisimefsoun se arketous, alla kai se mena, euxaristo ek ton proteron opion apo esas apo kali diathesi apantisi stis erotisis mou :)

1. Background. ti diastasis prepi na exi ena background an to ftia3oume me photoshop gia na efarmozi akrivos se mia selida.. opia kai na ien i analisi kai to makros, me tin idieterotita , na min ine watermark, diladi , na exi ena mavro header kai meta olo aspro gia paradigma , oso makria kai na ine mia selida, kai to platos tou e3isou?

2. Gia na fenete i selida mou kentrarismeni se oles tis analisis othonis, pio kodika prepi na xrisimopioiso, thelo as poume , se analisi 1024x7xx (den thimame) na fenete o kirios kormos tis selidas mou akrivos o idios me afto mias othonis me megaliteri analisi,, to mono pou na epimikinite na ine to background.

3. gia na ftia3o ena banner , ego pou den ime epagelmatias , skeftika na to kano me windows movie maker, diladi, tha ftia3o ta slides apo photoshop i kapio allo programa tha ta peraso sto movie maker san ikones kai tha prostheso efe apo eki gia tin allagia, afto tha to e3ago san .mov , pos to allazo as poume san .swf ? tha mou pite iparxi converter , i apla iparxi mia entoli sto flash gia isagogi apefthias, alla eki exoume provlima, giati mou dixni mavro plaisio giro apo to videaki mou kai ine antiesthitiko... :P

4. tha itan oraio na isigagame se mia selida ena omorfo calendar.. dinamiko , me polles epiloges, ela pou omos gia kapion arxario ine ponokefalos to install tou? gia kapion san kai mena tha voleve ena poli aplo script to opio na edixne apla ton mina tis meres kai bold tin sigkekrimeni mera , pou exoume simera. tha mou legate iparxoun pliada tetion script sto diadiktio... xmm apo mia erevna mou , den iparxi tpt aplo... ola prepi na ise melos kapou kai ola arxizoun na ine perierga... giafto sas zito san xari , tous epagkelmaties tou xorou na anatre3ete ligo stis palies sas doulies kai an mporousate na mas dosete ton kodika enos aplou caledar :P afto tha voithouse polous san kai emena :)

5. sigoura mia selida prepi na exi contact , kai kapia mail form, ego xrisimopio mia flash efarmogi, polli apli kai poli efkoli sto installation... me mperdevan poli aftes pou vrika gia apefthias isagogi sto body tis selidas mou, kai tis theoro , arketa epikindines, mporo kai na kano lathos diorthoste me :)

6. thelo na xrisimopioiso mia gramatosira evanagnosti kai gnosti se olous tous browsers kai o.s. , pia tha mou protinate, ego protimo arial kai calibri

7. exo afton ton kodika

Κώδικας: Επιλογή όλων

<html> 
<head> 
<script type="text/javascript"> 
function printpage&#40;&#41; 
&#123; 
window.print&#40;&#41;; 
&#125; 
</script> 
</head> 
<body> 

<input type="button" value="Print this page" onclick="printpage&#40;&#41;" /> 

</body> 
</html>
oraia.. ego den thelo na ine se button , alla ton thelo na vgeni se kanonika grammata , san link ena pragma, i akoma kalitera se mia foto , ti kano?


8. search , afto mou to lisate edo kai kero , apla to theto gia na ine pio simpliromeno, kai ine to GooGle search engine, pou to testara kai pragmatika , ine polli efkolo stin litourgia

9. exo di se arketa site , photo album , kai apo kato ena idos guestbook na to po , pou se kathe foto ine diaforetiko, san to facebook, pou kapios afini ta sxolia tou , kai aforoun kai efanizonte mono se sigkekrimeni selida, se mia alli efanizete to idio script alla me diaforetikes sizitisis.

10. on mouse over, kai afto to 3ero , kai to paratheto, gia osous xrisimopioume frontpage, giati akoma palevoun me to dreamwaver , iparxi tropos na valete kapia efe on mouse over , ite se link ite se foto, afto ginete apla gia ta link ,

-Gia link : de3i click stin kiria othoni > page properties > Advanced >(tik sto : Enable hyperlink rollover effects) kai epita patiste stin epilogi pou eleftheronete, ftia3te tis rithmisis gia to pos thelete na efanizete to link sas otan to mouse ine apo pano..

-Gia foto : xrisimopioiste afto ton kodika , einai efkolos

Κώδικας: Επιλογή όλων

The main use of function is to prevent us from writing the same code again and again because we can call the same function with a different set of parameters.
In the image roll-over script of the previous session, the code for changing the image was placed inside the event handlers. This is fine if there are one or two images. In case of several images, it is advisable to pack the code in a function that can be called repeatedly by event handlers using different parameters.
There are two important things in an image roll-over code. One is the image name and the other is the image source. Thus, we have to construct a function that accepts these two arguments and changes the image source.
function roll_over&#40;img_name, img_src&#41;
   &#123;
   document&#91;img_name&#93;.src = img_src;
   &#125;
We can now call this function from our even handlers and pass it the two arguments.
<A HREF="some.html" onmouseover="roll_over&#40;'but1', 'icon2.gif'&#41;"
onmouseout="roll_over&#40;'but1', 'icon1.gif'&#41;">
<IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50"
NAME="but1" BORDER="0">
</A>
episinapto kai tin epe3igisi , apo eki pou to vrika.


11. add to favorites

Κώδικας: Επιλογή όλων

<a href="" onclick="window.external.AddFavorite&#40;window.location.href,document.title&#41;;">add to Favorites</a>
afto omos den litourgi se olous tous browsers, ta fota sas parakalo :)



efxaristo ek ton proteron opion apo esas lisi esto kai mia apo tis apories mou :)
sigoura den mporoume oloi na imaste web designers kai sigoura den mporoume na exoume oloi to idio epipedo gnoseon, alla mporoume oloi na ginoume kaliteroi

efxaristo!

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Paidia ena 3ekatharisma

Δημοσίευση από EneMe » 29 Ιαν 2010 10:09

1) Ανάλογα το background που θέλεις να πετύχεις. Επισκεπτόμενος διάφορες σελίδες θα δεις πολλές αντιμετωπίσεις που έχουν να κάνουν με το επιθυμητό αισθητικό αποτέλεσμα.

2) Αυτό λέγεται fixed width και πρέπει να το έχεις κεντραρισμέμο. Η παλιότερη και αποδοτικότερη λύση είναι "βάλ΄τα όλα μέσα σε έναν κεντραρισμένο πίνακα σταθερού πλάτους". Πλέον γίνεται και με css. Αυτό που λές ότι ξεχειλώνει, λέγεται liquid (design).

3) Υπάρχουν δωρεάν προγράμματα για banners. Aυτό που λες είναι λίγο τραβηγμένο. Σε κινούμενο μπορείς να κάνεις αρχείο gif, αλλιώς πας σε flash.

6) Verdana

Aυτά από μένα για αρχή.

Πάντως όπως τα έγραψες όλα μαζί, λίγο δύσκολο να απαντηθούν...

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 10:13

file pragmatika entiposiastika apo tin ora tis apantisis sou, me to kalimera sto freestuff :P , se efxaristo gia tis apantisis sou, tha ta milisoume argotera ola, isos vroun kai alli xrisimo afto to topic :) kai pali efxaristo

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 11:59

file Eneme

1. auto pou les den to katalava, exo skefti mia lisi, pou ine i e3is, kai pes mou tin gnomi sou, na kano sto photoshop mia ikona megethous 30x1000 pes , kai na ftia3o mono to pano meros tis , kai etsi tha epanalamvanete orizontia xoris na fenete diafora, kai sto mikos den tha fenete giati ine peloria? sosto skeptiko?

2. afti tin lisi ixa skefti , alla pos klidono ena table sto frontpage ? epidi exi mia entoli paromia , alla pali den litourgi analogos...kai me exi mperdepsi

3. exo vri idi ena programma se trial fisika , kai doulevi perifima :)

6. oraia gramatosira , alla otan grafo me afti , kai me polles alles sto flash den mou anagnorizi elinikous xaraktires, afto to ixa kai pio palia kai ixa katevasi mia patch , alla den thimame pos tin ixa vri, thimase pos legete na to psa3o?

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Paidia ena 3ekatharisma

Δημοσίευση από Sermac » 29 Ιαν 2010 12:23

Joakim έγραψε:1. Background. ti diastasis prepi na exi ena background an to ftia3oume me photoshop gia na efarmozi akrivos se mia selida.. opia kai na ien i analisi kai to makros, me tin idieterotita , na min ine watermark, diladi , na exi ena mavro header kai meta olo aspro gia paradigma , oso makria kai na ine mia selida, kai to platos tou e3isou?
Εξαρτάται από την εικόνα. Αν μπορεί να γίνει επανάληψη, θα κάνεις κάτι τέτοιο (εκτός από την εικόνα, θα δηλώσεις και χρώμα):

Κώδικας: Επιλογή όλων

<html> 
<head>
    <style type="text/css">
        body &#123;
            background&#58;#FFF2DF url&#40;http&#58;//www.freestuff.gr/images/header/logobg.jpg&#41; repeat-x scroll 0 0;
        &#125;
    </style>
</head> 
<body> 
    <span>test</span>
</body> 
</html>
Η εικόνα είναι αυτή:
Εικόνα

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/pr_background-color.asp
http://www.w3schools.com/css/pr_background-image.asp
http://www.w3schools.com/css/pr_background-repeat.asp
Joakim έγραψε:sosto skeptiko?
Λάθος, δεοντολογικά και πρακτικά!
Joakim έγραψε:2. Gia na fenete i selida mou kentrarismeni se oles tis analisis othonis, pio kodika prepi na xrisimopioiso, thelo as poume , se analisi 1024x7xx (den thimame) na fenete o kirios kormos tis selidas mou akrivos o idios me afto mias othonis me megaliteri analisi,, to mono pou na epimikinite na ine to background.
Fixed width και κεντρική στοίχιση ως προς τον άξονα x:

Κώδικας: Επιλογή όλων

<html> 
<head>
    <style type="text/css">
        * &#123;
            padding&#58;0;
            margin&#58;0;
        &#125;
        
        body &#123;
            background&#58;#FFF2DF url&#40;http&#58;//www.freestuff.gr/images/header/logobg.jpg&#41; repeat-x scroll 0 0;
        &#125;
        
        .wrapper &#123;
            background-color&#58;#FFF;
            margin&#58;0 auto; /* centered */
            width&#58;900px; /* fixed width */
            min-height&#58;1200px; /* Mono gia to paradeigma */
        &#125;
    </style>
</head> 
<body>
    <div class="wrapper">
        <span>test</span>
    </div>
</body> 
</html>
Αν θες κεντρική στοίχιση ως προς τον άξονα y, είναι πιο πολύπλοκο (ένα παράδειγμα εδώ).

Joakim έγραψε: 7. exo afton ton kodika

Κώδικας: Επιλογή όλων

<html> 
<head> 
<script type="text/javascript"> 
function printpage&#40;&#41; 
&#123; 
window.print&#40;&#41;; 
&#125; 
</script> 
</head> 
<body> 

<input type="button" value="Print this page" onclick="printpage&#40;&#41;" /> 

</body> 
</html>
oraia.. ego den thelo na ine se button , alla ton thelo na vgeni se kanonika grammata , san link ena pragma, i akoma kalitera se mia foto , ti kano?
Επειδή καλείς μόνο μια javascript συνάρτηση (δεν υπάρχει <form> για να επιστρέψεις τιμές στον server), μπορείς να τοποθετήσεις το onclick απ' ευθείας στο <a> ή στο <img> ή σε οποιοδήποτε άλλο html tag που υποστηρίζει το συγκεκριμένο event. Μερικά παραδείγματα:

Κώδικας: Επιλογή όλων

<html> 
<head> 
    <script type="text/javascript"> 
    function printpage&#40;&#41; &#123; 
    window.print&#40;&#41;; 
    &#125; 
    </script> 
</head> 
<body> 
    <a href="#" onclick="printpage&#40;&#41;;">Print this page</a><br /><br />
    <a href="#" onclick="printpage&#40;&#41;;"><img src="http&#58;//www.freestuff.gr/images/header/fs_logo_b.jpg" alt="Print this page" style="border&#58;none;"/></a><br /><br />
    <img src="http&#58;//www.freestuff.gr/images/header/fs_logo_b.jpg" alt="Print this page" onclick="printpage&#40;&#41;;" style="cursor&#58;pointer;"/>
</body> 
</html>
Joakim έγραψε:5. sigoura mia selida prepi na exi contact , kai kapia mail form, ego xrisimopio mia flash efarmogi, polli apli kai poli efkoli sto installation... me mperdevan poli aftes pou vrika gia apefthias isagogi sto body tis selidas mou, kai tis theoro , arketa epikindines, mporo kai na kano lathos diorthoste me
Προσωπικά σαν χρήστης προτιμώ ένα απλό link που να ανοίγει τον προεπιλεγμένο e-mail client μου, παρά μια φόρμα επικοινωνίας σε flash. Αν υπάρχει image verification δεν υπάρχει κανένας κίνδυνος.
Joakim έγραψε:6. thelo na xrisimopioiso mia gramatosira evanagnosti kai gnosti se olous tous browsers kai o.s. , pia tha mou protinate, ego protimo arial kai calibri
Verdana +1
Υποθέτοντας βέβαια ότι θες να την χρησιμοποιήσεις με html-css. Στην flash δεν περιορίζεσαι από browsers και OS.
Εικόνα

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 18:52

file Sermac , se iper efxaristo gia tis apantisis sou , tha tis doulepso oles mia mia tora , kai tha sou po an exo kapia aporia. kai pali efxaristo

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 19:36

paidia stino to web site me vasi afta pou mou ipate , kai to apotelesma me ikanopioi pliros, xilia efxaristo, alla sas parakalo. ekino to calendar pou zito :P krima den ine ? sigoura kati tha exete apo palies sas doulies , den thelo kati extreme, doste mou apla mia vasi kai tha prospathiso ego na to ftia3o , kai na sas to di3o

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 29 Ιαν 2010 23:25

ok thelo sxoliaaaa! www.jliassides.host22.com

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Paidia ena 3ekatharisma

Δημοσίευση από EneMe » 29 Ιαν 2010 23:55

Joakim έγραψε:file pragmatika entiposiastika apo tin ora tis apantisis sou, me to kalimera sto freestuff :P
Ξυπνάω νωρίς για το γραφείο... ;)

Κι όπως λέει ένας στίχος, παροιμία σε παράφραση: "Το πρωινό πουλί πιάνει το σκουλήκι"! ;)

Το site καλό είναι για αρχή, άρχισε να πειραματίζεσαι τώρα...

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 30 Ιαν 2010 13:09

file Eneme to grafiko tou banner pos to vrikes? oraio? to ekana me programa , ekana search kai vrika ena arketa oraio kai efkolo programa (den leo to onoma gia gnostous logous mias kai den ine original )

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 31 Ιαν 2010 09:15

file Sermac : exo akolouthisi tis simvoules sou, kai mou vgikan oles , se efxaristo idietera, des kai to apotelesma , kai patise sto Print na dis pos litourgi :P olo to menu pano ine flash kai ekino gif :P xexe


file Eneme : des to site kai si, perimeno tis gnomes sas , eftia3a kapia pragmata kai vrika kai calendar , flash , aplo opos to gireva, alla den 3ero pos tha to anevaso gia na to paroun kai alloi , ta fota sou se parakalo :), se euxaristo gia tin amesi antapookrisi

Joakim
Δημοσιεύσεις: 441
Εγγραφή: 06 Ιουν 2004 13:48

Paidia ena 3ekatharisma

Δημοσίευση από Joakim » 31 Ιαν 2010 09:16

www.jliassides.host22.com , ele3ete kai to read more sta articles , kai pes te mou an doulevi se alous brosews , epidi ego sto pc exo mono ton Google Chrome

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης