网页制造与网站规划教程

  9.用文字供应增加“图画资源”,字号12pixel,色彩为白色,设置 外发光作用,同理“音频资源”、“视频资源”、“文字资源”、 “查找资源”、“协助信息”,作用能够直接仿制,或直接将特 效拖放到新的图层上就能够了,作用如图。 10.经过抓屏法到其 他网页中抓取一 个含有“按钮” 和“文本框”的 图片,然后再添 加“用户名”和 “暗码”字样, 本例的作用图到 此就制造完结了。

  3.选用相同的方法,将其他的几个切片(音频资源、视 频资源、文字资源、图画资源、查找资源、协助信息) 都做成相似的作用。 4.履行“文件”→“将优化成果存储为”指令,对作用 图进行输出保存,命名为“index.html”,导出完结后 就能够运用浏览器预览作用。

  《现代长途高等教育资源库》项目是国家教育部 新世纪网络课程建造工程的一个主题项目,该项 意图英语教育资料库子模块于2002年3月立项, 现在已完结。在现有的资料库的基础上,开发适 合教师电子备课的支撑渠道,成为了进一步的重 点开发方针。本体系是根据现有英语资料库的网 上电子备课渠道的一个界面。

  8. 用文字东西增加“E-Prepare”文字,色彩设置为:F6530B,字体 巨细为60像素,点击修改菜单后挑选“自在改换”东西将“EPrepare”调整,作用如图8-8 所示。

  9.将“E-Prepare”文字仿制一层,底层色彩设置为:897DA3,再通 过向下和向右箭头别离移动2像素,给上层文字增加图层款式, “斜面与浮雕”与“突变与叠加作用”(挑选由蓝色到白色的过 渡)的款式设置如图,作用如右图。

  网页作用图的制造流程 教育类网站的开发思路 Photoshop中途径的运用方法 Photoshop中层的款式的运用方法 作用图切片的技巧 网页导出后的后期润饰

  • 1.在Internet上查找与本体系相似的体系。 • 2.课余时间收集教育辅佐体系。

  2.中选中切片4(图画资源)时,翻开“Web内容”面板,在该切片 上点击右键,挑选“增加翻滚状况”选项(如左图),之后会发现 在该面板下多了一个新的状况,“over”状况,此刻进入“图层面 板”,躲藏蓝色的“图画资源”层,显现橙色的“图画资源”层, 终究的作用如右图

  网页作用图的制造流程 教育类网站的开发思路 Photoshop中途径的运用方法 Photoshop中层的款式的运用方法 作用图切片的技巧 网页导出后的后期润饰

  1.翻开ImageReady CS软件,翻开” 英语资料库备课辅佐渠道.psd” 图片,仿制“图画资源”层,设置外发光突变为F0880A 过渡向 通明,设置完毕后躲藏该层,用切刀对该图片进行切开,如图。

  3.新建图层“弧形”,选取前景色为与楼体相似的蓝色,回到途径 面板中点击【描边】按钮,即可得到一条明晰而滑润的曲线,如 图。

  6.将以上六个小图链接起来后,兼并这些图层,再给该层增加暗影 作用,如图所示。

  7.用文字东西增加“英语资料库辅佐备课渠道”文字,色彩设置为: F6530B,字体巨细为24像素,作用如图所示。

  2.在第2行中输入“Copyright@ 2004-2007 HCIT 版权所有:淮安信息 工作技术学院”,字号为2像素。 3.选中“index20.gif”(用户名,暗码地点的图片),调查巨细宽308像素, 高32像素,将其删去,一起设置布景图为“index20.gif”,然后 再次刺进一个1行5列的表格,巨细为宽308像素,高32像素。 4.调整恰当的巨细,在第1列中输入“用户名”,第三列中输入“密 码”,再往第2列、第4列中别离刺进一个文本框,在终究一列中 刺进一个按钮。终究的预览作用如图所示。

  1.翻开Photoshop软件,新建文件命名为“英语资料库备课辅佐平 台”,巨细为:770像素*430像素,一起翻开资料文件夹中的 “楼.jpg”,将该图片拖到当时的图中去而且放到恰当的方位,如图

  5.翻开资料文件夹中的“1.jpg” 到“6.jpg”,将这些图片拖到当时的 图中去而且放到恰当的方位,如图。

  1.用DreamWeaver翻开上图后,刺进表格为2行1列,宽度为100%, 高度为100%,第1行高度为92%,水平对齐方法为:水平对齐, 笔直对齐方法为:中心对齐,第2行高为8%,将输出的网页表格选 中剪切后,粘贴到第1行中,预览作用如图所示。