Posting Freak
Posts: 2,715
Threads: 212
Joined: 2010-03
Gender: Male
First time, especially for a school-project. Took me over 17+ hours, 7 hours being major edits/revisions. Thank you to Rob, btw, for the idea about taking off auto-start video on homepage, actually removed it entirely because it seemed weird to have it on there. Not worried about copyright because this is a project mostly for school.
http://kenthian.webs.com/portal.html
If anybody has any ideas on what they'd suggest, lemme know. Presenting this tmr, but I plan on updating it in the future. :v
Posting Freak
Posts: 4,689
Threads: 217
Joined: 2008-07
You got quite a bit to work on.
If you want to profile individual characters, you need to link each individual picture, not link the entire picture under one link. And create more web pages for it. I keep going to the same webpage every single time.
Otherwise, you're off to a good start.
Posting Freak
Posts: 2,715
Threads: 212
Joined: 2010-03
Gender: Male
WillDaSnail Wrote:You got quite a bit to work on.
If you want to profile individual characters, you need to link each individual picture, not link the entire picture under one link. And create more web pages for it. I keep going to the same webpage every single time.
Otherwise, you're off to a good start.
Actually, another person did comment on this (on my FB). I actually didn't want individual characters, because:
a) That's a total of 20 individual HTML files.
b) Requirement = 2 hyperlinks for image-map.
I did 4. That's 2 more than necessary. :/ I might divide it up into 20 one day, but not now, lol. It's easy to do that, but it's just pointless. What I did have in mind though, is setting it so that whenever a user were to click on a character, a frame would open up below or on the side of the site, and it would reveal the data for that specific character.
Senior Member
Posts: 362
Threads: 18
Joined: 2008-08
Khoi Wrote:Actually, another person did comment on this (on my FB). I actually didn't want individual characters, because:
a) That's a total of 20 individual HTML files.
b) Requirement = 2 hyperlinks for image-map.
I did 4. That's 2 more than necessary. :/ I might divide it up into 20 one day, but not now, lol. It's easy to do that, but it's just pointless. What I did have in mind though, is setting it so that whenever a user were to click on a character, a frame would open up below or on the side of the site, and it would reveal the data for that specific character.
No, it's not pointless. It feels incomplete the way it is. Also, if you do keep it the way it is, at least have it scroll to the character that is clicked on.
Posting Freak
Posts: 6,406
Threads: 399
Joined: 2008-07
Gender: Male
2010-12-10, 02:33 AM
(This post was last modified: 2010-12-10, 02:41 AM by Hazzy.)
Khoi Wrote:Actually, another person did comment on this (on my FB). I actually didn't want individual characters, because:
a) That's a total of 20 individual HTML files.
b) Requirement = 2 hyperlinks for image-map.
I did 4. That's 2 more than necessary. :/ I might divide it up into 20 one day, but not now, lol. It's easy to do that, but it's just pointless. What I did have in mind though, is setting it so that whenever a user were to click on a character, a frame would open up below or on the side of the site, and it would reveal the data for that specific character.
You could generate a page with PHP pretty easily. A datastore with image name, walls of text, et cetera would suffice for providing the information. One PHP page and one database / ini file / text file / w.e. would substitute your 20 HTML files just fine. Format changing would be pretty easy too, between CSS and the single PHP file. PHP and a datastore would also make adding new characters incredibly easy. Just add a new entry to the datastore and the PHP page(s) would automatically load the new entry. However, that might escape the scope of a simple HTML-design class.
If you do not like PHP or making 20 HTML pages with a CSS file, at least use Anchors to move the page to the correct character.
I also found the margins really annoying: Why is my scroll bar floating in the middle of the screen? I am not viewing the page in wide screen, so just imagine what it must be like for them.
Adding to Spaz's comment about frames: If you do need them, use them to make a little menu bar at the top or bottom or something.
Posting Freak
Posts: 854
Threads: 71
Joined: 2008-07
Gender: Male
Sexual Orientation: Straight
Country Flag: usa
Job: Software Dev.
Please tell me the only reason it uses frames is because the project required it.
Posting Freak
Posts: 2,715
Threads: 212
Joined: 2010-03
Gender: Male
Spaz Wrote:Please tell me the only reason it uses frames is because the project required it.
^
Exactly. Some of the requirements are pretty silly, frames being one of them. Also, keep in mind that this is my first HTML course. I might be taking a more advanced HTML class later in the future, so try to keep your expectations a bit realistic, guys. .-.; Though I do thank you for the criticisms.
I came in here asking for advice and future suggestions, not for "LOL Y U UZ SUCH SH`ITTY HTML".
In regards to the scroll bar, I wanted it on the side at one point, but a lot of friends said to put it in the middle for consistency. I don't find it to be overly annoying, personally. Also, just to say this again, this is a Beginner's HTML course. I'll probably change the imagemap a bit, because with the way I did set it up, it's hard to tell what to click. So that's one valid suggestion so far, but I wouldn't have a clue on how to make it easier to view without using frames because of where I'm currently at in HTML.
I don't want to use overly complicated HTML or CSS, or else the professor will think I cheated, and might even subtract points if he thinks I'm copy-pasta'ing ideas from other people, especially if the material is not related to course-work. Thanks.
Posting Freak
Posts: 3,372
Threads: 126
Joined: 2008-12
Gender: Male
Sexual Orientation: Straight
Country Flag: singapore
IGN: LEEHONGBIN
Server: MSEA D/E/I
Job: Fire/Poison
Farm: Melody
Khoi Wrote:^
Exactly. Some of the requirements are pretty silly, frames being one of them. Also, keep in mind that this is my first HTML course. I might be taking a more advanced HTML class later in the future, so try to keep your expectations a bit realistic, guys. .-.; Though I do thank you for the criticisms.
I came in here asking for advice and future suggestions, not for "LOL Y U UZ SUCH SH`ITTY HTML".
In regards to the scroll bar, I wanted it on the side at one point, but a lot of friends said to put it in the middle for consistency. I don't find it to be overly annoying, personally. Also, just to say this again, this is a Beginner's HTML course. I'll probably change the imagemap a bit, because with the way I did set it up, it's hard to tell what to click. So that's one valid suggestion so far, but I wouldn't have a clue on how to make it easier to view without using frames because of where I'm currently at in HTML.
I don't want to use overly complicated HTML or CSS, or else the professor will think I cheated, and might even subtract points if he thinks I'm copy-pasta'ing ideas from other people, especially if the material is not related to course-work. Thanks.
make 2 frames and tag each fram with a name so if you want a link from frame1 to open in frame2, just add a target tag to the link(i think). this eliminates the entire use for php. but never use it if youre making a site unrelated to school cause frames are pretty pomegranatety. ive been working on my DIVs and Tables so i kinda have no knowledge on how frames work anymore.
sort of like
[HTML]
<iframe src="" name="frame1">
this is your main content page
<a href="" target="frame2">(use it with image-map if you want to)
</iframe>
<iframe src="" name="frame2">
this is where the page you clicked on link1 will open at
</iframe>
[/HTML]
Posting Freak
Posts: 2,715
Threads: 212
Joined: 2010-03
Gender: Male
DeanNim Wrote:make 2 frames and tag each fram with a name so if you want a link from frame1 to open in frame2, just add a target tag to the link(i think). this eliminates the entire use for php. but never use it if youre making a site unrelated to school cause frames are pretty pomegranatety. ive been working on my DIVs and Tables so i kinda have no knowledge on how frames work anymore.
sort of like
[HTML]
<iframe src="" name="frame1">
this is your main content page
<a href="" target="frame2">(use it with image-map if you want to)
</iframe>
<iframe src="" name="frame2">
this is where the page you clicked on link1 will open at
</iframe>
[/HTML]
Thank you very much. This was the type of response I was looking for, and I think this'll work. Too bad with how I set up my website, I already uploaded the files to the webserver at my school. So I couldn't change my website or update the report anyways. But this'll be good for a future update!
Posting Freak
Posts: 830
Threads: 56
Joined: 2008-07
Please stop using Comic Sans. PLEASE. As a designer my eyes are literally bleeding while reading your posts.
Posting Freak
Posts: 3,085
Threads: 178
Joined: 2010-09
Gender: Neuter
Country Flag: ireland
IGN: Stephen
Server: U.S.A.
Level: 25
Job: Sailor
Guild: USN
Guild Alliance: VAQ-141 Shadowhawks
Roxas Wrote:Please stop using Comic Sans. PLEASE. As a designer my eyes are literally bleeding while reading your posts.
http://bancomicsans.com/main/?p=438
amirite or what? >_>
Member
Posts: 225
Threads: 3
Joined: 2010-05
on the character selection:
when mouseover the picture, it would be great if it stands out eg.
[INDENT]border/ border color
swap image(low saturation to normal/ outline to normal/ or even, blink the eye)
displacement/ change size[/INDENT]
Junior Member
Posts: 6
Threads: 0
Joined: 2010-10
thinbear Wrote:on the character selection:
when mouseover the picture, it would be great if it stands out eg.
[INDENT]border/ border color
swap image(low saturation to normal/ outline to normal/ or even, blink the eye)
displacement/ change size[/INDENT]
Might I suggest using it like a sprite sheet, if that isn't too complicated for your class.
Posting Freak
Posts: 830
Threads: 56
Joined: 2008-07
Or, he could divide the image into a few small ones and use the float: CSS property to put them next to eachother...seems like the most logical step, really.
Posting Freak
Posts: 3,372
Threads: 126
Joined: 2008-12
Gender: Male
Sexual Orientation: Straight
Country Flag: singapore
IGN: LEEHONGBIN
Server: MSEA D/E/I
Job: Fire/Poison
Farm: Melody
Roxas Wrote:Or, he could divide the image into a few small ones and use the float: CSS property to put them next to eachother...seems like the most logical step, really.
he already said, image mapping must be included.
Posting Freak
Posts: 2,715
Threads: 212
Joined: 2010-03
Gender: Male
Wow, you guys reply right when my project is already over. :v But yeah, I'm keeping this all in mind, so I have an idea on what to do if I ever do updates.
Posting Freak
Posts: 3,372
Threads: 126
Joined: 2008-12
Gender: Male
Sexual Orientation: Straight
Country Flag: singapore
IGN: LEEHONGBIN
Server: MSEA D/E/I
Job: Fire/Poison
Farm: Melody
Khoi Wrote:Wow, you guys reply right when my project is already over. :v But yeah, I'm keeping this all in mind, so I have an idea on what to do if I ever do updates.
id love to see it 
|
