在线客服
您当前的位置:首页»新闻中心»网站建设»简单网站制作方法流程

简单网站制作方法流程

2013/4/11 12:59:54作者:广德齐力网络我要评论(0)
字号:T|T
核心提示:网站制作方法略谈

为了进一步培养中小学生的信息素养,推动中小学信息技术教育,给中小学生展示掌握信息技术能力的机会,上级教育管理部门每年都会组织学生的信息技术作品现场制作比赛。结合近几年辅导学生参加比赛的经验,粗浅地总结了一些在短时间内(一般为2小时)制作完成一个主题网站的方法,仅作抛砖引玉之用。

为了达到较完美的效果,一个网站从构思策划到制作成型,每个步骤都需要仔细斟酌。而比赛仅有短短两个小时左右,这就决定赛前必须做好准备工作。我的辅导思路如下:设计网站整体制作框架→根据比赛主题确定网站风格→美化充实网站内容,即在赛前就将网站的结构和网页的框架设计好,而在比赛时只需根据主题临场切换颜色搭配和文字描述即可。如此一来,在赛前需要做好的准备工作有以下三部分:

一、规范保存方式

制作电脑作品时,老师应首先重点强调的是规范保存和及时保存。网站的保存应规范两点:

第一点,建立相应的文件夹,分门别类地存放网页和素材。先建“web”文件夹,然后在“web”文件夹中建几个素材文件夹“picture”,“sound”等,制作出来的网页直接保存在“web”文件夹中,网页中使用到的素材要先存入相应的素材文件夹中。

第二点,网页的命名应规范合理、易于分辨。保存主页时应将文件命名成“index.htm”,其他网页的命名最好与网页中的主题内容相联系。

网页制作过程中切记及时保存,可以每制作好一张网页保存一次或每隔十分钟左右保存一次。

二、设计制作主页

主页是一个网站的窗口,它的美观与否对整个网站的影响不言而喻。所以,一般要把40—50%的时间花在制作主页上。制作主页分为两步:

首先,设计主页框架。学生可以在老师的指导下设计几个不同的主页框架,然后让学生自己选择其中一个作为参赛的定案。以FrontPage制作网站为例,首先要在主页中插入表格以定位,主页的框架就体现在对单元格的设置之中,学生可以通过合并单元格或插入小表格的方式展现主页的框架。但是,老师要强调操作的重点:表格的大小必须和单元格的大小一一对应,即如果表格大小为800*600像素,那么同一行上所有单元格的宽度之和必须等于800像素,同一列上所有单元格的高度之和必须等于600像素。如下图展示的是几个不同的主页框架图,其中第二行中的小表格(1行5列)是专为插入导航按钮而设计的。

其次,美化主页并充实内容。主页的窗口功能重点体现在:吸引眼球、反映主题并提供友好的导航。当设计好主页的框架之后,就应该根据主题内容向单元格中添加标题动画、导航按钮、图片、移动字幕、水平线和说明文字等。标题动画和导航按钮的制作必须注意大小,如果主页第一行的单元格的大小是800*150像素,那么标题动画的大小也应为800*150像素。将单元格的大小和插入其中的素材大小一一对应,可以保证制作中整个网页的框架不发生变形。

三、巧作其他网页

当主页制作完毕之后,先以“index.htm”为名保存好。然后通过以下三步快速制作其他网页:

第一步,新建其他网页,网页名称与导航按钮对应。假如导航按钮的名称分别为“新闻”、“图片”、“音乐”等,那么可以将其他网页命名为“xinwen.htm”,“tupian.htm”,“yinyue.htm”。

第二步,在主页中设置好超链接,将导航按钮链接到对应的网页上。如导航按钮“新闻”超链接到网页“xinwen.htm”上。

第三步,将主页内容全选后进行复制,然后粘贴进其他网页中。同时把不需要的文字删除、单元格进行必要合并之后添加相关文字、图片等内容即可保存。

通过以上三步,可以快速生成其他网页,制作过程中应注意第二步与第三步不能颠倒,如此可以保证新生成的网页中的导航按钮已含有正确的超链接,很好地避免在每张网页中对导航按钮设置超链接的重复操作。

完成以上三部分的制作之后,整个网站已基本成型。可以通过浏览各个网页检查网站的整体风格是否统一,网页的超链接设置有无错误以及网页的界面有没发生变形等。如果时间允许,还可以对网站进行一些美化操作。让学生在赛前根据以上思路进行不同主题的网站制作练习,往往可以达到事半功倍的效果。

最后编辑时间:2013/4/11 13:01:44
评论(已有0条评论)
请登录后文明发言,并遵守相关规定.
评论内容: