个人网站制作（精选8篇）
一、要求：
1．使用Dreamweave网页工具制作一个个人网站；
2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。
3．网页中要有图片和文字内容，用表格或框架进行页面布局；
4．添加至少两种行为，并为首页添加背景音乐。
5.在网站中设计一个表单页面。
6.首页必须包含页面标题，动态按钮导航栏。
下面我们大家统一一下软件版本，我用的是网页三剑客cs3版本的，大家可以去迅雷下载，因为我们要用到flash建议大家也按装好flash。
首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字，不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图打开Dreamweaver软件，得到图
做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。
选择站点——新建站点。
我们建的文件夹就是站点根文件夹。新建站点后得到这样一个界面
点选高级，得到界面
站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹，http地址为http://localhost/zs沧州网站建设http://
接下来选择左侧栏里远程信息
点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器，点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹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页面添加背景音乐。
大家在代码视图里找到
我是以beyond的歌为例，名字改为by，点击保存背景音乐就添加好了。大家可以看一下，在站点目录下，已经有了这首歌曲。
接下来开始设计页面布局 这里用表格布局，这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操作，下面大家点击常用里面的表格，就是下面这张图片
中的这个图标
得到对话框如图所示数据： 单击确定，得到如下界面
这个插入的表格式可以自动调整大小的，大家可以自己试一下，接下来用这些表格布局，给大家看两个图标，这个图标就像是excel中那个合并和拆分单元格是一个意思，左边那个代表合并单元格，右面那个代表拆分单元格，excel大家都会把，就和那个布局差不错，我做一个简单的布局，为了方便，我把这个表格缩小，这个布局很简单，第二行全部合并，第三行第二三列合并，大家可以根据自己的需要进行拆分合并，还可以在表格里面再次插入表格。
宽度和高度的设置时在代码里找到
在属性中选择背景图像, 添加图像, 这样模板就完成了。
参考文献
[1]中文版Dreamweaver CS4案例教程 (1CD) [M].北京:龙腾科技出版, 2009.
名称：个人名片设计与制作
教学时数：8课时
二、课例背景介绍
《图形图像处理》是计算机平面设计专业的一门专业课程，通过课程中8个项目的学习，培养学生简单的设计能力与专业的图形图像处理能力。“个人名片设计与制作”是《图形图像处理》课程中的第二个学习项目，在学习本项目之前，学生已经学习了新年贺卡创意设计与制作，熟悉了PS的基本操作技能。
课例遵循“资讯、计划、决策、实施、检查、评估”项目开发的六大步骤展开，能使学生了解项目开发的基本流程，从而使学生意识到信息搜集、计划制订、方案决策的重要性，在项目开发具体实施中掌握使用PS中的钢笔工具，形状工具绘制路径、调整路径；熟练掌握油漆桶前景色、背景色填充，渐变色填充；掌握选区、路径的相互转换、画笔设置方法，使用画笔描边路径技巧；掌握笔刷、字体的下载、加载及使用，为学生后继项目的学习与专业技能的掌握打下了扎实的基础。
课例项目源于学校的“信赖”图文工作室，该工作室是江苏省惠山中等专业学校电信工程系计算机教研组成立的对外服务窗口。工作室成立三年以来，日常为学校师生提供文档资料的排版与打印、证件照的拍摄与照片处理等业务，并为周边企业提供了专业的服务，如为无锡阅海网络公司设计制作了企业员工的名片，为凯越商贸公司制作了产品推广的宣传海报，为无锡蓝天电子公司制作了多媒体宣传片等等。将工作室承接的业务有选择地引入课堂，并进行项目二次开发，使班级中的每一位学生都参与项目的学习与开发。
课例的授课地点为理实一体化教室（机房），共有计算机50台，计算机硬件配置为：CPU：Pentium双核1.6GHZ以上；内存：2G以上；硬盘：160G以上；显卡：独立显卡；安装专业软件：PhotoshopCS3。
三、学习目标设定
1.知识目标：
了解名片制作的市场要求、制作标准，熟悉名片的制作方法与流程。
能根据不同客户所属行业及个人的个性需求，注重名片的创意和布局设计，绘制出风格相符的名片设计草图。
掌握钢笔工具，形状工具绘制路径，调整路径；熟练掌握油漆桶前景色、背景色、渐变色填充；掌握选区、路径的相互转换；掌握画笔设置方法，会使用画笔描边路径技巧；掌握笔刷、字体的下载、加载及使用。
2.技能目标
鼓励自主探究学习，从个人名片设计草图到用PS实现的过程中，能对钢笔、形状等工具灵活运用。
倡导行动学习法，“做中学，学中做”，能对名片设计中的色彩运用与构图布局，结合创意规范制作。
3.情感目标：
了解名片的作用、分类、使用场合，以及名片的使用礼仪与交友礼仪。
密切关注学生职业生涯规划，培养有理想、有抱负的现代职校生。
通过工学结合的项目学习与实践，提高学生就业信心与职业素养。
四、学习任务描述
1.资讯：
学校的“信赖工作室”接到一单名片设计与制作的业务，客户是本校05级刚参加工作的毕业生，现在腾讯公司温州分公司任销售主管，基于业务推广的需要，委托工作室帮他设计制作一张个人名片。客户要求名片具有个人风格的同时有利于业务的开拓，色彩简单不单调，布局合理不呆板。为使学生了解不同风格名片的设计与制作，我们让学生结合职业生涯规划，同学之间交叉制作名片，通过项目最终的评估与展示，选拔出优秀学生参加工作室的项目开发。
2.计划
根据学生的职业生涯规划，确定自己理想的就业行业与职位，确定名片的基本要素及个性风格，交互（交叉）设计学生个人名片。学生本人既是需求者又是名片设计与制作者（A同学为B同学设计制作名片；B同学为C同学设计制作名片）。学生在项目任务书中填写名片制作的具体计划，确定需要解决的问题与实施时间。
3.决策
根据名片的职业定位及个性风格，选择同类型的名片风格进行分组，建立工作小组（4~6人），推选一名学生为小组负责人，小组学习形式便于中期的合作学习和优秀作品的选拔。学生经过客户需求分析制定出2～3个设计方案供客户选择，客户确定最终实现方案。
4.实施
根据客户确定的名片草图，分步制作电子名片，监督、协调项目的进度。教师负责讲解路径绘制技巧、笔刷、形状工具等的使用方法，并且负责项目过程中的指导工作，为学生提供技术支持。
5.检查
制作中期，以小组为单位，根据草图与名片的吻合度、完成率、创意设计、技术难度等方面进行自主检查、组内交流、教师督查、客户验收等不同的检查方式，发现方案设计与技术实现方面的问题，进行修改与完善，直到同学（客户）满意为止。最终选拔出1~2人的优秀作品代表小组参加后期的展示会。通过检查，学生不但能提高自主检查能力，而且在小组中学会合作，有岗位意识及竞争意识，也能为最后的“个人名片评估、展示会”提供有质量的作品。
6.评估
制作中期以学生自评、互评为主，根据评价与客户反馈意见进行再修改再学习，制作终期组织小组评价和“个人名片评价展示会”，组建评委组（由图文工作室负责人、客户代表、指导教师、学生代表等组成）进行多元化评价，以选拔优秀学生加入图文工作室为目的，尝试行业主导的评价方式，体现作品的市场价值，进一步激发学生的学习动力。
六、教学情境创设
在项目实施前，师生主要从图文工作室相关业务了解、熟悉项目开发流程、课堂项目开发、撰写项目教案方面作准备；并制定项目任务书（过程记录）、客户需求单、客户评估与信息反馈表、项目自评表、项目综合评价表等材料；学生通过网络搜索了解常用名片的类型与应用场合、名片制作行业标准，并熟悉PS的基本操作界面、基本工具（魔术棒、油漆桶、移动等工具及图层、图片合成概念及技术）。
七、教学资源准备
本课例总体需要8课时,按“资讯、计划、决策、实施、检查、评估”等指导行动的思维过程展开,符合工作过程系统化设计的指导思想与项目式教学的实施步骤。其中资讯、计划用1课时完成；决策用1课时完成；实施用4课时完成；评估、展示用2课时完成。
教师课前准备各类纸质名片及名片设计标准、项目任务书（过程记录）、客户需求单、客户评估与信息反馈表、项目自评表、项目综合评价表等材料，引导学生浏览PS学习论坛、名片欣赏及学习网站、图片、文字素材库等网络信息资源，为学生自主学习与创新探究学习提供平台与保障。
学校提供便于开展小组学习的理实一体化教室（机房），开通互联网，并配备展示用投影仪、数码相机、数码摄像机等设备。
八、教学过程实施
1．项目导入
以工作室完成的实际名片业务为例，师生共同分析名片的类型、组成要素、制作标准及实现途径。
按名片用途，名片可分为商业名片、公用名片、个人名片三类。个人名片：朋友间交流感情，结识新朋友所使用的名片。
个人名片的主要特点为：名片不使用标志，名片设计个性化、可自由发挥，常印有个人照片、爱好、头衔和职业，使用名片纸张据个人喜好，名片中含有私人家庭信息，主要用于朋友交往。一般个人名片通常不需要设计公司标志，但是名片的主体图案也应与个人的职业身份、个性相符。
名片制作标准（参考）
名片标准尺寸：制作完稿出血后尺寸为92×56mm，四边各出血1mm，裁切后净尺寸为90×54mm。所有颜色均需使用CMYK印刷用色，不得使用RGB或其他色盘标示色。图片分辨率必须达到300dpi以上，这样才能保证印出来图片保持清晰。
2.项目实施
任务一、客户需求分析
学生分为2组：自主创业组4人一组，企业就业组6人一组。组内学生与学生（客户）交流，填写客户需求单、项目任务书。
任务二、设计名片草图
学生手绘设计草图，教师对草图进行点评，提出修改建议。学生根据同学（客户）反馈意见和教师的修改建议，完成并确定手绘草图。
任务三、制作个人名片
（1）制作主体图案
教师工作室完成的实际名片业务为例，演示绘制主体图案的方法，学生按设计草图绘制主体图案
【技巧点拨】
钢笔工具绘制路径，结合路径选择工具、添加锚点工具调整路径线条，可以使路径线条更平滑更精确定位。
手绘基础好的，可以结合画笔手绘。较难的图较复杂效果，可以用抠图代替，但是鼓励练习用路径绘图。
（2）文案设计与制作
教师统一演示指导个人信息的输入、文字信息合理布局、字体格式设定等，学生根据草图完成个人名片文案部分设计。
【技巧点拨】
学生对于字体格式设置有特殊要求，可以自主到网站下载字体→将下载的字体复制到C:WINDOWSFONTS中加载→重新启动PS使用
（3）后期润饰
教师讲解并演示色彩、布局调整、装饰性图案添加的设置注意事项，学生利用笔刷完成装饰性图案，并调整色彩布局等。
任务四、个人名片评价展示
（1）学生自评，填写项目自评表，完成项目任务书。
（2）小组互评，填写综合评价表，并推选优秀作品展示。
（3）优秀作品展示、评价，教师对演讲仪表、演讲技巧、演讲内容（创意、色彩、布局、技术应用等）作简要指导。要求学生书写演讲提纲，准备演讲内容并演讲。
（4）作品点评，教师选择1-2个优秀作品和存在问题的作品进行点评，重点关注名片设计的创意、风格与个性、技术含量等。
（5）评委组根据“综合评价表”进行评分，评选出3名优秀名片设计人员，并推荐进入学校图文工作室。
九、教学评价设计
教学评价内容综合化设计，项目由小组成员通过角色扮演合作完成，如组长扮演项目经理，学生作为客户提出需求，而组员根据各自特点，发挥自身优势，独立完成项目任务。在完成任务的过程中，成员间的交流，合作、探索、创新变得尤为重要。因此，在教学评价时我们设计了综合评价表，该表注重的不再是评估简单的知识与技能，而是一个团队的合作成果与合作过程中的综合表现，以便适应人才发展全面化的要求，尊重人才选用以“德”为先的原则。
教学评价方式多样化设计，通过学生自评、互评、教师点评、客户评估与反馈、评委会投票等方式在学生完成项目作品过程中对项目任务书、项目成果发布、项目展示演讲等方面进行评价，再进行各项评分的整合，体现了教学过程的评价。
教学评价标准行业化设计，在名片制作之前，要求学生经网络查询各大名片制作公司的制作标准，并邀请行业专家指导学校图文工作室的工作开展，参与了客户评估与信息反馈表的制定。
十、教学后记
项目实施从学生交互（交叉）设计自己的名片着手，通过角色的扮演，结合职业生涯规划，学生确定了理想中的蛋糕店店长、饰品店店长、公司经理等职位。由于是为同学的将来设计制作名片，学生学习的主动性积极性能够被充分地调动起来。设计制作同学的“将来名片”而非直接指定制作图文工作室的项目任务，这样可以使名片涉及很多行业、很多职位，学生可以主动去了解各行各业的名片风格，也更能激发学生学习兴趣与动力。
项目特别设计了“绘制名片草图“环节，主要让学生意识到围绕客户需求开展工作的重要性，按照设计的手绘稿制作电子名片，难度系数提高。因为在实现过程中从理想的手绘效果到电子稿的完全实现，会产生许多意想不到的困难，学生会感到现有技术的匮乏，为了完成任务，他（她）们会利用一切学习资源排除一个个困难，努力完成任务，从而实现自身的主动学习、个别学习。
从手绘草图转换为电子名片，通过草图与电子名片的对比展示，更有说服力，也符合该行业的操作规范，即客户提要求，制作中根据客户满意度和意见修改到客户满意为止，也避免PS学习过程中的随意性。（随意的图案文字拼凑，任何学生都能完成，不能实现分层次教学。）
在整个的教学过程中，发现大部分同学能克服层层困难，将手绘图纸不折不扣地转变为电子名片，技能上精益求精，从组织能力、沟通能力到操作技能，都得到很大的提升。但是一小部分同学还是表现出不适应，不能发挥自己学习的主动性，只能掌握基本的操作技能，如钢笔工具、笔刷工具、文字工具等的使用，但是不能很好地综合使用，因此制作出的名片不能令同学（客户）满意，沟通能力、设计能力也有待加强训练。希望在后期的项目式教学中，在一遍遍的项目流程强化训练过程中，每一位学生都有进步与提高。
（作者单位：江苏省惠山中等专业学校）
专家点评奚军：
“课例”即课堂教学案例，它是案例的一种特殊形式。专业课项目课程课例是介于整个课程和某一课时之间的小型化教学项目的系统、立体、全景式的教学设计。本课例的教学设计充分体现职业学校专业技能课程的性质，即立足实践，本着“做中教、做中学”的教学理念，让学生亲身体验、亲历情境，达到全员参与、全程参与。课例采取小组合作学习的教学策略，改善学生的学习方式，使教学方式多变、学习方式多样，培养学生自主探究的能力。
《图形图像处理》课程标准要求培养学生掌握图像处理技术的基本概念和术语，掌握图像处理的基本操作方法和技巧，使学生达到学以致用与拓展知识面的目的，初步形成一定的图像处理综合操作技术素养，为进一步学习网页、电子出版物制作，打下良好的基础。本课例恰当展示了与学生职业生涯密切相关的产品的创作过程，在合作、学习、交流、展示中，使学生了解掌握产品的制作标准、方法，掌握PS软件中钢笔工具、形状工具、油漆桶工具灵活运用的技巧，训练学生的表达与沟通能力。对课程标准的理解准确到位，教学过程中选择的教学方法与手段能起到提高学生技术素养的作用。
本课例最突出的特点在于三处：一是情境导学，二是做学结合，三是评价多元。具体来说，第一点体现在课例的教学项目来源于学校工作室的真实案例——毕业生名片设计。这是一个导引项目，定位于“我教——你学”，主要用于教师教学示范和学生技术体验，是“边学边做”的教学过程；二是结合学生职业生涯规划，设计自己的个人名片。这是一个训练项目，定位于“你做——我导”，主要用于训练学生操作能力，以学生自己动手做为主，教师的作用是解决学生在做的过程中出现的问题。第二点体现在教学过程的设计与实施中，教学过程按照“项目驱动、任务分解、案例教学”的思路组织设计。以工作过程为主线，按照完成一个实际项目完整的流程组织教学过程，整个流程包括资讯、计划、决策、实施、检查、评估六大步骤，帮助学生认识问题，促使学生提出问题，引导学生解决问题，锻炼学生学习、思考、组织、分解、完成任务的能力。第三点体现在不但有学生的自评、互评和教师点评，而且与学校工学结合的工作室人员招聘评价结合。课例中作品展示评价环节的设计，为学生创造了勇于挑战自我、展示自我的机会，提供了锻炼社会能力（沟通交流和团队精神）的平台。
（作者单位：江苏省无锡市教育研究中心职社研究室）
文摘
工作过程导向下中职课程改革模式探析
所谓以工作过程为导向，主要包括三个相互联系的层面：第一，教学内容以工作过程知识为核心；第二，教学方式以情景教学为典型；第三，教学环境以真实职业环境为代表。根据以工作过程为导向的含义、特征和优势，在总结以往认识、经验和问题的基础上，研究者着重从五个方面探索中职课改的实践模式。
首先，要找准基本点，让课改服务于培养目标。其次，找准着眼点，确定课改的工作任务。在千头万绪的中职课改工作中，要将着眼点放在“一定、二转、三设”上。即“确定工作任务，转换学习领域，设计好教学情境”。第三，找准关注点，让课改适应主体需求。把课程改革放在就业背景下来考察，放在校企深层合作的视角下来考察，放在社会加快发展的大环境下来考察，关注学生，关注课程，关注教材，不断有新的视点、新的方式和新的机制。第四，找准整合点，让课改贴近教学实际。第五，找准支撑点，让课改拥有切实保障。实践表明，与课程系统相适应的实训基地、校企融合和师资团队是中职课改的三大支撑点，也是中职课改的关键点。
甲方：
乙方： 西安万驰网络科技有限公司
签订日期：年月日
甲、乙双方经友好协商一致，就乙方承担甲方进行网站制作等事宜达成以下合同。双方申明，双方都已理解并认可了本合同的所有内容，双方将严格履行本合同的各项条款，承担各自应的权利和义务。
一、项目内容
乙方负责为甲方设计制作：
1，制作周期： 如果甲方提供所有资料之后，乙方在工作日内完成。（如果甲方材料不全，最迟延长到年月）。
2，总金额： 3000 元(大写叁仟元整)。
3，作品质量要求：为甲方指定比赛或双方约定要求。
4、如果乙方未在年月完成作品，需全款退还给甲方。
二、双方的权利和义务
1、甲乙双方保证严格执行本协议约定的全部内容。如果在执行本协议过程中任何一方违反本协议的内容即视为违约，违约方须承担由此引起的一切法律和全部经济上的责任。
2、本协议并不改变甲乙双方原有的知识产权以及其它权利的所有权和使用权。
三、甲方的权利和义务
1、甲方必须在项目制作前，向乙方提供完整的有关制作方面的需求资料（包括描述需求的文字及声音，相关提案文档等），以协助乙方尽快完成甲方的制作项目。甲方保证对提供给乙方的声音、文本等电子文档的质量负责。
2、甲方自本协议书生效之日起付给乙方项目50%预付款，即___1500____元人民币（大写 壹仟伍佰元整）。
3、甲方在乙方按照制作要求完成 网站制作并验收合格后的三个工作日内，支付剩余50%项目制作费用，即_____1500____元人民币（大写 壹仟伍佰元整）。
四、乙方的权利和义务
1、乙方负责在协议时间内为甲方设计制作网站。
2、制作内容包括网站首页设计及相关素材页面的设计制作，乙方保证网站的制作质量达到双方协商的标准，即作品定义；乙方保证对提供给甲方的图片、文本等电子文档的质量负责。
3、乙方保证不超过协议授权范围使用甲方提供的全部资料。
五、违约责任
1、甲方的违约责任：
甲方必须在协议规定的时间内向乙方提供完整的资料，和按本协议的时间内向乙方预付设计费用。如果由于客户确认等各种因素导致时间延长，甲方有权和乙方重新确定完成项目的时
间。由于甲方原因造成乙方不能按时完成网站的设计或不能按时交付完整的网站项目成品时，乙方有权要求甲方在一个工作日内予以纠正，如甲方仍未能按期改正，乙方有权要求甲方支付违约金。
2、乙方的违约责任：
乙方必须在本协议规定的时间内完成甲方项目网站的设计制作。由于乙方原因造成网站不能按时使用，甲方有权要求乙方在一个工作日内予以完成，如乙方仍未能按期完成，甲方有权单方面解除本协议，乙方承担一切责任，甲方有权要求乙方支付违约金。
六、适用法律
1、本协议受国家和主管机关颁布的法律、法规及行业规则之约束。
2、本协议任何一方不得以不知有关法律、法规及业务规则而推诿根据这些法律、法规及业务规则应承担的责任和义务。
七、知识产权说明
1、该项目最终产生的网站的使用权和产权归甲方所有；
2、甲方保证所提供网站制作里的所有内容的合法性或具备相关发布权，并承担由此产生的一切法律及经济责任；
3、乙方必须做好项目保密工作，未经甲方许可，不得把该项目成果用于任何商业用途宣传；
4、乙方必须保证所制作的网站的所有体现乙方设计、造型成果的内容（包括但不限于设计的背景等图片等内容）的合法性或具备相关发布权，并承担由此产生的一切法律及经济责任；
第八条、其他（补充）：
第一条 双方应当严格保守在履行本合同过程中获知的对方商业秘密。本合同的终止、撤消、无效不应影响本条款约定的效力。
第二条 一方变更联系人、通讯地址或者联系方式的，应及时将变更后的联系人、通讯地址
或者联系方式通知另一方，否则变更方应对此造成的一切后果承担责任。
第三条 如果本合同任何条款根据现行法律被确定为无效或无法实施，本合同的其他所有条
款将继续有效。此种情况下，双方将以有效的约定替换该约定，且该有效约定应尽可能接近原约定和本合同相应的精神和宗旨。
第四条 本合同一式两份，双方各持一份，经双方签字盖章后生效。
甲方：乙方：
法人签字（盖章）：法人签字（盖章）：
联系人：联系人：
电话：电话：
地址：地址：
宣传语：如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。
二、开始制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是这样的。
三、将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
这是一种不太常用但往往很有效的简历。它强调你的资历与能力，并对你的专长和优势加以一定的分析和说明。工作技能与专长是功能型简历的核心内容。一份功能型简历一般包括目的、成绩、能力、工作经历以及学历等几部分。
适用范围：你的部分工作经历及技能与求职目的无关;你只想突出那些与应聘职务相关的内容;你是一个应届毕业生、退伍军人或者你正想改行;你的工作经历有中断，或存在特殊问题。
2、【目的型】
简历也可以完全根据求职目的来安排。这样的简历模板，会着重突出“求职意向”“职业技能”“工作经验”三大板块，针对性非常强。
适用范围：目的型简历一般适用于特定职业的求职，对工作在特定领域的求职者较为有用，如教师、电脑工程师、律师等。
3、【复合型】
该型简历是时间型和功能型的结合运用。你可以按时间顺序列举个人信息，同时刻意突出你的成绩与优势。一份复合型简历一般包括目的、概况、成绩、经历和学历等部分。
适用范围：你是一个应届毕业生、退伍军人或者你正想改行;你曾有过事业的颠峰;你既想突出成就与能力，又想突出你的个人经历。
4、【时序型】
这是最普通也是最直接的简历类型，即从你最近的经历开始，逆着时间顺序逐条列举个人信息。这种简历清晰、简洁，便于阅者阅读。
关键词：电子商务,电子商务网站,商业活动,制作流程
0 引言
电子商务是指全球各地广泛的商业贸易活动中, 在因特网开放的网络环境下, 买卖双方基于浏览器/服务器的应用方式进行各种商贸活动, 从而实现商务活动、交易活动、金融活动和相关综合服务活动的一种新型的商业运营模式[1]。随着网络技术、通信技术和信息技术的迅猛发展, 基于互联网的电子商务活动越来越深入人们的生活中, 虚拟企业、虚拟银行、网络营销、网络支付、网络广告等新词汇为人们所熟知[2]。人们可以通过浏览网络商城购买各种所需用品, 利用网络进行贷款结算服务, 政府通过网络可以进行电子招标、政府采购等。
电子商务网站是指企业、机构或公司在Internet上建立的站点, 其目的是为了宣传企业形象、发布产品信息、进行商务交易、提供商业服务等。电子商务网站作为电子商务系统运行的主要承担者和体现者, 是网上的“虚拟公司”或“虚拟工厂”。电子商务网站的设计、规划与管理是电子商务实施运作过程中持续不断的基础工作, 网站质量直接影响着电子商务交易的进行。
1 电子商务网站基本构架
电子商务网站一般由一系列网页和具有商业功能的软件系统和后台数据库等组成, 前台网页由主网页、公司介绍、产品或服务页面、新闻页面、广告宣传页面、访问者反馈页面等众多网页构成, 可以接受客户的浏览、登记和注册, 后台数据库可记录客户的有关资料[3]。
图1为典型的电子商务网站组成, 因为电子商务网站对系统安全、运行速度、运行效率等要求颇高, 因此需要提供多种接入方式, 以满足访问者的要求。软件系统信息平台、信用平台、结算平台等各模块的分配满足了商品展示、购物、支付、安全防护等功能, 通过前后台系统的链接实现, 消费者能够及时获得企业所需展示的信息, 企业也能够及时接受消费者的反馈信息, 从而对该网站进行实时改进。数据库服务器是电子商务的基石, 合理的数据库操作权限可以满足一定的数据安全要求。
目前, 电子商务分为企业与消费者之间 (B2C) 、企业之间 (B2B) 、消费者之间 (C2C) 、企业与政府之间 (B2G) 等。其中, B2C模式是我国最早产生的电子商务模式, 即企业通过电子互联网为消费者提供一个新型的购物环境———网上商店。图2为天猫TMALL主页, 它整合数千家品牌商、生产商, 为商家和消费者之间提供一站式解决方案。这种形式的电子商务网站, 商家不需要构建自己的网络基础设施, 只要在网络多媒体平台上租用“虚拟空间”, 就能拥有自己的网站运行平台。因此, 在构建电子商务网站时, 只需要考虑网站软件结构和网页设计, 以及数据库系统的选择和开发。
2 电子商务网站设计原则
电子商务网站既要处理企业与企业之间、企业与消费者之间大量复杂而繁琐的数据, 又要保证数据和信息传输的安全性, 与普通网站相比, 对数据的处理和传输有较高要求。其建设不但涉及到计算机技术、数据库技术、网络技术, 还涉及到通信技术和多媒体技术, 同时也涵盖了市场、营销、管理、商务策划等各方面的内容[4]。如果电子商务网站设计得成功, 将非常有利于企业自身的宣传和市场经营。因此, 为了保证电子商务网站的成功, 需要使系统满足以下原则:
(1) 定位准确。电子商务网站站点的设计是企业、公司和机构发展战略的重要组成部分。要将企业站点作为因特网这个新媒体上展示企业形象、企业文化的信息空间, 首先要明确站点设计的目的和用户需求, 挑选与锤炼企业的关键信息, 了解所设计网站的受众群体, 并对他们的基本情况有所了解, 如受教育程度、收入情况、整体消费趋向等, 这样才能做到有的放矢[5]。利用一个逻辑结构将其有序地组织起来, 开发一个网页设计原型, 并逐步精炼该原型, 形成创意。
(2) 系统安全可靠。电子商务网站可以使得企业与客户之间、企业与企业之间完成相关交易。但是随着网络技术的不断发展, 网站的开放性决定了其可能会遭到一些别有用心的黑客的窃取, 导致业务中断, 也有可能会受到一些网络病毒如特洛伊木马程序等的攻击从而对网站造成损害, 因此, 网站的安全防护问题越来越重要。另外, 网站自身要能保证系统在任何情况下都能保证数据的完整性、正确性、经济性、可扩展性和可恢复性。因此, 在网站设计之初要采取一定的措施, 保证其安全可靠性。
(3) 网页版面设计合理。一个美观、实用的网页直接影响网站的质量和效果, 因此, 网页设计要讲究编排和布局。这要求设计者要突出主题、统一规划、统一风格, 通过文字、图形、动画和视频等的组合, 根据设计的内容制作出和谐优美的网页版面, 使得用户在愉悦的视觉感受中进入网络商务世界, 并能在较短的时间内获得尽可能多的商务信息。另外, 网页的导航设计、交互设计都要一目了然, 并且容易操作。
3 电子商务网站制作流程
电子商务网站的建立和其它网站的建立过程基本相同, 一般来讲, 电子商务网站的设计主要包括网站规划、域名注册、网站设计与开发、网站测试推广及维护。
3.1 网站规划与分析
在网站设计初期明确网站构建的目的与意义, 分析能够开展的业务。电子商务分为开展B2B交易、开展B2C交易、开展拍卖业务、开展企业形象创建、作为服务性网站等。摸清网站的目标市场和目标客户, 并确定网站设计的思想基础。
3.2 域名注册
域名是企业接入互联网的名称, 它是每个网络用户IP地址的别名, 是一个公司或企业的网络地址。每个接入Internet的用户都应有唯一与其对应的域名, 以便别人能够访问, 好的域名容易记忆并和网站内容密切联系, 如Microsoft公司的域名www.microsoft.com、百度的域名www.baidu.com。通过登录中国互联网络信息中心网站 (www.cnnic.net.cn) 就能够了解注册、变更、注销域名的方法, 目前很多网站也受理“域名”注册服务。
3.3 网站设计与开发
网站设计与开发主要分为主页设计、功能设计和数据库设计。在制作主页前要考虑到网站的风格和主要实现功能, 从内容上将网站分为几个栏目板块, 根据企业特点进行设计制作, 注意颜色字体的协调搭配, 使得设计出的网页简洁明快、吸引人。功能模块主要包括基础设计模块、商品管理模块、订单管理模块、活动管理模块、内容管理模块等, 基础设计模块能够让管理员登陆后台系统, 对网站进行修改与维护。商品管理、订单管理、内容管理模块和应用管理模块用于实现商家与消费者的交互, 如商品发布、订单支付、评价管理等[6]。
电子商务是以数据库技术和网络技术为支撑, 其中数据库技术是核心。一个商务站点后台必须有强大的数据库支撑, 数据库要能够科学地组织和存储数据, 并有效地获取和维护数据, 当前比较流行的数据库有SQL Server、Oracle、MySQL、Access等[2]。数据库设计讲究命名规范、数据的一致性和完整性、索引的唯一性等, 图3为商务数据库设计总体结构。
3.4 网站测试与发布
网站测试是网站制作好后检查网页的必要手段之一, 在网站制作完成后通过在多个浏览器内测试结果与设计方案是否吻合, 验证链接并评估文件的下载速度, 以便及时发现问题并对不满意的地方进行修改。测试修改后的网站发布到Internet服务器上, 如果公司有足够的经济实力和技术实力, 可以选择购买自己的服务器, 但是对其维护需要耗费大量的时间和金钱。这样发布时只需要直接把做好的网页包括CGI、ASP、JSP或者PHP程序发到WWW路径下, 也可以选择虚拟主机服务, 这样不需要自己维护, 还可以获得服务商提供的额外服务。在发布时ISP会提供一个地址和账号、密码, 使用FTP软件将网页上传即完成网站的发布。
3.5 网站推广与维护
电子商务网站发布后, 其推广工作是面向市场的关键一步, 通过各种有效的手段如搜索引擎、购买广告位置、广告交换、友情链接、BBS、微博、传统媒体等方式提高网站知名度和网站访问量, 从而达到宣传商品的目的。
为了保持站点的吸引力和长久的生命力, 使网站逐渐壮大且访问量增多, 就要对其进行及时维护, 及时添加新的内容, 同时通过用户的反馈和建议及时改进网站, 经常检查网站的运行情况, 并修正网站错误。
4 结语
电子商务是未来商务交易的主要方式, 电子商务网站则是交易进行的承担者, 是企业开展电子商务活动的基础设施和信息平台, 人们通过网站获得所需要的信息并进行网上交易活动, 网站设计质量直接影响着商务活动的进行。明确网站设计的基本原则后, 对网站进行详细规划与分析, 以及合理设计与开发, 并对网站进行调试与发布, 定时监测网站, 保证服务器的正常工作和网络数据的及时更新, 从而推进电子商务活动的正常运行。
参考文献
[1]司占军, 顾翀.数字出版[M].北京:中国轻工业出版社, 2013.
[2]韩茜.专业文学网站研究[D].石家庄:河北大学, 2011.
[3]于樊鹏, 王艳平, 沈宏, 等.电子商务基础教程[M].北京:清华大学出版社, 2009.
[4]吕春生, 张俊峰.电子商务网站的设计与推广[J].农业网络信息, 2006 (2) .
[5]徐赛华.电子商务网站的设计制作原则[J].科技创新导报, 2009 (5) .
关键字：Flash技术；学习地图；网站设计
中国分类号：G218.7
1.引言
Flash动画操作简单、功能强大，占用存储空间小，交互性优势明显，可以很好地满足不同用户的需要，目前flash已经具备了后端开发和数据显示的能力，完全可以胜任中小型网站的开发。为了改进教学方法，提高学生的创新思维能力和动手能力，实现资源共享，结合教学实际，师生一起探讨，运用flash技术共同创建了课程网站，该课程网站作为传统教学的补充，大大提高了学习者兴趣和参与积极性，促进了课堂知识的有效迁移。
2.Flash课程网站的设计思路
为了满足学习者的个性化需求，网站分为“基本课程”和“定制课程”两个模块，即网站片头设置两个入口，学习者可以按需选择，基本模块设计依照传统课程设计模式，按照教学目标和知识体系，并列呈现知识内容，网站主界面包含基础知识、技能训练、课程录像、教学资源、案例集锦、讨论交流、作业与答疑等模块；“定制模块”以行业应用为导向，划分不同的案例分区，每个分区包含案例展示、资源下载（、学习地图、在线任务、论坛等模块。所选案例尽可能做到覆盖全面，特色鲜明，代表性强，学习地图包含flash几乎全部的基础知识和操作技能，并与基本课程模块进行关联，提供学习路径，便于学习者举一反三、融会贯通。
3.Flash课程学习地图设计
3.1 Flash课程知识模块设计
Flash课程知识分为三个部分：基础知识、技能训练和行业应用。基础知识包含“工作界面和功能”、“图形绘制与编辑”、“文本应用”、“素材与元件”、“帧、图层与场景应用”、“基本动画制作”、“ActionScript脚本”和“组件应用”；技能训练包含“逐帧动画”和“补间动画”、“引导动画与遮罩动画”、“时间轴特效和滤镜动画”、“脚本动画”和“交互組件”；行业应用包含“商业游戏”、“产品广告”、“网站片头”和“MTV动画”。
3.2 基于MindMap的学习路径绘制
MindMap是表达发射性思维的有效的图形思维工具，思维导图能够充分运用左右脑的机能，利用记忆、阅读、思维的规律，根据不同的学习需求，汇总所有的学习内容，用生动的图画、动画或多媒体等形式勾勒出上行知识和下行知识，形成知识的网状结构，有助于学习者发散性思维和知识的有效迁移。
学习路径的起始点为定制课程中的案例，案例中所涉及的知识技能等都会关联到基本课程模块中的知识资源。从而把整个知识资源通过路径串联成知识网络，指导学生有目的地进行学习。下面以“产品广告”模块中的”M族人”品牌广告为例说明学习地图的绘制。“M族人”制作思路为（1）制作动态背景，关联知识点为“基本课程”模块中的场景切换、逐帧动画和补间动画；（2）制作影片剪辑，关联知识点为元件、矩形绘制工具、线条工具和颜色模式；（3）制作文字动画，关联知识点为滤镜效果和时间轴动画；（4）制作图形元件，关联遮罩动画知识点；（5）为广告添加背景音乐和音效，关联素材导入知识点。
3.3 flash课程网站中学习地图的实现
学习地图的设计主要运用到flash中的ActionScript3.0，该脚本是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似JavaScript，多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA应用程序开发。直观易理解，运用简单的“停止语句（stop）”、“跳转语句（goto、nextFrame、prevFrame）”、“条件语句（if、else、else if）”、“超链接语句（getURL）”和“循环语句（while、do while、for）”便可完成学习地图中几乎全部的跳转与链接。
4.高职flash课程网站实现与应用
4.1 高职flash课程网站的建设流程
（1）脚本设计阶段，先在word表格中进行，对每一帧进行编号，设计画面，注释画面声音（背景音乐、旁白、讲解语音）、跳转以及效果。由于学习地图是一个动态完善的过程，所以在写跳转脚本的时候尽量考虑到日后的改进，尽量描述相对地址。
（2）Graphic Design平面设计阶段，即元件、场景绘制、文字输入，对于网站片头动画、课件界面、习题界面、考试界面、论坛界面设计等，融入到课堂案例中去，让学生集思广益，挑选出最合适的作品运用到网站当中去。
（3）Flash Design动画制作阶段，录制声音、导入素材，写脚本，然后进行测试与发布，最后完成整个flash网站的制作。
4.2应用效果
由于课程网站是在教师指导下，学生小组协作共同完成的，所以网站形成之初，学生就积极地上传各种优秀的课程资源以及展示自己的作品，在论坛中积极交流心得体会，网站设计过程中有些很好的idea一时不知道该如何通过flash技术实现的，学生们课下会积极讨论，主动查阅书籍或是上网搜索信息，一个个攻克技术难关，在这个过程当中，网站不断完善，学生对flash基础知识的理解更加系统全面，创作出了很多优秀的作品。
5.小结
基于flash技术设计课程网站，教师和学生可以参与到课程网站设计全过程，很好地兼顾平台的人性化、个性化设计。创新性地将学习地图的概念引入课程网站，学生随机进入学习模块，便可完成所有知识节点的系统学习，是该课程网站的一大优势。由于学习地图的绘制是一个长期的不断更新完善的过程，所以课程网站有待于进一步改进和完善。
参考文献：
[1] 宋玉霞.柴华等.Flash CS3动画制作[M].机械工业出版社.2008
[2]高志清.Flash网站制作创意与表现[M].水利水电出版社.2005
【个人网站制作】推荐阅读：
网站制作论文09-26
网站制作合同10-18
企业网站制作协议07-02
微信网站制作合同06-01
网站主页制作合同书11-04
《网页制作与网站管理》培训总结05-24
网站制作工作室计划书06-02
网站规划设计制作合同书06-12
平面网站制作专业学生的自我评价09-15
网站设计与网页制作的基本知识判断题06-17
