第一篇:个人网站制作说明
我所选的题材关于甜品。
对题材选择的说明
本网站名称为“舞动舌尖甜品”,目的是向浏览者展示甜品。网站的首页设计成引导页,引导页相对简单,下载迅速。“舞动舌尖甜品”网站内容包括四个部分,如下:
主页
关于我们
特色新闻
甜品展示
该站点根目录下一共包括四个文件夹,各目录的名称及作用如下:
“images”文件夹:存放“舞动舌尖甜品”网站的所有用到的图片
“library”文件夹:存放“舞动舌尖甜品”网站的三个库文件。
“other”文件夹:存放“舞动舌尖甜品”网站里用到的word文档。
“Templates”文件夹:存放“舞动舌尖甜品”网站的模板网页。
“index”主页、“gywm”关于我们、“tsxw”特色新闻、“tpzs”甜品展示;产品分类a、b、c、d、e、g;常识介绍wb、wb1、wb2、wb3。
对所用编辑工具的说明
随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性,所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。Dreamweaver版本,无论是操作性和功能性都有长足的进步这也为我们制作网页提供了强大的工具。古语有云:“工欲善其事,必先利其器。”
首先要注意:各目录名称都不要用中文。以及站点的建立 在制作网页时,首先要建立站点。
对资源来源的说明
做本次个人网站我借鉴了甜心凯特网站和爱芒果甜品网站的甜品图片,还有简单的设计风格。
对制作过程的说明
主页:运用了四个标题栏,一张图片,两张动态图片,以及版权。图片来源:自己搜索、以及一张借鉴图片____<爱芒果甜品网站>。
关于我们:运用了四个标题栏,一张图片,三张动态图片;图片来源:自己搜索、以及一张借鉴图片____<爱芒果甜品网站>。
产品分类:
分成七个系列:
美饮系列
甜心妙雪迷
巧克力舌尖冰
菠萝酸奶舌尖冰
西瓜舌尖冰
香芋舌尖冰
芒果舌尖冰
每七个系列分别链接了七个页面。
图片借鉴了<甜心凯特网站>的甜品图片。
特色新闻:关于舞动舌尖的新闻新增了四个常识文档,同样的链接了四个网页,在该页面的各标题处链接了可以下载的文档,供浏览者下载查看。常识文档借鉴了<爱芒果甜品网站>的新闻标题栏内的文档。
甜品展示:运用了二十四张甜品图片。图片来源:自己搜索。
对所用技术的说明
网站制作用到了:时间轴,库文件,模板网站,表格布局,动态文字代码,网站超链接,层的运用以及添加行为。
总结和体会
这是第一次用Dreamweaver软件做网页,高中曾简单的学过如何制作网页,但那时用的软件是FrontPage2003。
学了用Dreamweaver软件做网页感觉难度比FrontPage2003大。上课听老师讲解时,跟着老师做步骤时感觉并不是那么的难,相反,反而觉得很简单,只要掌握就并不难了。但是轮到自己设计网页的时候,有些迷茫了。我该怎么做?我该如何去做?
做《舞动舌尖甜品》网站时:最令我觉得繁琐的地方便是给二十四张图片插入层,当我在做这二十四张图片的层的时候最希望的便是有什么快捷的方法可以不用一个一个的去弄。我想过用代码,可是我做不来。于是,我便很有耐心的给这二十四张图片插入层以及对应图片的行为。
其他部分也有渐多渐少修改过,做起来感觉还行。
看到自己完成一个自己设计的小网站时,有大大的欣喜,这居然是自己做出来的网站。原来做网站就是这样啊!
这时,不禁佩服那些做网站的专业人士,原来做一个网站也是要花费这么的耐心啊,想想我们平时浏览的网站,那个做工相比我们自己的个人网站简直就是大巫见小巫。
第二篇:制作个人网站教案
学科:《信息技术》 课题:《制作个人网站》 课时:1 [教学目标](1)熟悉Dreamweaver的软件环境,掌握该环境下的文字处理方法;
(2)掌握插入剪贴画的方法,掌握使用表格,网站内部的超链接,应用掌握的知识制作表达一定主题、包含文字、图片的个人网站。[教学重点与难点] 使用表格定位文字、图片,网站内部的超链接。[课时安排] 1.心课导入与布置任务(用时6~7分钟)2.学生自主学习(用时27分钟)3.教学评价(用时10分钟)4.教学总结(用时1~2分钟)教学过程:
1、导入
首先以学校要建校园网站为引言,校园网站下挂有教师个人网站、班级网站、学生个人网站等,激发学生要自己制作个人主页的兴趣,然后给学生布置任务,要求网站必须有同学们亲手制作的网页,才能真正成为的校园网站,提供大量的制作网页的素材(如图片、声音、动画、视频等),同学们可以自由地发表自己的想法和观点,开阔学生的思路,同时激发学生的创造欲望。
2、教学内容
教师利用多媒体教学网(或大屏幕投影仪)简单分析教学课件的要素,将Office中的Word 2000知识迁移到此,将任务进行分解成为若干个小任务,如制作一个网站,必须制作若干个网页,而一个网页可能由文字、图片、超链接等构成,因而就有要完成插入文字、插入图片、插入超级链接等小任务。具体的任务要求是:文字要有不同的字体、颜色、字号、对齐方式;图片要求大小调节合适、位置摆放合适;表格要有合并与拆分,表格内要有文字、图片;主页与子网页之间要有超级链接并为双向的。然后简单演示一个网站内部的超级链接。引导学生轻松愉快、主动去解决问题,完成任务,进而达到自身对知识的意义建构。
接下来就是学生开始自主学习的过程。学生带着制作网页这个任务,并由此而产生对网页中的文字处理与图片等知识的需求,由内在的需要促使学生去主动探索、学习相应的知识,并通过自己主动探索来解决问题。在此过程中,教师巡视查看学生的学习过程,了解学生的学习情况、进度,以指导者的身份对个别学生的问题进行单独交流、指导;如:有的学生问网页之间的超级链接如何去做,有的学生问如何利用表格对文字、图片的定位等。学生之间可以互相交流、互相学习、互帮互助、团结协作;对大多数学生的共性问题,教师给予广播式指导解决。对于理解能力、动手能力以及综合应用能力强的同学指导他们进一步学习扩展内容,发展他们的个性,培养他们的积极创新精神。如对某些学的快的学生给予引导如何用表格套表格的再定位方法准确地定位文字、图片。
3、教学评估
在规定的时间内学生基本完成了学习任务,下面是给学生一个展示自我的机会,从学生制作的网页中挑选出有代表性的作品,由学生自己介绍、演示,这样可以锻炼学生的表达能力,然后让学生互相讨论,发表意见、看法,实现相互交流、学习的目的。教师在此过程中以实现预定的教学目标为目的,适当地引导讨论方向。这一个过程是非常重要的过程,是一个再学习再提高的过程。对于知识掌握较好的学生正是表现自我的时候,是最有成就感的时候,对于少数知识掌握不太好的学生,真是一个再学习的过程,完成对知识的意义建构。
4、课堂总结
教师总结本节课的教学内容:掌握文字处理方法、插入剪贴画、使用表格,网站内部的超链接,应用掌握的知识制作表达一定主题、包含文字、图片的个人网站。对学生的制作成果表扬鼓励,并提出新的问题,留下悬念,激发学生继续学习的兴趣。如要使自己的网页更美观、内容更充实,具有“商业网站”的味道,我们就必须要对网页进行美化进行装饰,如何去才能实现呢?这是我们下一节要完成的任务。
第三篇:个人网站制作
设计一个个人网站方法
一、要求:
1.使用Dreamweave网页工具制作一个个人网站;
2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。
3.网页中要有图片和文字内容,用表格或框架进行页面布局;
4.添加至少两种行为,并为首页添加背景音乐。
5.在网站中设计一个表单页面。
6.首页必须包含页面标题,动态按钮导航栏。
下面我们大家统一一下软件版本,我用的是网页三剑客cs3版本的,大家可以去迅雷下载,因为我们要用到flash建议大家也按装好flash。
首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字,不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图打开Dreamweaver软件,得到图
做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。
选择站点——新建站点。
我们建的文件夹就是站点根文件夹。新建站点后得到这样一个界面
点选高级,得到界面
站点名称与我们建文件夹得名字相同,zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹,http地址为http://localhost/zs沧州网站建设http://www.xiexiebang.com
接下来选择左侧栏里远程信息
点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器,点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。
下面看老师的第一条要求,是要至少四个网页,那我们就做四个
单击新建,然后单击
接下来,选择
然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认为index.heml,其他三个网页的名字分别为a.html、b.html、c.html,我们这四个网页文件已经保存在我们建的文件夹里。
站点中已经有了四个文件。接下来,我们开始编辑index.html。
单击index.html,显示为当前页面。
单击拆分,然后我们看这个个网页就叫张三之家了,同样的方法给其他三个网页改名字。A网页标题,这个就是网页名字,我们以张三为例,这,这样老师的第六条我们就完成一半
B网页标题
C网页标题
改好名字之后,一一保存,这个不多说了,接下来操作index.html。
显示首页为当前编辑页面。
首先为index.html页面添加背景音乐。
大家在代码视图里找到