Portofoliu
Cateva dintre site-urile create si promovate pana acum, logo-uri, bannere...
continuarea >Oferta speciala
Aceasta oferta se adreseaza proiectelor originale, convingatoare, al caror initiator nu isi pot sustine financiar proiectul. Numar de pagini: 5 - 7; Imagini: 8 - 12; Indexare in Google si Yahoo.
continuarea >Bannere FLASH
Pentru promovarea pe Internet ai nevoie, printre altele, si de bannere. Dinamicitatea pe care o ofera bannerele create in FLASH le recomanda...
continuarea >Site-uri web:
HTML - Notiuni de baza
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau .htm.
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor HTML cum ar fi CoffeCup, PageBreeze sau cu un editor mai complex cum ar fi Dreamweaver, care va indica si numarul liniilor, lucru util la depanarea codului HTML. Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options -> View -> debifati Hide extensions for known file types).
Pentru a incepe sa creati fisiere HTML dati clic dreapta New -> Text Document, apoi il redenumiti index.html.
Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care marcheaza inceputul si sfarsitul unui element. Tag-ul pentru inceput este < iar pentru sfarsit este >.
In marea lor majoritate elementele sunt pereche, una de deschidere <eticheta> si alta de inchidere </eticheta>. Browserul interpreteaza aceste etichete afisand rezultatul pe ecran. HTML nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).
Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare">
...
</eticheta>
Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>
Versiunea HTML poate fi:
HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
Toate paginile HTML incep cu eticheta <html> si se termina cu eticheta </html>.
In interiorul acestor etichete gasim perechea <head> </head> si perechea <body> </body>.
Zona head contine titlul paginii intre etichetele <title> si </title>, descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi si linkuri catre fisiere externe (de exemplu scripturi Javascript, fisiere de tip CSS sau favicon).
Continutul etichetei title este afisat de browser pe cea mai de sus linie (banda albastra de sus).
Etichetele de tip meta contin cuvinte cheie, descrierea paginii, date despre autor, informatii utile motoarelor de cautare si au urmatorul format:
Exemplu: link catre un fisier extern CSS:
Zona body gazduieste practic toate etichetele afisate de browser pe ecran.
Exemplu: o pagina HTML cu titlul Exemplu iar continutul Continut pagina
<head>
<title>Exemplu</title>
</head>
<body>
Continut pagina
</body>
</html>
Comentariul in HTML, care bineinteles nu va fi afisat de browser, poate fi introdus astfel:
Urmatorul tutorial >> CSS - Notiuni de baza >>
Tutoriale web
Sa postezi pe Internet un tutorial Photoshop, CSS, HTML sau FLASH care nu are nici un sens este o pierdere a timpului propriu, ca autor, cat si pentru cei ce incearca sa invete din acel tutorial sa creeze ceva.Asa ca, atunci cand te decizi ca ai vrea sa impartasesti lumii din cunostintele tale, fa-o cum se cuvine, foloseste un limbaj facil, pe intelesul celui caruia te adresezi.
Alege tutorialul
FLASH | Photoshop | 3Dmax | MAYA | Autocad | CSS | xHTML | SWISH
9 sfaturi pentru a scrie tutoriale cu sens
1. This might sound shocking, but your tutorial should always start with an introduction. Many of the tutorials start off with 'Open a new photoshop document' or 'Create a new scene in 3DS'. It would make much more sense if you start your tutorial by telling us what the tutorial is aiming to teach, the names of the techniques to be used in this tutorial, what pre-requisite skills the reader is expected to have before attempting the tutorial, and any other necessarily details such as required plugins , program versions, etcetera.
2. This point could have been added to the introduction point, but it is so important it had to be made on its own. Always follow up your introduction with a visual illustration of what this tutorial aims to teach, when I follow a tutorial link, I expect to 'SEE' what I should be able to learn how to create upon following the tutorial. If this is a modeling tutorial, put the final render beneath your introduction, if it is a flash effect, put a sample SWF for people to see what they are going to make.
3. The point of a tutorial is to teach people how to create stuff, when you tell the reader to do something explain why that has to be done, I expect you to tell me what a Gizmo is in 3D Studio Max before you tell me to insert one. Telling someone that he has to do something because he 'has to' is not an explanation, it is much more helpful if you can explain in normal speech the function of that item in the project.
4. Take note of the expected level of the readers of your tutorial, if you are writing a tutorial for advanced users, do not bore them with all the beginner details and explanations of the basic commands and tools in the program. The flip side of the coin is that you should always remember to mention ALL the details when writing a tutorial for beginners, make sure you provide screenshots of menus and option panels for them to know what you are talking about exactly.
5. If you are writing a long tutorial don't be afraid to break it down into parts, it is always nice to have a break at logical points for the reader to digest what he/she has learnt, if you are writing a flash tutorial, you might want to have the details on how to create the objects and set the scene in page one, and then write and assign the code in the second page, if it is a Maya tutorial, you might want to model the object in the first part of the tutorial and texture it in the second part.
6. Do not watermark every single image in your tutorial, it is a very good idea to watermark the very first and last images in the tutorial, but putting your name on every single one of them is just too messy. Also, save your images in the right file format, if you are taking menu or panel shots, crop these images so that you only show the menu or the panel, and then save these in GIF format. If your are trying to take a shot of the object of your tutorial and it is too colourful, then use JPEG.
7. Help others find your tutorial by using search engine optimisation techniques such as using the page title field and meta tags for keywords and description. You can also submit your tutorial to tutorial archives and specialised tutorial search engines such as CGtutorials, Tutorialized and Pixel2life.
8. End your tutorial with a helpful conclusion, you can recommend tutorials that the readers could follow up to expand their skills, you can provide the source file of the tutorial if you are writing a Flash tutorial, or you can point the readers to where they can get help from if they needed it to complete this tutorial.
9. Finally, and the most obvious of all tips, spell check your tutorial and read it at least once before you publish it just to see if it makes any sense at all.