发布时间 : 星期日 文章Photoshop制作网站首页 - 图文更新完毕开始阅读a409053567ec102de2bd8950
Photoshop制作网站首页
1.开始着手策划制作主页首先面临的问题便是我要制作什么内容，选择什么样的选材。一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。
2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。
3.开始制作主页时请您千万不要急着许多页面一起制作。许多新手会及不可待的将收集到的各种资料填入各个页面。转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置\返回首页\的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容填充。这样制作的主页,速度快,整体性强。
4.每个页面不要使用超过太多的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢。
5.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的。所有的图片都必须\减肥\小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以\分割\成小图片。合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示。
6.为您的图片加注解。图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击。
网页的制作是一个痛苦的过程，对于一个新手，既想节约时间，又希望能够在网络上证明自己，做出好的网页，的确是比较困难的一件事。其间会走不少的弯路，碰许多的钉子，或许到访的朋友许多都有这种体会。
主页制作建议采用比较顺手的工具，如Dreamweaver、Frontpage等。推荐使用Dreamweaver。它的所见即所得的制作方式比较适合初学者。制作中可以把HTML方式（“查看”菜单下的“代码”选项）与直接设计相结合，注意应用表
格的功能。至于一些小技巧，可等主页成形后再应用。不过对于初学者，“平平淡淡才是真”。
对于主页制作新手来说，分析其它网站的设计结构是个很不错的学习方法。例如你访问到一个认为不错的网页。在网页显示完毕后使用浏览器的“文件”下的“另存为”将那个网页保存在本地电脑里。然后用主页制作工具将其打开。这样你就可以很清楚地看到此网页的设计结构，通过分析和学习你一定能从中得到提高。
制作主页首先要从制作首页（即你的主页中的第一个页面，也叫索引页）开始。比如星云电脑教程的默认首页的文件名是 index.html 还可以用index.htm或者index.asp当然还有default.htm、defaulr.asp这几个都是索引页文件的格式，这个要看你的空间支持情况了。所以你需要将制作的首页文件命名为此文件名。首页应结构清晰，易于导航。网站结构象人的骨骼，构筑起网站的整体框架，虽然表现形式各异，但让人迷失终归不好，尤其是内容丰富的网站更应注意。 以下是制作主页时需要注意的几个问题：
１.所有的文件名不要使用中文名。否则上传到网上后由于系统无法识别所以会无法显示。
２.请注意区分大小写字母。建议全部使用小写字母。
３.网页中尽量不要使用太多的图片及调用程序。这会严重拖慢访问主页的速度。
主页制作完毕后，您可以通过许多方式宣传您的主页。例如直接向网友推荐、在各种论坛中宣传、与一些主页交换友情链接或把自己的主页加入一些搜索引擎等等。
主页新手入门（三） -- 主页上传及常见问题 一、上传主页
当您的主页空间正式开通后，会收到一封主页开通通知邮件，告之您申请的用
户名、密码以及上传主页的服务器名等信息。 例如，您的主页代号是 test 密码是 test123 ,那么您应该在FTP上传软件中如下设置：
Host Address： （FTP主机名或IP地址） User
本教程是一系列教程,主要讲解如何用photoshop制作一个网站的首页. 第1讲 制作首页的主体部分
课程总览
在本课程中，朋友们将学习到以下内容：
?? 如何通过Photoshop CS3 进行网站首页的版面设计 ?? 各种网页版面元素的设计技巧和方法 ?? 如何进行网页的切图以及切片的属性设置
?? 如何创建与Flash 整合的FLV 视频
?? 在Dreamweaver CS3 中使用“Spry 选项卡”构件
?? Photoshop、Flash、Dreamweaver 的协同工作
第1 讲 制作首页的主体部分
本文以“石桥花园”的网站首页为例，来演示页面创作的整个过程。其实“石桥花园”是不存在的，笔者虚构出来也并非只为完成本例，我一直向往生活在幽静、闲雅之所，虽然“石桥花园”离我的初衷有很多差异，但也多少能表达我的一些想法吧。
书归正传，早先的网页页面设计一般是以Dreamweaver 为中心，由Photoshop 或Flash 等软件来提供各种素材，如图片、动画、文字等。自从Photoshop 出现了“切图”等专为网页设计所定制的功能后，设计的中心已慢慢转向了Photoshop。因为Photoshop 本身以图像为基础的特性，决定了他能对版面施以更精确的控制，使网页的页面能够更加灵活和生动的布局，这几乎完全解放了网页设计师的创作灵感，不再受方方正正的网页表格所约束。现在我们要制作的是“石桥花园”首页的主体部分，主体部分包括标题、主展示图片和导航条。 网页教学网
1. 打开Photoshop CS3, 执行菜单“文件> 新建”。在新建对话框中设置名称为“石桥花园”，宽度为“777”、高度为“800”，这个数字并不“官方”，只是我在平时工作当中测试出来的而已。对于网页来说，一般只用于屏幕显示，所以分辨率为“72”、颜色模式为“RGB 颜色”，其它参数保持默认。
2. 按下Ctrl+A 全选页面，执行菜单“编辑> 填充”将页面填为纯黑色。在工具箱中选择矢量的“矩形工具”，绘制一个如图1-1-1 所示长方形A。然后使用白色的“直接选择工具”将该矢量形状扭曲成如图1-1-1 中B 所示外观，该形状的十六进制颜色值为“#246b34”，一种厚重的深绿色。