Webpage topics

Post Reply
Message
Author
Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Webpage topics

#1 Post by Hartzell »

March 18, 2016
Hello:

In regard to the next website project I want to do, it has a lot of pictures. There is a doctor, a lady, and a man -- Total of about 15 pictures.
I have screenshots.

So, there is some PHOTOSHOP work which needs to be done with these pictures. Can you do that?

= = = Below is a brief description = = =

Here is a shot of the doctor --
http://www.taiwanbasic.com/test/temp/pics/h2-s10xxx.jpg

You would need to trim the four sides of this picture. This would be the result --
http://www.taiwanbasic.com/test/temp/pi ... 0xtrim.jpg

Then I want to have any facial blemishes removed. I found about eight facial blemishes on this fellow's face.
http://www.taiwanbasic.com/test/temp/pi ... LEMISH.jpg

Then for most (but not all) of these pictures, I would want a white stripe added along the bottom, with his/her name indicated. http://www.taiwanbasic.com/test/temp/pics/name-line.jpg

( You would have to adjust the size of this lettering, so that when the picture was reduced in size to fit on the webpage, it would still read clearly. )


The typeface/typefont I am hoping to use on this webpage is 華康中圓體
or something very similar to that.

Please let me know what you think.

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#2 Post by Hartzell »

March 19th, 2016

Hello:

I ended up with 18 pictures.

I uploaded them to here --
http://www.taiwanbasic.com/farmculture/heart/

The four sides of all the pictures need to be trimmed.

The blemishes on Dr. Huang's face need to be removed, as discussed previously.

I think there is also a picture or two where Dr. Huang's right arm is showing, and he has a blemish there which should be removed.

If you could rename/renumber these pictures, that would be helpful in keeping everything straight.

For example, you could change
heart1-sub10.jpg
to simply
heart1-s10.jpg

So, you are changing the "sub" simply to "s" . . . . . .

Please upload the corrected versions of the pictures to
http://www.taiwanadvice.com/life/h1/img/

and leave me a message on freelancer.com.

Thanks.

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#3 Post by Hartzell »

March 20, 2016

Subject: photoshop editing of screen-shots.


The style of heart1-s3.jpg is better.

Notes:
The lady is 陳燕銀

The man is 何瑞元

The lady and man together are 何瑞元和陳燕銀

The doctor is 黃瑞仁醫師

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#4 Post by Hartzell »

March 20, 2016
10:24 pm

PICTURES

Some minor issues are as follows:

A)
http://www.taiwanadvice.com/life/h1/img/heart2-s5.jpg
LABEL SHOULD BE 何瑞元和陳燕銀


B)
http://www.taiwanadvice.com/life/h1/img/heart1-s9.jpg
Maybe there is a line on the upper side of her eye that could be smoothed out
REFERENCE: http://www.taiwanbasic.com/test/temp/pi ... sub9BL.jpg
(I drew a circle over the problem area.)


C)
http://www.taiwanadvice.com/life/h1/img/heart1-s10.jpg
Maybe there is a line on the upper side of her eye that could be smoothed out
REFERENCE: http://www.taiwanbasic.com/test/temp/pi ... ub10BL.jpg
(I drew a circle over the problem area.)


D)
THE FOLLOWING seven PICTURES NEED TO BE trimmed on the right, left, top, and bottom,
But they DO NOT need any "Name labels"

http://www.taiwanbasic.com/farmculture/ ... -main0.jpg

http://www.taiwanbasic.com/farmculture/ ... -main1.jpg

http://www.taiwanbasic.com/farmculture/ ... -main2.jpg

http://www.taiwanbasic.com/farmculture/ ... -main3.jpg

http://www.taiwanbasic.com/farmculture/ ... -main4.jpg

http://www.taiwanbasic.com/farmculture/ ... -main5.jpg

http://www.taiwanbasic.com/farmculture/ ... -main6.jpg


Note 1: These final six pictures are my selections for the so-called THUMBNAIL (or "small picture") for use for the six videos that we will be displaying on the webpage.

Note 2: Pictures of Dr. 黃瑞仁 should have the facial blemishes removed.

Note 3: When the photoshopping of the above is completed, all the pictures should be uploaded to the following subdirectory
http://www.taiwanadvice.com/life/h1/img/

Note 4: After the above photoshopping is done, please tell me how much $ I should make the milestone for this work.

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#5 Post by Hartzell »

March 22, 2016
6:18 am

Hello:

Here are some minor issues.

A)
I found a small problem on the doctor's nose on heart6-s2.jpg
I hope you can smooth this out.

I made a circle over the spot, please see --
http://www.taiwanbasic.com/test/temp/pi ... 6-s2BL.jpg


B)
I want to change the filenames to indicate the person who is in the picture.

So, my idea is to add the following PREFIX on to the beginning of each relevant filename.

Can you adjust these filenames? I did six of them already, please see --
http://www.taiwanadvice.com/life/h1/img/

Chen_YY_
http://www.taiwanadvice.com/life/h1/img/heart1-s1.jpg
http://www.taiwanadvice.com/life/h1/img/heart1-s10.jpg
http://www.taiwanadvice.com/life/h1/img/heart1-s9.jpg
http://www.taiwanadvice.com/life/h1/img/heart2-s4.jpg


