Viewing How do I even start? Literally...

How do I even start? Literally...



User: Christopher 10 years ago
Okay I know I'm going to sound like a total web newb. But guess? I am. I make movies not websites. With iWeb, you started with your Welcome Page and if I recall, as you added new pages, their titles automatically appeared in the header area and were instantly clickable to navigate you around the site. How do I even do that? I've skipped the publishing page, and created a new blank white page. I titled it Home Page (thinking this would be like my Welcome Page in iWeb). I then added a directory and renamed it Movie Clips, dragged in a photo, gave it a Display Name and Web Page title name. Include Page in Navigation Menu is checked. But nothing is building up top like I expected. I created a sub page under Movie Clips titled Feature Film. Same thing. Nothing up top. I spent the last hour reading the Manual and looking in the forum, and will continue doing so, and I'm sure the answer is there... but if this is supposed to be EasyWeb, targeted at iWeb users, it's making me feel pretty stupid. :(

Also, assuming I do figure this out quickly or someone writes in to show me the error of my way, is there a preferred content Width I should be designing for? My iWeb page was 960 wide. And do I need to be uploading larger photos for retina? How does that all work?

Trudging on...

Chris

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Paul-RAGESW 10 years ago
Hi Christopher,

Have you watched the video tutorials yet?
http://www.ragesoftware.net

The only difference, RIGHT NOW, is that the theme you chose, the blank theme, doesn't have a navigation bar on it. Simply drag the navigation bar from the Widgets section (you'll see Widgets in the top right of the main window) to add your navigation bar.

Quote:
Also, assuming I do figure this out quickly or someone writes in to show me the error of my way, is there a preferred content Width I should be designing for? My iWeb page was 960 wide.


You can use whatever width you want. There is no preferred width, just realize that some of your visitors may be on a computer with a smaller screen and they don't want to have to scroll horizontally.

Quote:
And do I need to be uploading larger photos for retina? How does that all work?


Click Assets (next to Widgets in the top right hand section of the main window) and drag your photos on there. If you have a retina photo, add @2x to it BEFORE the image extension. For example

image.jpg
image-retina.jpg

SHOULD BE;

image.jpg
image@2x.jpg

Now you can drag the images from the Assets list to the canvas in the middle. EasyWeb will use the appropriate image for your webpage and export a retina ready website for you without any other changes.

You don't need a retina graphic but your website will look MUCH better on retina and other high resolution screens.

Note: Retina images should be double the size of the original image. HOWEVER, if you simply stretch a smaller image that will not make the new image retina. You need the full sized image to make a true retina image.

-------------------------------
Paul
EverWeb Developer
User: Christopher 10 years ago
Thanks Paul. I had watched that tutorial. Just couldn't retrieve that data from my own memory base when it was time to put it to use. ;)

I may have questions about Retina graphics later. But I'll see if I can figure it out on my own first.

Cheers

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: shaun 10 years ago
Paul, you say "if you have a retina photo" how does one if you ave a retina photo or not?
User: pumpkin 10 years ago
Retina = double size.

-------------------------------
Darian
new to web design
______________________
My websites: Vocal Affairs // Singkehlchen
User: Roddy 10 years ago
I bought a Macbook Pro Retina last year to take on my travels and it kind of threw me a curve for a while.

I use EasyCrop - probably a 100 times a day - for screenshots and cropping/resizing and couldn't believe the image sizes it was throwing at me.

Taking a full screenshot of the "small" screen gives an image 2880 x 1800. The same screenshot with the same application on my iMac 24 produces an image 1920 x 1200.

I suppose all this "retina" stuff will be of interest to photographers and other artists who want to present their work in the best light. Many of them bemoan the fact that the internet doesn't do justice their work.

I tend to go the other way and insert images that will get the point across with the lowest possible file size - and fastest download speed. Horses for courses I say.

Loading "retina" images can have a downside if the "retina" user is out in the sticks using a dial-up speed type connection. Those of us who have experienced broadband delivered via fibre optic cables tend to forget that we are a minority on this planet.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 10 years ago


-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Paul-RAGESW 10 years ago
Hi Chris,

You are thinking way too much into this. Didn't you use iWeb before? Were you having these same questions?

Pictures for the web should be 72 DPI.

Retina images are just images that are double the size as the original image since a retina screen has 2 pixels for every 1 pixel. You can design your retina graphics at 144 DPI if you like and then make your normal graphic at 72 DPI. That would have the same effect as doubling the pixels.

Colors on the web may change from system to system or browser to browser very slightly. You should save your color profiles in your images as they should help keep your images consistent over different systems/browsers.

The web isn't print. You don't have the flexibility that you do in print on the web.

For now, stick to the Web safe fonts (from the font panel) and if you don't understand retina, design your site without it for now. In the future, adding retina support is as simple as dragging your @2x images into EasyWeb's asset list.

We are working on new videos so we will keep your questions in mind for them.

-------------------------------
Paul
EverWeb Developer
User: Christopher 10 years ago
Thanks Paul. I do tend to overthink things. Just want to get everything right from the outset this time. Cheers

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com


Post Reply
You must login or signup to post.