设置自定义IE主页
每个人都有自己常去的网站,现在虽然有各种网址大全,却未必称自己心意,那么,何不自己动手来创建呢?接下来,本人将简介如何利用简单的素材,来创建自己的个性IE主页。
根据你的显示器分辨率新建空白画布。因为我们要做的是非常初级的东西,本人也并非这方面的行家,做出的网页不是那种可以根据窗口大小自动调整的,所以,根据屏幕分辨率来创建适宜的空白画布比较重要,本人使用的是1440*900的显示器,所以创建了1420*745大小的画布。
将你喜欢的素材拖入画布,创建出你喜欢的网页底图,网页底图要做全,使之基本呈现你希望你的首页将要显示的样子。本例制作的结果如下:
左边列出了常去的网站,中间加了百度的标志,右面加了天气和日历的标志,下面是一些喜欢的图片。注意尽量选择白底的图片,这样即使网页大小设置不当,也不会过于影响美观。
如果在PhotoShop中制作,直接另存为web所用格式,选择保存网页和图片,存成html格式;如果使用一般的画图制作,需要在网页编辑软件中插入这个图片,并选择衬于文字下方的版式,因为这种方法图片大小难以控制,所以还是推荐使用photoshop直接另存为网页。
使用publisher打开网页文件。此时你会发现图片有所偏移,网页范围也较窄,点击文件-页面设置,将网页加宽,本例加宽到36cm,网页底图基本存在于页面范围内。移动底图,使得左上角对其标尺0,0的位置。
在各个链接名称上面分别绘制矩形框,设置成填充和边框都无色,设置超链接,超链接地址为该链接名称对应的网页地址。上图中矩形框已绘制,所以会有虚线框显示。
本例中,天气的链接使用的是:http://www.baidu.com/s?bs=%CC%EC%C6%F8&f=8&rsv_bp=1&wd=%CC%EC%C6%F8%D4%A4%B1%A8
日历的链接使用的是:http://wannianli.duapp.com/
插入显示时间和日期的html代码,并拖移到适当的位置。
如图,点击web工具里的html代码片段插入代码,并拖移到合适的位置,一般代码是左上对齐,调好后可以点文件-网页预览预览下,看看是否合适。预览图如下:
附上本人使用的代码:(使用时去掉黑括号【】及其内容)
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i this[i+1]=initArray.arguments[i] } var d=new initArray( " 星期日", " 星期一", " 星期二", " 星期三", " 星期四", " 星期五", " 星期六"); document.write( " ", today.getYear(),"年", today.getMonth()+1,"月", today.getDate(),"日", d[today.getDay()+1], "" ); 插入百度搜索框的html代码。步骤同上,不再赘述。关于这个代码,可以到百度帮助中心获取免费代码:http://www.baidu.com/search/freecode.html本人使用的经过了一定的删减,去了搜索框前面的图片,所以贴上来: