Adding site designed in photoshop
I designed a sight in photoshop. just the layout, not text. How can i add all of my layers into iWeb and make active buttons out of some of them? I also want my navigation buttons on the side. How do i move them from the top of the page. And how do i center the entire page? I'm new at this so the question may not come out right. Please help.
sigma9:
Welcome to the Apple Discussions. What you'd have to do is use your PS image as a full page graphic on a blank page. Then for the items you want to be a button, place a box from the Shape menu at the bottom over it, give it no fill or stroke in the Inspector/Graphic pane, and make that box a link via the Inspector/Link pane.
As for the nav bar, you'll have to create text links, place them where you want along the side and activate them with the Inspector/link pane (the blue circle with the white arrow in it - on far right). Then turn unselect the Display Navigation Bar checkbox in the Inspector/Page pane.
Do you Twango?
Similar Messages
-
How to add get the field name for a newly added site column.
I have the following:-
Enterprise wiki site collection inside SharePoint server 2013.
I added a new site column of type managed metadata.
I opened the enterprisewiki.aspx page layout using the SP designer, to add the newly added site column to it.
But I have noted that to add any site column I need to know the field name , for example the default wiki category column is referenced inside the page layout as follow:-
<Taxonomy:TaxonomyFieldControl FieldName="Wiki_x0020_Page_x0020_Categories" EmptyValueDescriptionForTargetTemplate="<%$Resources:cms,enterwiki_nocategories_assigned%>" DisableInputFieldLabel="true" runat="server"/>
<b>
So my question is how I can know the field name for my newly added site column?
Thanks in advance for any help.
RegardsHi,
The “FieldName” should be the internal name of the column, you will find it at the address bar at the “Site Columns”->”Edit Column” page:
Best regards,
Patrick
Patrick Liang
TechNet Community Support -
Very new - basic site design help
I have created a basic site layout in Photoshop, was
wondering if someone could point me in the right direction for
adding functionality.
http://www.heroesmemorabilia.net/Final-Layout.jpg
This is how I would like the site to look, on the left hand
side are buttons to control the content that will be loaded into
the grey shaded section in the middle. Ideally when scrolling down
the left bar and top bar remain stationary.
Also I would like the images to change when rolled over, i.e.
the text becomes highlighted or something.
I am assuming all this is possible in DReamweaver but is it
the best program to use for this type of work? If not any
suggestions, if so any decvent tutorials you know of to help me?
Additionally the main content would be a catalgoue of
products with pictures and text, would like this to be easily
updatedable in a kind of database. Possible? Apologies for being
such a noob, any help would be appreciated!On Sun, 23 Sep 2007 13:09:44 +0000 (UTC), "SuperFlyChris"
<[email protected]> wrote:
>I have created a basic site layout in Photoshop, was
wondering if someone could
>point me in the right direction for adding functionality.
>
>
http://www.heroesmemorabilia.net/Final-Layout.jpg
>
> This is how I would like the site to look, on the left
hand side are buttons
>to control the content that will be loaded into the grey
shaded section in the
>middle. Ideally when scrolling down the left bar and top
bar remain stationary.
>
> Also I would like the images to change when rolled over,
i.e. the text becomes
>highlighted or something.
>
> I am assuming all this is possible in DReamweaver but is
it the best program
>to use for this type of work? If not any suggestions, if
so any decvent
>tutorials you know of to help me?
>
> Additionally the main content would be a catalgoue of
products with pictures
>and text, would like this to be easily updatedable in a
kind of database.
>Possible? Apologies for being such a noob, any help would
be appreciated!
Hello, that looks nice. By your asking if DW is the best
program to
use, I would say that it is hands down. But since you
apparently have
zero knowledge about how web pages are built, I would not
recommend
your buying a $400 to see how it works.
On the other hand, I think Fireworks is worth its weight in
gold and I
urge you to download the trial.
NVU at
http://nvudev.com/ is free and would
be a good program to play
with.
It's way to early for you to be thinking about databases and
such.
Besides, you gave no reason why that would be needed.
Hope this helps. -
I am working myself into designing sites using css for
layout, etc. I have been designing in Photoshop CS2, and then using
the "save for web" to export my slices as divs. I then go into
Dreamweaver and add more styles, replace images as backgrounds,
etc. This is the latest result from a recent website:
http://wmsgroup.com/client_temp/BucknellPark/www/index.html
Looks fine in Dreamweaver, not on the web. I think part of my
problem is remembering and correctly labeling the differences
between ids and classes.
I have also attached the css.
Thanks.Kind of mess there. Open your page in FF, Safari or Opera and
increase text
size. What happens? The page breaks apart. Photoshop is
wonderful for
image editing but it stinks as an html or CSS generator.
Don't use
Photoshop to build your code for you. These kinds of
shortcuts lead to
badly coded web pages that are almost impossible to work with
and edit later
on. Do yourself a favor and learn how to use basic html and
CSS and then
come back to DW.
http://www.w3schools.com/
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"OlDirty" <[email protected]> wrote in message
news:[email protected]...
> I am working myself into designing sites using css for
layout, etc. I have
been
> designing in Photoshop CS2, and then using the "save for
web" to export my
> slices as divs. I then go into Dreamweaver and add more
styles, replace
images
> as backgrounds, etc. This is the latest result from a
recent website:
>
>
http://wmsgroup.com/client_temp/BucknellPark/www/index.html
>
> Looks fine in Dreamweaver, not on the web. I think part
of my problem is
> remembering and correctly labeling the differences
between ids and
classes.
>
> I have also attached the css.
>
> Thanks.
>
> /* CSS Document */
>
> /*LAYOUT*/
>
> #Table_01 {
> position:relative;
> left:0px;
> top:0px;
> width:1024px;
> height:768px;
> margin: 0px auto;
> }
>
> #logo_ {
> position:absolute;
> left:138px;
> top:0px;
> width:403px;
> height:162px;
> }
>
> #button1_ {
> position:absolute;
> left:541px;
> top:123px;
> width:104px;
> height:39px;
> }
>
> #button2_ {
> position:absolute;
> left:648px;
> top:123px;
> width:104px;
> height:39px;
> }
>
> #button3_ {
> position:absolute;
> left:755px;
> top:123px;
> width:104px;
> height:39px;
> }
>
> #textarea_ {
> position:absolute;
> left:138px;
> top:162px;
> width:748px;
> height:310px;
> background: url(textarea.jpg) no-repeat left top;
> }
>
> #welcome_ {
> position:absolute;
> left:138px;
> top:471px;
> width:487px;
> height:176px;
> background: url(welcome.jpg) no-repeat left top;
> }
>
> #scheduling_ {
> position:absolute;
> left:626px;
> top:471px;
> width:260px;
> height:176px;
> background: url(scheduling.jpg) no-repeat left top;
> }
>
> #video_ {
> position:relative;
> left:252px;
> top:25px;
> width:472px;
> height:117px;
> background: url(bucknellvideo.jpg) no-repeat left top;
> }
>
> #aboutus {
> position:relative;
> left:252px;
> width:233px;
> height:137px;
> background: url(aboutus.jpg) no-repeat left top;
> top: 30px;
> }
>
> #advertising {
> position:relative;
> left:490px;
> top:-107px;
> width:233px;
> height:137px;
> background: url(advertising.jpg) no-repeat left top;
>
> /*TEXT*/
>
> .scheduletext {
> font: 10px/12px Geneva, Arial, Helvetica, sans-serif;
> color: #666666;
> margin-left: 135px;
> margin-top: 30px;
> float: right;
> margin-left: 250px;
> margin-left: 250px;
> float: right;
> }
> .scheduletext {
> font: 11px/12px Geneva, Arial, Helvetica, sans-serif;
> color: #FFFFFF;
> margin-top: 0px;
> position: absolute;
> width: 125px;
> padding-left: 135px;
> padding-top: 12px;
> }
> .welcometext {
> font: 11px/12px Geneva, Arial, Helvetica, sans-serif;
> color: #FFFFFF;
> margin-top: 0px;
> position: absolute;
> width: 417px;
> padding-left: 50px;
> padding-top: 12px;
> height: 155px;
> }
> .nav {
> font: 12px/35px Geneva, Arial, Helvetica, sans-serif;
> color: #FFFFFF;
> margin-top: 0px;
> position: absolute;
> text-transform: none;
> padding-top: 45px;
> padding-left: 25px;
> width: 224px;
> height: 239px;
> top: 10px;
> -
Which tool we can use in Web design except photoshop?
I have six experience in web design developing,Need more advice,Which tool we can use in Web design except photoshop?
Dreamweaver is pro-level software for web designers & developers. If you have the necessary coding skills, there's not much you can't do with DW. If you don't, the learning curve can be quite steep.
If you join the Creative Cloud, you have access to the following other web design products:
Muse is web design software aimed at non-coding designers & hobbyists. The trade off for Muse's "ease of use" is static HTML pages with limited functionality. In other words, you could not use Muse to build a shopping cart site but it might be all you need for a simple hobby, church or charity site.
Edge Animate
For creating HTML5 Animations and interactive site pages.
Edge Coder
A coding editor.
Edge Reflow
For creating responsive web design layouts that work on mobile phones, tablets & desktops.
Edge Web Fonts & TypeKit -- custom web fonts
PhoneGap -- for creating mobile apps
http://html.adobe.com/edge/
Nancy O. -
Optimize process designing with Photoshop (or other Adobe apps)
Hi
I am searching for a long time to optimize my process, and I want to ask you if there is a solution to what I am looking for:
1. can I create a custom panel in Photoshop CS5 where I can save smart objects? for later use?, I am working with Mini-Bridge, but I wonder if it is posibble to create a stand alone panel from Mini-Bridge for a specific folder (where I will save smart objects)? it is like the "Library" in other Adobe apps, like Illustrator...
2. Is there any tool for Adobe where I can work on a "Project" and not on a file or image or illustration or movie? something that will let me manage and control all my adobe software relative to a Project?
for a website, I design in Photoshop, and I need to save colors during my work, for the specific project, and I will use this branding colors in other applications, I will use a library ob objects, vector and not-vector objects, that i will need to use during all the process (to share panels), so - is there any tool that give me "the all picture"?
Thank you!Ad 1) You would not need to save Smart Objects in containing files, but could just save psd, tif, psb, pdf and the place them.
While it might be possible to create a separate Panel that may even preview a specific folder I doubt it would be worth the trouble.
If you work on Mac putting a folder into Places makes it available from the open-, save as- or place-dialogs without affecting your Mini Bridge.
Ad 2) If you mean you want to, for example, change a color and that change should be reflected in objects (type, graphics, layers …) in ai-, indd- and psd-files (possible even without opening them) I don’t think there is an option available currently. -
hi i am trying to make a cut path from a jpeg i designed in photoshop so that i can cut a sticker on my plotter of the jpeg can you help
Peter,
The cleanest way is to lock your imge, the draw the cut shape with the Pen Tool, set Fill to None and a suitable Stroke Weight. For rounded paths, you ClickDrag Handles out from carefully chosen Anchor Points all the way round, ending where you started. You may adjust the position of the current Anchor Point while you draw by pressing the Spacebar, which lets you freeze the Handles and move the Anchor Point about; you can Ctrl/Cmd+Z to go back, and you may start over. To practise with the Pen Tool, you may try some (outlined) letters from a font with serifs, or any relevant curved path that resembles the desired cut path for the image.
Or, if you have a distinct colouring where you want the cut path, you may Object>Image Trace the image with the right settings (including creating (stroked) paths, then expand and delete everything but the cut path. -
Hi all
I am new to Flash site design and would like to see what
other people/developers are creating or find any tutorials or
discussions on this subject!
My first flash website is titled Diatonic Scales and was
developed entirely in Flash. The theme of the site is a DAW(Digital
audio workstation)/Virtual Keyboard that illustrates how to use
diatonic scales and a similar scale set. It is housed @
DIATONIC
SCALES.
regards
john
www.javono.comHI
thanks for the links, I have learned heaps from
watching Craig Campbell @ learnflash.com, I will look forward to
checking out those sites when I have some spare time, working on 7
projects presently in college, lynda.com is great also, I am worn
out from reading at the end of the day, video tutoring is such a
release from staring at language specifications or books!
lol -
Hello folks,
I am an adventure videographer based in Vancouver,BC. I am in
preparation to launch an internet based video programm, and I am
looking for talented web site designer not only for this project,
but also for long term working collaboration. Please note, that
this is not a job offer. What I am looking for is a kinda business
partner for the projects I strongly believe in. There is no
investment necessary, just time and effort. If you have the
knowledge of web site design, Flash, PHP, Dreamweaver, web site
promoting, etc., if you live in BC and if you like to try something
new, please, contact me at:
[email protected]I did not find it.
http://www.adobe.com/support/certification/ace.html
Adobe Certified Expert, Adobe Certified Associate and Adobe Certified Instructor, but cant find Adobe Certificate of Achievement.
Also company is giving next certificates "Fireworks Adobe Certificate of Attendance" , "PS Adobe Certificate of Attendance", etc.. -
Previewing site design in other browsers.
How does one go about previewing the site design in other browsers as one is working / building it?.
ie. Is the Muse Browser the best and only way with out full publishing or uploading the site?Hello,
Choosing File-->Preview Page/Site in browser makes the site visible on the default system browser.
So, in order to test the file on different browsers, the default browser of the system can be changed and the file can be tested.
Regards,
Neha -
I made a design in photoshop cs 5 and i wanted to print on vinyl/ Guy who is with printing department said that we need CorelDRAW file and
I think it support vector, so how it can be possible to Print my file on Vinyl Using CorelDRAW? and also CorelDRAW fully supported to CMYK Color Mode...
Guys, is there any Solution ?First make sure what you create in photoshop is already vector. The plotter knife can not use images (raster).
This gives you a few options some of which requires illustrator or corel draw.
Illustrator and corel draw can auto trace raster images
Illustrator can save files as corel draw
Corel draw can read illustrator files
In both cases The newest version wins since the older version would not know about the newer version (illustrator vs corel draw)
Photoshop can export illustrator paths (The illustrator file needs to be edited in illustrator or corel draw as the paths do not have a stroke or fill)
photoshop can export a vector pdf (assuming everything in the file is vector)
Both illustrator and corel draw can read and write pdf files.
If your design is raster you might be able to use the pen tool and manually trace the image in photoshop, illustrator or corel draw. (depending on the complexity of the image.) -
Will CS6 Design Standard (Photoshop, Illustrator, InDesign) (also CS5 Photoshop Ext.) work in Apple OSX Yosemite?
What is wrong with Adobe that they do not address this situation. I work in a town that has a major design school and the students (who can't afford CC) are all out of luck running CS6 on the recent (Feb 1) update to Yosemite.
The whole Adobe community should be pressing them on this situation...as well as Apple. Don't these companies converse! -
I can't resize the text adding to photo in Photoshop 10. The size is set at 6 points but looks more like 200 points. Help!
Good day!
Please post Photoshop Elements related queries over at
http://forums.adobe.com/community/photoshop_elements
but remember to mention relevant information (like the image’s resolution for example) and maybe post some screenshots to illustrate the issue.
Regards,
Pfaffenbichler -
Why do my graphics designed in photoshop look pixely when I place them in Indesign?
Why do my graphics designed in photoshop look pixely when I place them in Indesign?
Most likely the display performance setting. View > Display Performance > High Quality Display. If that doesn't solve it, the resolution of the image may be too low to use at the size you have it on the page. Check the Effective PPI in the info panel.
-
Filter for custom added site columns using rest
Hi everybody,
I'm trying to filter a REST Response by a custom added site column.
when i'm using the endpoint lists() with /Items the filter works great:
site/_api/Web/Lists(guid'805e17b0-2728-4b30-a889-a7e8f025696b')/items?$filter=astringcolumn%20eq%20%27dfg%20-----------------------------%27
but when I'm trying to filter using
site/_api/Web/GetFolderByServerRelativeUrl('/sites/DennisDevSite/alib')/Files?$filter=astringcolumn%20eq%20%27dfg%20-----------------------------%27
I get a response that states Field or property "astringcolumn" does not exist.
event if I add &$select=astringcolumn&$expand=astringcolumn to the url the same error is returned
Why does the first work and the second does not?
Thx in advance
Dennis
P.S.: sorry: I also posted this question in the sharepoint 2013 apps forums. but I think it's better to post it hereHi Dennis,
Steve as mentioned the reason this happens. You may try any of the following workarounds:
Get the files using Files Rest endpoint and then perform the filteration in the success handler based on the custom column. The Rest query needs to include ListItemAllFields. Example: site/_api/Web/GetFolderByServerRelativeUrl('/sites/DennisDevSite/alib')Files?$expand=ListItemAllFields
Note that you cannot use filter in the Url.
The other option is to use CAML Query Payload, but that can only be used with getitems REST endpoint. However, this will return the ListItem corresponding to the file. It wont be a file object. Example:
function getListItems(viewXml)
var url = "http://aissp2013/_api/web/lists/getbytitle('Management Documents')/getitems";
var queryPayload = {
'query' : {
'__metadata': { 'type': 'SP.CamlQuery' },
'ViewXml' : viewXml,
'FolderServerRelativeUrl': '/ManagementDocuments/F1'
return $.ajax({
url: url,
method: "POST",
data: JSON.stringify(queryPayload),
headers: {
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"Accept": "application/json; odata=verbose",
"content-type": "application/json; odata=verbose"
var query = "<View><Query><Where><Eq><FieldRef Name='Location' /><Value Type='Text'>Srinagar</Value></Eq></Where></Query></View>";
getListItems(query)
.done(function(data)
console.log(data);
.fail(
function(error){
console.log('Error');
Still, the other option is to use old fashioned ListData.svc. It will allow filter in the url and will also return some file properties like Name, approval status, version etc along with all custom properties. Example:
http://aissp2013/_vti_bin/ListData.svc/ManagementDocuments/?$filter=Path eq '/ManagementDocuments/F1' and Location eq 'Srinagar'
Please remember to up-vote or mark the reply as answer if you find it helpful.
Maybe you are looking for
-
When I open itunes, this message keeps popping up, "itunes was not properly installed. If you wish to import or burn CDs you need to reinstall itunes."
-
Lenovo Solution Center - silent install command?
I'm probably not the first to ask, but is there a silent install command for lsc.exe? I'd like to integrate it into an MDT deployment: for system update the /verysilent option works, but I cannot find anything on lsc. All help appreciated, Bavo PS: a
-
EXIF Info issue with Teleconverters
Hello everybody, I think I have a problem with EXIF in Aperture (version 3.4.3) on my MacBook Pro (OS 10.8.3). For photos taken with Canon lenses plus 1.4/2.0 Canon teleconverters both Camera Info and EXIF Info are displaing all the information corre
-
How to enforce unique primary key constraint in xsd
Hi, I'm trying to enforce primary key constraint in xsd. I'm using the following xsd to generate the xmls . <?xml version="1.0" encoding="UTF-8"?> <!--<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified" attributeForm
-
How do I flip the order in which podcast episodes sync?
With Zune it is very EZ to simply flip the order in which podcast episodes sync. So that, for instance, from the downloaded content on my Mac which down loaded episode 321 they apear 123 on my iPod classic.. And my levles are all out of wack on some