袁老师教你制作网站之提升篇——制作个人主页 轻松架设AppInventor2单机版服务器
技术拾萃 上一版 下一版

《江苏科技报·教育周刊》(双周刊,国内统一刊号CN32-0019),是江苏省唯一以社会立场透析当代中国教育的报纸。秉承“科技推动教育,教育改变人生”的理念,《江苏科技报·教育周刊》一直注意保持与教育前沿工作的密切联系,定位于教育宏观研究,兼顾微观探讨,注重教育文化生态的构建与引导,时刻关注鲜活的教育实态,着眼于教育文化的深层构建,努力赋予教育以深厚的文化内涵,致力打造中国最好的教育媒体。

国内统一刊号:CN32—0019
编辑部地址:江苏省南京市鼓楼区中山路55号新华大厦48楼

第296期 总第5121期 2015年10月13日 星期二
返回首页
作者 内容  上一期  当前第296期  下一期
袁老师教你制作网站之提升篇——制作个人主页
来源:丹阳市实验小学 作者:袁军辉 发布日期:2015-10-15 15:18:37


    想制作出图文并茂的网页作品,可不是一件容易的事情,需要我们精心选择背景图片,认真编辑网页中的文字,因为它们将直接关系到页面是否制作成功。
    一、设置页面属性
    1.打开首页:在文件面板上站点列表旁打开下拉菜单,选择我们的站点:MY巴西,MY世界杯,双击index.html文件即可打开首页。
    2.设置页面标题:在页面任意处单击鼠标右键,然后在属性面板中单击“页面属性”命令,就可以打开页面属性了。在页面属性中单击“标题/编码”选项,在“标题”后输入页面名称:MY巴西,MY世界杯(如图1)。 

                                图1
    3.设置页面背景:选择“外观”选项,我们一般把页面文字的大小默认设置为10pt,上、下、左、右的边距默认设置为0,在“背景颜色”栏单击选择需要的颜色,使用同样的方法还可以在“背景图像”一栏中找到保存图片的img文件夹,选取要作为背景的图片,按一下确定完成设置。友情提醒,我们最好事先下载一些分辨率为1024×768的背景图片。
    二、添加表格
    许多网页,表面上看起来并没有使用表格,但实际上却是利用大量表格组织起来的。网页中的内容和数据,如果不使用表格组织,在不同的浏览器中往往会发生文字、图片变形和走样,看不到预期的效果。但是如果使用了表格,则可以很好地避免这些情况的发生。
    1.插入主表格:单击常用工具条上的表格按钮,会弹出“表格”对话框,我们插入一个行、列均为1,宽度为200像素,边框为0像素的表格(如图2)。然后在“属性面板”上设置对齐方式为居中对齐,最后拖动表格边框,改变表格大小与背景图片大小相似。

                                 图2
    2.插入分表格:将表格内的垂直对齐方式设置为顶端后,在表格内部继续插入一个4行4列,宽度同样为200像素,边框为0像素的表格(为了方便演示表格设置成了1像素的边框,制作时边框应为0像素),接下来使用鼠标拖动改变各单元格大小,使其将各空白区域隔出。
    3.输入内容:以在左侧大空白单元格中输入内容为例,先定位好鼠标,再到“属性”一栏中将水平设置为居中对齐,垂直设置为顶端对齐,插入一个6行1列的表格,将“最佳阵容”“最炫过人”等导航栏添加进去。然后在右侧上方的空白单元格中,将水平对齐方式设置为居中对齐,并输入和设置好相关内容(如“欢迎光临‘MY巴西,MY世界杯’个人网站”)。在下方的空白单元格中,插入一张巴西世界杯的图片,输入一段关于世界杯的文字(文字断行用键盘上的Enter键或者Shift+Enter键),文字每段开头空两格,必须先将输入法设成全角,再按两下空格键即可。另外,输入内容后,用来布局排版的表格、单元格等大小可能会发生改变,需要不停地进行调整和修改(如图3)。希望大家在制作表格时发挥想象,大胆尝试,这样才能制作出更有创意、更生动的作品。

                              图3

发表评论
评论标题:
评论内容:
(500字符)
验证码: 看不清楚,请点击我
    
本网站所有内容属《江苏科技报·教育周刊》所有,未经许可不得转载
编辑部地址:江苏省南京市鼓楼区中山路55号新华大厦48楼
ICP备案编号:ICP备案编号:苏ICP备05076602号