Hwang_JJ_
http://www.taiwanadvice.com/life/h1/img/heart1-s3.jpg
http://www.taiwanadvice.com/life/h1/img/heart1-s5.jpg
http://www.taiwanadvice.com/life/h1/img/heart2-s10.jpg
http://www.taiwanadvice.com/life/h1/img/heart2-s9.jpg
http://www.taiwanadvice.com/life/h1/img/heart5-s1.jpg
http://www.taiwanadvice.com/life/h1/img/heart5-s2.jpg
http://www.taiwanadvice.com/life/h1/img/heart5-s4.jpg
http://www.taiwanadvice.com/life/h1/img/heart6-s1.jpg
http://www.taiwanadvice.com/life/h1/img/heart6-s2.jpg


Ho_Richard_Chen_YY_
http://www.taiwanadvice.com/life/h1/img/heart2-s5.jpg

Hwang_JJ_tag_
http://www.taiwanadvice.com/life/h1/img/heart5-s3.jpg


CCT_
http://www.taiwanadvice.com/life/h1/img/heart2-s1.jpg
http://www.taiwanadvice.com/life/h1/img/heart2-s8.jpg
http://www.taiwanadvice.com/life/h1/img/heart3-s1.jpg


Note: Only the filenames of these 18 pictures are being adjusted.
Thank you.

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#6 Post by Hartzell »

March 22, 2016
10:45 pm
updated at 11:35 pm

Hello:

In looking over the pictures, I still see some small problems with the lady.

A) In
http://www.taiwanadvice.com/life/h1/img ... rt2-s4.jpg

The "bags" or "wrinkles" and/or slight blemishes under her eyes could be smoothed out.


B) In
http://www.taiwanadvice.com/life/h1/img ... rt2-s5.jpg

The "bags" or "wrinkles" and/or slight blemishes under the lady's eyes could be smoothed out.


C) In
http://www.taiwanadvice.com/life/h1/img ... rt6-s1.jpg

There still appear to be some facial blemishes.


D) For

http://www.taiwanadvice.com/life/h1/img ... -main1.jpg

and

http://www.taiwanadvice.com/life/h1/img ... -main1.jpg

Is there any way the "shadow" on the face can be lightened up?

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#7 Post by Hartzell »

March 30, 2016
5:15 pm

Hello:

I realize that this original Hair Care template was not designed to be responsive.

However, as I know from watching many HTML coding videos on Youtube, it is possible to add
css specifications
for differing screen parameters for smaller screens.

The remaining problem which I see on this website, as of today March 30th, is that when displayed on a cellphone or tablet, the horizontal three pictures
do not display together. Typically, two are together, then another one is below that.

I believe this problem can be solved by reducing the size of the pictures (displayed on the screen) somewhat.

However, the pictures will still be flush left, (as opposed to "centered").

WHAT WE HAVE NOW IS
* 3 CIRCLE pictures
* 15 regular pictures
* 6 video (accompaniment) pictures


I am ignoring the 3 CIRCLE pictures, because they display OK on my friend's tablet and my cellphone.

- - - - - HTML CODING QUESTIONS - - - - -

For the fifteen regular pictures, would it be possible to specify the html coding
so that when displayed on a smaller screen (tablet, cellphone, etc.) the size of the pictures is reduced to some percentage of the size when displayed on a normal (desktop, laptop, etc.) screen?

For the six video pictures, would it be possible to specify the html coding
so that when displayed on a smaller screen (tablet, cellphone, etc.) the size of the pictures is reduced to some percentage of the size when displayed on a normal (desktop, laptop, etc.) screen?

- - - - - - - - - - - - - - -

IN OTHER WORDS, what we are seeing now on a desktop, laptop, etc. would not change, HOWEVER if the screen was actually smaller, the display of these
15 regular pictures and
6 video pictures
would be reduced somewhat . . . . . .

How much to reduce them, so that they show up properly on a cellphone or tablet? This is the question!

I believe they have to be adjusted separately, that is
15 regular pictures
6 video pictures
would probably be adjusted different percentages.


HENCE, I would suggest first trying
95%


[ For this "experiment" to work, you will also need to add a line at the bottom of the screen, by placing an additional line after the
All Rights Reserved ]

.

This line will contain the percentage adjustment, so your first try would be --

= = = = = Fifteen: 95% = = = = = Six: 95% = = = = =

Hartzell
Site Admin
Posts: 320
Joined: Thu May 16, 2013 9:15 am

Re: Webpage topics

#8 Post by Hartzell »

<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>由雨果看柯文哲</title>
<style type="text/css">
body {font-family: "PMingLiU", "新細明體";font-size:16px;line-height:19px;color:#000;margin:0px;text-align:left;
background-image:url('images/yello006.jpg'); }
/* background-color: #00f5f5; */
H2 {font-weight:bold;font-size:32px;color:maroon;line-height:36px;font-style:normal;FONT-FAMILY: "PMingLiU", "新細明體";text-align:center}
H3 {font-weight:bold;font-size:22px;color:#0000a0;line-height:27px;font-style:normal;FONT-FAMILY: "PMingLiU", "新細明體";text-align:center}
IMG.cdisplay { display: block; margin-left: auto; margin-right: auto }
</style>
</head>
<body>
<br>
<h2>由 雨 果 看 柯 文 哲 !</h2><!-- <h3>副標題</h3> -->
<br>
<center>
<a href="http://news.ltn.com.tw/news/politics/paper/1117328" target="_blank">http://news.ltn.com.tw/news/politics/pa ... 328</a><br>
<br>
◎ 南方朔
</center><br>
<br>
<img alt="" class="cdisplay" height="400" src="images/hugo.jpg" width="358"><br>
<br>
<img alt="" class="cdisplay" height="256" src="images/MayorKo.jpg" width="384"><br>
<br>
<br>
<br>
<br>
</body>
</html>

Post Reply