《第13章网页制作技巧及辅助软件-中文版Dreamweaver-CS6网页制作课件.ppt》由会员分享,可在线阅读,更多相关《第13章网页制作技巧及辅助软件-中文版Dreamweaver-CS6网页制作课件.ppt(26页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 第13章中文版Dreamweaver CS6从入门到精通本章导读网页制作技巧12制作网页的辅助软件从入门到精通2清华大学出版社13.1 网页制作技巧13.1.1 消除网页中的乱码13.1.2 制作“1”像素的表格边框13.1.6 查看网页源代码13.1.7 禁止保存网页13.1.3 去掉单击超级链接后的图像虚线13.1.4 制作“设为主页”超级链接13.1.8 更换IE地址栏前的图标13.1.9 定时跳转13.1.5 制作“添加到收藏夹”链接13.1.10 让表单和其他内容之间无空隙从入门到精通清华大学出版社有时候在预览制作的网页时,会发现网页中的文本的内容显示为乱码,产生这种现象的原因是在
2、网页中没有指明网页所使用的编码所造成的。通常中文网页都使用“GB2312”编码,只需在网页的“”标签中输入 代 码“”即可。13.1.1 消除网页中的乱码 从入门到精通4清华大学出版社单击图像超级链接后,通常会在图像周围出现虚线,显得不是很美观,其实添加“onFocus=this.blur()”代码即可解决此问题,完成的图像链接代码如下所示:。13.1.3 去掉单击超级链接后的图像虚线 从入门到精通6清华大学出版社“设为主页”链接就是单击该链接后,会打开一个提示对话框,提示是否将指定的网址设置为首页,选择更改选项后单击“是”按钮,即可将指定的网址设置为浏览器的主页,每次打开浏览器,将自动打开指
3、导的网站。13.1.4 制作“设为主页”超级链接从入门到精通7清华大学出版社单击“添加到收藏夹”超级链接后,将打开“添加到收藏夹”对话框,单击“添加”按钮即可将其添加到浏览器的收藏夹中。当选择浏览器中的“收藏夹”按钮即可快速打开相应的网页。13.1.5 制作“添加到收藏夹”链接 从入门到精通8清华大学出版社在浏览网页时,可以选择浏览器窗口中的【页面】/【另存为】命令保存网页,为了防止用户保存网页,可以在网页的“”标记之间中添加一段代码“”来禁止保存网页。当用户在对网页执行保存操作时,将打开一个提示对话框,提示无法保存该网页。13.1.7 禁止保存网页从入门到精通10清华大学出版社在添加代码前,
4、需要先制作一个ico图标文件放在站点文件夹中,然后在网页中添“”代码。其中“favicon.ico”是ico图标文件的位置及名称,根据实际情况进行更换即可。13.1.8 更换IE地址栏前的图标从入门到精通11清华大学出版社使用常规方法创建完表单后,切换到代码视图,将表单标签“”移动到“”标签后,再将“”标签移到“”标签之前,保存后文字与表单之间的空隙便会消失,如需空隙还可按自己的需要进行换行等操作来添加。13.1.10 让表单和其他内容之间无空隙 从入门到精通13清华大学出版社Photoshop是Adobe公司开发的一款图形图像处理工具,其在图像处理方面具有强大的功能,可以对图像进行效果处理或
5、制作一些logo、按钮、导航条等,如下图所示为Photoshop CS6的操作界面。13.2.1 使用Photoshop处理图像 从入门到精通15清华大学出版社“玩转颜色”是一款免费的软件,使用它可以获取屏幕上的任何颜色,以RGB、网页色、16进制及Delphi颜色等输出。更可以输入颜色代码调配颜色,同时还自带颜色收藏夹,可以将调配的颜色保存起来。13.2.2 使用“玩转颜色”配色软件 从入门到精通16清华大学出版社LeapFTP是一款小巧而强大的FTP工具,其友好的用户界面,稳定的传输速度,支持断点续传等功能,赢得了广大用户的喜欢。13.2.4 使用LeapFTP发布站点 从入门到精通18清
6、华大学出版社登录奇兵是一款全面支持将网站免费提交登录到新浪、网易、搜狐、百度、Yahoo!、google、21CN、MSN、HotBot、Lycos、Tom、Aol、AlltheWeb、AltaVisa等数千个国内外著名搜索引擎的网站推广软件。13.2.5 网站登录软件“登录奇兵”的使用 从入门到精通19清华大学出版社13.3 精通实例为网页添加特殊元素本章的精通实例将在原有网页的基础上,为首页文件设置自动跳转,使其在10秒后跳转到主页页面,并添加“设为主页”和“添加到收藏夹”超级链接。从入门到精通20清华大学出版社13.3.1 行业分析通过本例的综合演示,将使用户对网页的具体设计和一些细节布
7、置有更进一步的了解,本例主要分为三个方面来实现,就是添加个性化网页图标、添加“设为主页”超级链接和添加“收藏本站”超级链接。各方面的实现需注意以下几点:跳转页面:该步操作只需在网页中添加相应的代码即可,但是需要注意的是,一般在打开网站的第一个页面中设置跳转,并指定跳转到网站的主页。添加“设为主页”超级链接:该步骤只需添加正确的代码即可,需注意的是代码中所指定的网址是该网站的永久性IP地址或固定域名。添加“收藏本站”超级链接:其操作同添加“设为主页”超级链接基本相同,同样需要有固定的网站地址或域名,以及网站名称的准备。从入门到精通21清华大学出版社13.3.2 操作思路打开素材文件添加自动跳转代
8、码添加“设为主页”超级链接操作思路1234添加“收藏本站”超级链接从入门到精通22清华大学出版社13.4.1 制作一个跳转网页并禁止用户保存制作或打开基本页面添加禁止保存页面代码添加自动跳转代码从入门到精通24清华大学出版社13.4.2 使用Photoshop处理图像打开素材图像使用裁剪工具裁剪掉图像空白区域将图像存储为Web所用格式从入门到精通25清华大学出版社知识关联:网页三剑客在发布Dreamweaver之初,原Macromedia公司专门为网页设计者开发了著名的三款网页设计及辅助软件,并称之为网页三剑客。三剑客包括Macromedia Dreamweaver、Macromedia Fireworks和Macromedia Flash,分别用于网页设计、网页图像处理和网页动画制作,并且这三种软件能相互无缝合作,如可以在Fireworks中做好主要页面,然后导出,在Dreamweaver中加以修改,添加链接等。后来由于Adobe Photoshop的强大功能占据了图片处理的绝大优势,以及Adobe公司收购Macromedia公司后继续对相关软件进行优化,目前在很多用户来说,Photoshop取代了Fireworks的图像处理职能,成为了新的网页三剑客成员。从入门到精通清华大学出版社