第一篇:个人网站制作过程
个人网站制作过程
随着互联网的不断发展和中国网络人口的日益增长,建立个人网站,不但可以刚好的展示自己,而且可以提高自己在计算机应用方面的能力。我使用的软件是Dreamweaver8,它是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。随着互联网(Internet)的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器,两者各有千秋。网页编辑器的优点就是直观性,使用方便,容易上手,在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。
个人在设计时考虑的多为个人的兴趣喜好,而不注重商业的展示。内容以反映个人为中心,从而使个人网站真正的成为展示自己的网络名片。在网页制作中,我借鉴了韩国个人网站的设计风格,着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作,从而给人以强烈的美感。并利用Flash进行片头动画的制作,给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。、在这次课业中我制作了关于自己的网页,下面介绍下制作过程。首先使用Dreamweaver8来创建站点。打开Dreamweaver8软件,执行站点-站点管理命令,在弹出的站点管理对话框中选择新建,然后创建站点存放到我的文档,然后设置地址为?retcode=0 3.http://junehuang111.blog.163.com/blog/static/***222144/ 4.《网页制作与网站建设设计大全》徐磊,清华大学出版社,2008.9
第二篇:个人网页制作过程
个人网页制作过程:
制作个人网页的目的就是向大家介绍自己,我制作个人网页的过程如下
(1)首先是熟悉并熟练一款网页制作软件的使用方法,这样制作出来的个人主
页才不会显得粗糙,我选择的是frontpage,这款软件比较适合于初学者来使用。虽然在制作效果上也许会逊色一点,但是其优点的是比较容易上手。
(2)其次就是选择素材了,网页上那些好看的背景还有点缀以及一些装饰,标
志性的图片,元素都是需要自己来选择的。选择好了这些图片元素会为你的网页增添很多生气。这里介绍一个比较好的网站。我的所有图片元素以及背景都是从这里面找的。
(3)所需要介绍的当然是自己的个人信息,包括自己的基本信息以及自己的爱
好,工作以及一些零碎的感悟。这些都是要在网页里面表达出来的文本信息,所以必须要实现准备好。
(4)现在就是需要布置自己的网站了,我的计划是用多页面网站来介绍自己,制作个人主页。首先必须有一个主页,里面是我的基本信息,然后有几个选项,分别超链接我的爱好,我的工作以及我的感悟。在下面会有三个子网页,分别就是我的爱好,我的工作以及我的感悟。出去剩下的两个不在超链接以外,我的爱好会再向下借三个子网页,分别是我喜欢的歌,我喜欢的书和我喜欢的电影。
(5)有了明确的目标就开始着手制作,在上面那个网站里下载的背景和矢量图
都是需要加工的,需要利用绘图工具把需要的元素从整个照片里抠出来,把不需要的多余的部分擦除,在这个时候什么图片需要放置在什么地方用来做什么已经有一个大致的想法。
(6)没有用其他的网页制作工具,frontpage里面需要事先插入表格,将图片
文本信息填到适合的表格里,这里面的布局工作就需要自己动手了,以个人爱好而定,里面遇到了不少问题,但都最终被我解决了。这里面插入图片需要在插入选项里面选择插入图片,设置背景则是在格式选项里选择背景,背景图片也要在绘图工具里设定好尺寸。一开始我选择的网页形式是新建一个只有一个网页的网站,后面的子网页可以在网站里新建网页来实现。
第三篇:制作个人网站教案
学科:《信息技术》 课题:《制作个人网站》 课时:1 [教学目标](1)熟悉Dreamweaver的软件环境,掌握该环境下的文字处理方法;
(2)掌握插入剪贴画的方法,掌握使用表格,网站内部的超链接,应用掌握的知识制作表达一定主题、包含文字、图片的个人网站。[教学重点与难点] 使用表格定位文字、图片,网站内部的超链接。[课时安排] 1.心课导入与布置任务(用时6~7分钟)2.学生自主学习(用时27分钟)3.教学评价(用时10分钟)4.教学总结(用时1~2分钟)教学过程:
1、导入
首先以学校要建校园网站为引言,校园网站下挂有教师个人网站、班级网站、学生个人网站等,激发学生要自己制作个人主页的兴趣,然后给学生布置任务,要求网站必须有同学们亲手制作的网页,才能真正成为的校园网站,提供大量的制作网页的素材(如图片、声音、动画、视频等),同学们可以自由地发表自己的想法和观点,开阔学生的思路,同时激发学生的创造欲望。
2、教学内容
教师利用多媒体教学网(或大屏幕投影仪)简单分析教学课件的要素,将Office中的Word 2000知识迁移到此,将任务进行分解成为若干个小任务,如制作一个网站,必须制作若干个网页,而一个网页可能由文字、图片、超链接等构成,因而就有要完成插入文字、插入图片、插入超级链接等小任务。具体的任务要求是:文字要有不同的字体、颜色、字号、对齐方式;图片要求大小调节合适、位置摆放合适;表格要有合并与拆分,表格内要有文字、图片;主页与子网页之间要有超级链接并为双向的。然后简单演示一个网站内部的超级链接。引导学生轻松愉快、主动去解决问题,完成任务,进而达到自身对知识的意义建构。
接下来就是学生开始自主学习的过程。学生带着制作网页这个任务,并由此而产生对网页中的文字处理与图片等知识的需求,由内在的需要促使学生去主动探索、学习相应的知识,并通过自己主动探索来解决问题。在此过程中,教师巡视查看学生的学习过程,了解学生的学习情况、进度,以指导者的身份对个别学生的问题进行单独交流、指导;如:有的学生问网页之间的超级链接如何去做,有的学生问如何利用表格对文字、图片的定位等。学生之间可以互相交流、互相学习、互帮互助、团结协作;对大多数学生的共性问题,教师给予广播式指导解决。对于理解能力、动手能力以及综合应用能力强的同学指导他们进一步学习扩展内容,发展他们的个性,培养他们的积极创新精神。如对某些学的快的学生给予引导如何用表格套表格的再定位方法准确地定位文字、图片。
3、教学评估
在规定的时间内学生基本完成了学习任务,下面是给学生一个展示自我的机会,从学生制作的网页中挑选出有代表性的作品,由学生自己介绍、演示,这样可以锻炼学生的表达能力,然后让学生互相讨论,发表意见、看法,实现相互交流、学习的目的。教师在此过程中以实现预定的教学目标为目的,适当地引导讨论方向。这一个过程是非常重要的过程,是一个再学习再提高的过程。对于知识掌握较好的学生正是表现自我的时候,是最有成就感的时候,对于少数知识掌握不太好的学生,真是一个再学习的过程,完成对知识的意义建构。
4、课堂总结
教师总结本节课的教学内容:掌握文字处理方法、插入剪贴画、使用表格,网站内部的超链接,应用掌握的知识制作表达一定主题、包含文字、图片的个人网站。对学生的制作成果表扬鼓励,并提出新的问题,留下悬念,激发学生继续学习的兴趣。如要使自己的网页更美观、内容更充实,具有“商业网站”的味道,我们就必须要对网页进行美化进行装饰,如何去才能实现呢?这是我们下一节要完成的任务。
第四篇:个人网站制作说明
我所选的题材关于甜品。
对题材选择的说明
本网站名称为“舞动舌尖甜品”,目的是向浏览者展示甜品。网站的首页设计成引导页,引导页相对简单,下载迅速。“舞动舌尖甜品”网站内容包括四个部分,如下:
主页
关于我们
特色新闻
甜品展示
该站点根目录下一共包括四个文件夹,各目录的名称及作用如下:
“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.使用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页面添加背景音乐。
大家在代码视图里找到