网页制作论文--个人网站设计

2024-09-14

网页制作论文--个人网站设计（共11篇）

1.网页制作论文--个人网站设计篇一

网页设计制作个人简历模板

目前所在：湛江年龄： 31

户口所在：湛江国籍：中国

婚姻状况：未婚民族：汉族

培训认证：未参加身高： 166 cm

诚信徽章：未申请体重： 50 kg

人才测评：未测评

我的特长：

求职意向

人才类型：普通求职

应聘职位：网页设计/制作/美工：网页设计，网站编辑：，电脑操作员/打字员：

工作年限： 2 职称：无职称

求职类型：兼职可到职日期：随时

月薪要求：面议希望工作地区：广州,深圳,中山

工作经历

教育背景

毕业院校：广东农工商职业技术学院

最高学历：大专获得学位: 毕业日期： -07-01

专业一：计算机维护专业二：普师

起始年月终止年月学校(机构) 所学专业获得证书证书编号

语言能力

外语：英语一般粤语水平：优秀

其它外语能力：

国语水平：精通

工作能力及其他专长

熟悉电脑组装，对硬件安装及维护有丰富的经验

熟悉WINDOWS操作系统，曾在宿舍组建过局域网

熟悉软件安装及维护，对常用软件运用自如

五笔输入法熟练，能达到90字/分钟

对在校课目C++、VB、JAVA学得比较好，有扎实基础，会编程

有丰富的网络管理经验及网站架设经验。。站点：

详细个人自传

本人在校三年学习中，注重理论和实践相结合、有着较强的理论基础和实践经验，上进心强，有较强的.自学能力，能独立解快问题，能较快地适应新的环境，有较强的责任心和团体合作精神,对新事物有较强的接受能力和实际动手能力,做事有毅力和耐心,不达目的不轻言放弃.在班里担任团支书工作，工作认真负责，组织能力强，善于交际，每个学期都被评为优秀团员。本人于学校维修小组工作，平时在宿舍帮同学修理电脑，积累了不少软硬件的维修经验。在校期间获得了全国计算机信息高新技术因特网应用模块操作员级(国家职业资格四级)、计算机安全普及的证书。在校三年课程包括C、C++、VB、JAVA、网页制作、计算机组装与硬件、操作系统等。

2.网页制作论文--个人网站设计篇二

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络, 它的传输内容是非常丰富的, 涉及到全球的各个领域, 是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口, 是院务公开、公正、服务职工、惠及民生的重要手段。办好网站, 对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分, 是构成网站传达信息不可或缺的手段, 同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站, 只有多为用户着想, 认真地以用户的切身体会出发去完成网站的整体设计。当然, 在设计过程中需要考虑的因素很多, 用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多, 而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说, 初学者最常使用是Frontpage和Dreamweaver, Frontpage是微软公司出品的一款网页制作入门级软件, Front Page使用方便简单, 会用Word就能做网页, 所见即所得是其特点, 该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器, 利用它可以轻而易举地制作出充满动感的网页。此外, 制作网站还要用到边缘性软件, 如photoshop、flash等, 网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后, 就要为这个网站选择内容了。网页内容影响着网站的成败, 所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的, 这些可以从图书、报纸、互联网等信息媒介搜集素材, 素材通常分为三类一一文字、图片、影像。素材准备得越多越好, 再从这些素材中粗中取细, 以备制作网站时可以随时拿来使用。总之, 网页内容是网站的根本, 如果内容空洞, 页面制作的再怎么精美, 仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果, 反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击, 所以确定网页的色彩是相当重要的一步。在网页的色彩设计上, 除了要表现心理和感情联想之外, 还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值, 使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作, 切不可图快, 没考虑清楚就下手只会让后面的修改工作更辛苦, 首先要制作主页, 把主页上的页面的编排、色彩的搭配、链接的方式都设计好后, 再以它为基础, 通过变更文字和图片等内容建立其它子页, 可以利用模板批量创建子页, 使用模板的好处是一一同一个模板创建下的网页, 对它的更新和修改可以一次性完成。这样可以大大提高制作效率, 使网站形成统一的风格。

⑵特效制作网页时, 能尽量用javascript替代的就不要使用java, java会使网页速度减慢, 在加入诸如声音、动态网页等小技巧时, 最好也不要太多, 这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本, 可以让浏览者看到众多的图片。但是, 在展示缩略图时, 切记不能将缩略图做得太小, 因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的, 色彩鲜艳高分辨率的用JPg, 图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k, 小图片 (1OOx40) 一般可以控制在6k以内, 较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢, 在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片, 是否需要等待, 是否可以点击。

5 结语

网站的设计与制作谈起来很简单, 但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践, 不断的学习, 不断的丰富、创新网页制作的方法, 不断完善、提高自己网站设计的能力。

摘要：网络作为当前信息化时代最大的信息传播平台, 越来越多的商家和个人开始重视建立自己的网站, 面对新的形势, 经过深入研究、积极探索, 大胆实践, 在各项工作的基础上, 充分运用网络技术这一现阶段科技手段, 拟筹备建立网, 并以网站为载体积极开展工作, 为工作增添了新技术。本文结合在网站设计方面的经验谈一下网站设计与制作的流程。

关键词：网站,设计分析,制作

参考文献

[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010 (1) .

[2]辛旭武, 李韶斌.基于PHP的体检网站设计[J].中国卫生信息管理杂志, 2012, (02) :62-64.

3.个人名片设计与制作篇三

名称：个人名片设计与制作

教学时数：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软件中钢笔工具、形状工具、油漆桶工具灵活运用的技巧，训练学生的表达与沟通能力。对课程标准的理解准确到位，教学过程中选择的教学方法与手段能起到提高学生技术素养的作用。

本课例最突出的特点在于三处：一是情境导学，二是做学结合，三是评价多元。具体来说，第一点体现在课例的教学项目来源于学校工作室的真实案例——毕业生名片设计。这是一个导引项目，定位于“我教——你学”，主要用于教师教学示范和学生技术体验，是“边学边做”的教学过程；二是结合学生职业生涯规划，设计自己的个人名片。这是一个训练项目，定位于“你做——我导”，主要用于训练学生操作能力，以学生自己动手做为主，教师的作用是解决学生在做的过程中出现的问题。第二点体现在教学过程的设计与实施中，教学过程按照“项目驱动、任务分解、案例教学”的思路组织设计。以工作过程为主线，按照完成一个实际项目完整的流程组织教学过程，整个流程包括资讯、计划、决策、实施、检查、评估六大步骤，帮助学生认识问题，促使学生提出问题，引导学生解决问题，锻炼学生学习、思考、组织、分解、完成任务的能力。第三点体现在不但有学生的自评、互评和教师点评，而且与学校工学结合的工作室人员招聘评价结合。课例中作品展示评价环节的设计，为学生创造了勇于挑战自我、展示自我的机会，提供了锻炼社会能力（沟通交流和团队精神）的平台。

（作者单位：江苏省无锡市教育研究中心职社研究室）

文摘

工作过程导向下中职课程改革模式探析

所谓以工作过程为导向，主要包括三个相互联系的层面：第一，教学内容以工作过程知识为核心；第二，教学方式以情景教学为典型；第三，教学环境以真实职业环境为代表。根据以工作过程为导向的含义、特征和优势，在总结以往认识、经验和问题的基础上，研究者着重从五个方面探索中职课改的实践模式。

首先，要找准基本点，让课改服务于培养目标。其次，找准着眼点，确定课改的工作任务。在千头万绪的中职课改工作中，要将着眼点放在“一定、二转、三设”上。即“确定工作任务，转换学习领域，设计好教学情境”。第三，找准关注点，让课改适应主体需求。把课程改革放在就业背景下来考察，放在校企深层合作的视角下来考察，放在社会加快发展的大环境下来考察，关注学生，关注课程，关注教材，不断有新的视点、新的方式和新的机制。第四，找准整合点，让课改贴近教学实际。第五，找准支撑点，让课改拥有切实保障。实践表明，与课程系统相适应的实训基地、校企融合和师资团队是中职课改的三大支撑点，也是中职课改的关键点。

4.个人网页设计(论文) 篇四

毕业设计（论文）

个人网页设计

年级: _ 2009级___ _ 学号: _ 0******17 _ 姓名: __ _****_____ 专业: 网络数字媒体 _ 指导老师: __ ****__ __

二零一一年十二月炎黄职业技术学院信息工程系毕业设计（论文）

摘要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用CSS样式表作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、用于编辑HTML语言的软件进行了详细的介绍。

本论文主要章节如下，炎黄职业技术学院信息工程系毕业设计（论文）

炎黄职业技术学院信息工程系毕业设计（论文）

1、是一种脚本编写语言

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。

它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

总之，JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端(client)的应用程式所处理。

炎黄职业技术学院信息工程系毕业设计（论文）

JavaScript 和 Java 很类似，但到底并不一样！Java 是一种比 JavaScript 更复杂许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。

2.3 CSS样式表

级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

CSS目前最新版本为CSS2,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示的最优秀的表现设计语言。

在网页上使用样式表有三种方法可以在站点网页上使用样式表：

将网页链接到外部样式表。

在网页上创建嵌入的样式表。

应用内嵌样式到各个网页元素。

当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css 做为文件扩展名，例如 Mystyles.css。

当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。

使用内嵌样式以应用级联样式表属性到网页元素上。

如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

炎黄职业技术学院信息工程系毕业设计（论文）

图2-2 随笔

相册效果图2-3如下：

图2-3 相册

音乐效果图2-4如下：

图2-4 音乐

关于我效果图2-5如下：

炎黄职业技术学院信息工程系毕业设计（论文）

图2-5 关于我

3.2 网站主题

本网站是一个简单的个人网站设计，以动漫为主题，主要包括了本人的自我介绍、比较喜爱的动漫作品以及平时的娱乐等。

3.3 网站风格

1.本网站主要体现了清新自然的风格，以简洁为主。2.网站的主色调为绿和白，充分衬托清新自然的风格。

炎黄职业技术学院信息工程系毕业设计（论文）

(1)执行“插入”—“新建元件”命令，创建一个名称为“拉伸的叶片”的影片剪辑元件。

(2)选择矩形工具，设置填充颜色，在舞台上绘制一个无描边举行，在属性面板中设置宽和高。

(3)选择矩形，将其转换成“名称”为“叶片”的图形元件。(4)选择

onmouseout=“makevisible(this,1)”

onmouseout=“makevisible(this,1)” 炎黄职业技术学院信息工程系毕业设计（论文）

2.输入文字，制作超链接。

4.6 xiangce4.html页面的制作

1.制作图库页面。

(1)新建一个网页文档，建立图库页面的基本布局。

(2)将光标定位在页面左侧的炎黄职业技术学院信息工程系毕业设计（论文）“1”，单击[确定]按钮回到行为面板，将此行为事件改为“onclick”。

(2)用同样的方法，给另外3张图像添加同样的行为，将炎黄职业技术学院信息工程系毕业设计（论文）

致

谢

本论文历时两个多月，我系统综合地将我所学的知识运用于毕业设计的全过程。在完成毕业设计中，首先我要感谢我的指导教师****老师。*老师耐心细致地指导我毕业设计，提出了很多精辟而富有建设性的建议。*老师认真负责的工作态度，严谨的治学态度都给我留下了深刻的印象，在学习上给予了我极大的关心和帮助，在此表示衷心感谢！

同时，感谢炎黄职业技术学院为我提供了一个良好的学习环境，感谢学院的领导和老师们！他们无微不至的关怀、精心的培养使我到了很多的知识，终生受益！

炎黄职业技术学院信息工程系毕业设计（论文）

参考文献

5.网页制作论文--个人网站设计篇五

3、网页中滚动文本框常用来输入内容较多的文本，如用户意见、个人建议等。

4、指向书签的超链接，会在目标URL之前附加上+号。

5、单行文本框可以限定文本框输入的字符数，滚动文本框则无法限定，

6、当一个生产规模大、产品多样化的公司的某种产品有非常独特的个性，并拥有了相对较大的市场忠诚度时，最好采用分散域名策略。

7、网页设计时首先要考虑网页的美观性。

8、网站的维护费用不属于网站投资应考虑的范畴。

9、FrontPage提供了日期与时间的设置，可以让浏览者看到更改网页的时间与日期。

10、在HTML的文件中，无论你在文字或标记之间按下多少个空格，在浏览器中都只会显示一个空格。

6.网页制作论文--个人网站设计篇六

笔者在分析学术教研文献的基础上[1,2,3],结合自身的教学经验,发现目前网站设计与网页制作课程仍旧以Dreamweaver+IIS+Access为技术平台构建ASP动态网页。学生通过学习虽然能够掌握基本的网站设计,但与当今网站网页设计实践相去甚远,使得电子商务学生毕业后不能很快适应网站设计工作。因此,笔者结合最新的网站网页开发技术,即对前台网页制作采用Dreamweaver+Flash+Photoshop,对后台网站开发采用PHP+SQL数据库的技术平台,对原有的教学内容进行改革。在教学方法上采用项目教学法,培养学生的实际动手能力。

1 教学内容改革

网站设计网页制作课程不仅要求学生掌握网站框架搭建的方法,而且对网页界面的艺术性设计也提出了要求。网页界面艺术性设计的要素包括色彩、布局、构图等,这些要素设计是否合理在很大程度上决定了网站是否能够吸引并留住用户。因此有必要加强电子商务专业学生在网页界面艺术性设计方面的能力,改革原有的教学内容,包括以下几点:

(1)使用Photoshop编辑网页图像。Adobe公司开发的Photoshop软件是目前图像处理领域使用最多的一款软件,是集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件。Photoshop的版本由最初的仅能实现色彩平衡、饱和度调整等简单功能的1.0升级为可以创建和编辑3D动画的CS5。将Photoshop应用到网页界面设计中已是行业里最常见的手段和方法。对电子商务专业的本科生来说需要掌握的理论与实践知识有:

(1)Photoshop的基本知识,包括常用菜单命令、图层、通道、路径、文件模式等概念。(2)Photoshop工具使用方法,如工作区的操作、图像分区、绘图工具、文字设计器、图层面板、图像修补工具等。(3)使用Photoshop制作网页实例,如制作电子商务交易网站、企业信息发布网站或者社交网站等。

(2)使用Flash创建动态交互式网站。Flash原是Macromedia公司旗下产品,现被Adobe公司收购,是一款制作二维矢量动画的软件。最新版本为Adobe Flash Professional CS5.5。Flash被大量应用于网页的矢量动画设计,因为使用向量运算方式,产生出来的Flash影片占用存储空间较小。目前,使用Flash建立全Flash站点成为业内流行的网站创建方法。本课程采用项目教学法,即以完成多种不同主题风格网站项目为主线,学习使用Flash工具创建网站,其中包括以下内容:

①网站项目的策划与制作;②社区网站项目;③广告网站项目;④信息网站项目;⑤购物网站项目;⑥旅行网站项目。

使学生掌握使用Flash制作HTML文件,应用CSS,制作导航栏、弹出式菜单,动画、文本、图像切片以及多种动画效果制作等能力。

(3)使用Dreamweaver+PHP+SQL构建网站后台。Dreamweaver的操作有建立PHP站点、数据库的连接、使用服务器行为等;PHP平台搭建包括Apache,PHP,My SQL的安装;PHPAdmin的安装与使用;My SQL数据库的创建、修改、删除等操作。

2 教学方法改革

改革原有的“教师讲,学生听”教学方式,采用“以学生为主导,教师为辅导”,围绕项目开展网站设计学习的方式,即采用项目教学法。所谓项目教学法是指将整个学习过程分解为一个个具体的项目或事件,设计出项目教学方案,不仅传授给学生理论知识和操作技能,更重要的是培养他们的专业能力。将该方法应用于网页设计课程的教学中,主要是指结合教学要点,给定学生网站设计的要求,让学生独立完成网站设计与制作的任务,具体体现在以下几个方面:

(1)介绍网站设计成功案例。为了使学生形成一定的网站设计构想,有必要将目前国内外在设计方面有创意的网站展示给学生,如匡威、立顿茶饮、开心网等。通过这些网站使学生了解现在较流行的网站设计风格、设计思路及设计手段。

(2)理论教学围绕项目展开。每节课设定一个网站制作项目,如Dreamweaver站点建立、Photoshop图层的使用、Flash与ASP技术的结合等,并给学生讲解每个项目的设计目标、预达到的效果、设计思路和制作的具体步骤。以课堂演示操作为手段,边讲解边操作演示,进而使学生有感性上的认识与体会。

(3)上机实验课要求学生模拟完成课堂讲解的项目。该课程有1/3的学时是安排学生上机操作,这是实现项目教学法的必备条件,即在理论学习的同时安排学生上机操作,将课堂上教师完成的项目由学生自己上机实现,由易到难,引起学生的兴趣并锻炼其制作网站的动手能力。

(4)课程考核以大作业形式实现。改变原来闭卷笔试的考核形式,要求学生在课程结束后独立形成一个完整的网站,主题自拟,使用Dreamweaver,Photoshop和Flash等网站制作工具实现至少80%课上讲解的项目功能。对使用课外的工具和手段使得网站更生动的学生可加分,即鼓励学生自己摸索和创新网站制作方法。最终成绩的评定依据网站使用工具先进性、主题的新颖性、界面设计的艺术性和实现功能的完善性四个方面来评分。本课程最后的综合成绩评定除了依据上述大作业完成情况,还依据平时上课情况和上机实验完成情况,其比例分别为60%,10%和30%。

(5)利用学生业余时间创办网站设计大赛。组织学生组成团队共同设计制作网站,在条件允许的情况下将网站发布于互联网上,发动全校师生上网访问参赛作品并评分。根据访问者的评分得出大赛一、二、三等奖,并给予奖励。

3 结束语

综上所述,电子商务专业的网站设计与网页制作课程必须与时俱进,使用先进的设计制作工具,使学生接触最新的网站设计方法,即采用Dramweaver+Flash+Photoshop的组合,使学生学习制作的网站能跟上时代发展步伐。

在教学方式上采用项目教学法,围绕具体的网站设计与制作项目展开教学与实践,锻炼了学生的动手能力而且也让其了解了制作网站的流程与步骤,从而大大提高了学生的专业素质和就业能力。

摘要：网站设计与网页制作是电子商务专业必修的一门基础课程。该课程仍旧停留在动态ASP网站的理论与实践教学阶段,与当今最新的网站开发技术严重脱节。针对以上问题提出了利用Dreamweaver,Photoshop,Flash及PHP开发网站的教学内容改革研究与实践方案。

关键词：网站设计与网页制作,Photoshop,Flash,PHP,教学改革

参考文献

[1]贾珺.网页设计与制作课程体系建设与教学实践改革[J].现代计算机,2010,6:72-75.

[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品,2010,24:239.

7.应用ASP技术进行个人网页设计篇七

关键词 FrontPage Access 个人网页设计

中图分类号： TP311 文献标识码：A

1 引言

随着计算机技术的发展、计算机使用的普及，个人网页目前已经受到越来越多用户的关注。由于个人网页设计的好坏直接影响着宣传的效果，因此，图、文、声、像并茂的动态网页成了目前个人网页的发展方向。要想设计出美观大方、生动有趣的个人网页，必须在新的技术条件下服从技术的需要，把握整体，统筹安排，从而获得最佳的浏览效果。首先采用FrontPage制作出网页界面，接着用ASP和ACCSEE数据库结合制作完成动态网页。

2 个人网页设计原则及工具

一个好的个人网页设计，应该具有设计方案主题鲜明、网站导航清晰、网页风格统一、页面内容新颖等特点。设计主页首先要选择合适的工具软件， FrontPage 是微软出品的网页编辑软件，也是 Office 系列软件的组成部分，用FrontPage 制作的网页在 IE 浏览器中的效果也特别好。ASP（Active Server Pages）是一种服务器端编写环境，可以用来创建和运行动态网页或Web应用程序。ASP页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容，也可以创建使用HTML网页作为用户界面的Web应用程序。它是一套服务器端的命令（Script）开发环境。它利用了特殊的符号（<% 和% >）来区分HTML与必须经过服务器翻译才送往客户端的命令，如此组合成一个动态并能存取服务器端数据库的网页。

3 用Frontpage和ASP设计个人网页

3.1 ASP技术原理

网页的制作经历了从静态的文件到动态的展现过程，而网络应用系统的开发除了要求动态、稳定与执行效率之外，与数据库的结合更是不可缺少的。使用ASP不僅意味着可以读取MS SQL Server的数据库，同时也意味着可以读取其它ODC （Open Database Connect）兼容的数据库。ADO（ActiveX Data Object）是一项数据库访问技术，它提供了网页开发人员实时存取教据库的能力。在数据库的应用中，使用ADO编写的应用程序可以存取在 lnternet上任何地方的资源，因此使用起来十分便利。

3.2 动态网页的设计和实现

我们以首页为例，说明用Frontpage制作网页的基本方法。在设计首页时，用Frontpage新建网页，居中插入4行1列800宽度的表格，把第3行拆分成两列，首页框架就完成了。该部分操作见图1所示。

然后根据页面需要插入相应的文字及背景图片即可完成。当静态页面设计成功后，就需要在页面中插入动态内容，比如导航栏，文章列表等。这是就用到了Asp语言访问数据库。

要读写数据库，网页首先得和相应的数据库进行连接，只有连接成功才能读写数据库。连接数据库时候用Connection方法建立连接，并且打开连接。

在网页制作时往往把上面程序作为一个单独的asp文件，一般命名conn.asp。其他页面涉及到读写数据库时往往用语句<！--#include file="conn.asp" -->把这个页面包含进去。当页面完成时，为了释放数据库占用的资源要用下面程序关闭连接。

我们以首页我的日志栏目为例说明如何实现数据绑定及循环。前台页面显示的动态内容是读取数据库来完成的。

4 结论

随着网络的价值和优势被人们不断发现和认可，越来越多的人选择用互联网掌握知识、查找信息、交流情感、娱乐游戏和自由交易等。因此，能够实现页面动态功能的ASP技术成为了网站爱好者关注的焦点。随着人们对ASP认识的进一步深人，ASP必将逐步成为设计个人网页技术的首选。本次研究基于ASP技术分析了个人动态网页的设计和实现，对于进一步推广相关技术的应用有着一定的实际意义。

参考文献

[1] 龚燕平等.学以致用FrontPage 2003中文版典型实例教程.北京：中国水利水电出版社.2005年.

[2] 汪晓平等.ASP网络开发技术（第二版）.北京：人民邮电出版社.2003年.

8.制作网站首页教案设计篇八

制作网站首页教案设计

广东省云浮市郁南县平台镇初级中学

黄伟兴

教学课题：制作网站首页教学背景：

网站首页是网站的“脸面”，学生通过学习设计网站首页，一方面培养他们为提高作品吸引力、展现自我而积极思考、探究、尝试的意识和态度，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参与打下基本功。教学目标：

1、知识与技能：

（1）了解网页一般由哪些元素组成。（2）学会运用表格进行版面布局。（3）能够在网页中添加网页元素。（4）能在网页中设置超链接。

2、过程与方法：

（1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基本技术方法，达到举一反三的功效。

（2）通过学生动手设计网页的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。

3、情感态度与价值观：

制作网站首页教案设计

（1）提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。（2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，提高学生学习信息技术的信心。

（3）在合作实践过程中，培养学生的审美能力和创造能力，在小组协作学习中，培养学生合作帮助、团结协作的良好品质。

（4）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

（5）善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。

4、学情分析：

学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性强。在前面几节课学生初步确定了网站的主题，收集了部分资料。学生已经在word文档的学习中掌握在文档中插入图片、艺术字等素材方法，为制作网页中的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教师应该时刻给予学生恰当的引导，在调动学生学习兴趣方面下足功夫。

5、素质目标：

制作网页要应用到多方面的知识，培养学生的知识迁移能力，同时给学生提供了自由发挥的空间，学生可以充分发挥自身的创造力与想象力，培养学生综合运用知识的能力。教学重点难点：

1、教学重点：

制作网站首页教案设计

（1）能用表格规划版面布局的方法与技巧。（2）恰当选取网页元素与设置。

2、教学难点：

（1）掌握超链接技术设置网站导航功能的方法。（2）掌握设置网页属性的一般方法。教材分析：

1、本节的作用和地位：

本节课侧重培养信息表达的能力，对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

2、本节主要内容介绍：

课改后信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生掌握在FrontPage用表格规划网页及在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。教学方法：

1、先学后教，“兵”教“兵”

先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互

制作网站首页教案设计

促进，相互影响的作用，达到共同进步。

2、任务驱动，小组竞赛法

根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分成若干个小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴趣。

由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。

整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。

3、提问引导法

根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插观察、自主探究、合作交流的方式加深学生的印象，培养学生的观察能力，动手能力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断发现问题、解决问题，使学生由学会知识变为会学知识。教学评价：

在教学过程中一方面要考查学生能否顺利掌握制作网页的基本技术方法，根据设计需求完成网站首页的制作，另一方面又要考查学生在作品中是否做了科学的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。教学过程：

制作网站首页教案设计

一、创设情景、引入课题、明确任务

师：上节课我们已经规划了自己的网站，今天老师给大家带来了一个礼物，它是一个漂亮的网站，它就是“老师个人学校网站”，里面有许多关于同学们的内容，如：你们漂亮的生活相等，请同学们欣赏。

生：学生认真观看，自主互相讨论，畅谈想法及发表意见。

师：继网站筹划之后我们就要着手来进行网页的设计了，第一个要进行的当然是首页的制作。首页是网站的“脸面”，能不能吸引访问者的注意，它显得尤为重要，所以在设计制作首页时需要特别花心思。怎样设计一个好看的网页让网站第一时间抢占浏览者的眼球呢？再度打开网站的首页。生：仔细观察该首页的特点。并互相讨论，各抒已见。

师：上节课已经搜集了素材，这节课咱们来动手制作网站的首页。指导学生使用FrontPage打开范例“班级网站”的首页，让学生进行小组交流，回答以下几个问题：

1、你知道有哪些软件可以用来制作网页吗？

2、该网页包含了很多元素，它们是如何整齐有序地分布在网页中的？用什么可以分割网页的版面布局呢？

3、该首页包含了哪些元素？是否能很好地表达主题思想？结合小组收集到的素材，你认为在自己的网站首页中可以添加哪些网页元素？

4、导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？生：观察思考、探究、小组合作交流，回答教师提出的几个问题，并确立自己将要开展的工作。

制作网站首页教案设计

师：其实很多文字处理软件都可以设计网页，如Word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，Windows“记事本”也可以制作网页等，不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。

二、先学后教、任务驱动、自主学习

1、用表格进行版面布局

师：（1）提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？

（2）引导学生阅读教材，然后动手实践。生：（1）学生回答老师的问题。（2）上网学习相关的技能技巧。

（3）小组合作自主探究，教师引导，并安排操作熟练的学生进行演示。师：（1）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

（2）以前我们可以用表格来表示数据信息吗？表格还可以用来对网页版面实现分割吗？

（3）你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？

（4）让打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构。（5）提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加

制作网站首页教案设计

合理。

（6）如何才能让表格不显示在我们的网页中呢？

生：思考回答问题，小组合作探究、交流，完成老师布置的任务。

师：（1）对比展示两张素材相同布局不同的网页。一个使用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有一定的规律；另一个不用表格布局则页面凌乱，图文混杂，摆放杂乱。（2）教师简单演示。

A：添加表格；B：表格属性设置面板中的几个常用设置选项说明。（3）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：（1）认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

（2）互相找出易出错或难于处理的问题及学生可能遇到的问题，合作探究解决的办法。

2、添加网页元素

师：（1）要求学生把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。（2）把学生用到的技能要点发到学习网站上。

生：（1）小组合作交流，对之前收集到的素材进行选用，添加到网页中。（2）上网学习相关的技能技巧。（3）上网查找需补充的素材。

制作网站首页教案设计

（4）学有余力的同学还可以尝试怎样让网页更加生动。如添加视频、背景音乐等。

师：（1）恰当地为学生提供方法，讲授经验心得。（2）解决学生提出的疑难问题。

（3）鼓励学生进行发现和尝试提高他们的动手能力。

（4）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

师：（1）教师简单演示。

（2）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

3、设置超链接

师：（1）如何通过超链接技术实现网站的导航功能？

（2）再次提出导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？

（3）你发现哪些地方需要设置超链接吗？试对它们进行设置。（4）如何检查各个链接目标是否设置正确？

生：动手尝试，通过自主探究、小组合作交流，回答老师的问题。师：教师简单演示。

制作网站首页教案设计

三、课堂小结、作品展示、师生评价

（1）教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相关知识的掌握。

（2）学生相互欣赏作品，推荐优秀作品在全班进行展示。我们来评一评，哪个作品做得好，好在哪里？那个作品还存在不足之处，都有那些方面？师生共同评价，教师对完成情况好的学生和帮助他人的学生给与表扬。

四、教学反思

本节课采用的教学理念和教学方式是在建构主义的教学理论指导下，采用“任务驱动教学法”,让学生这种“带着任务自主学习”的探究模式下实现知识的意义建构。以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，学生在这种学习过程中处于积极主动的主体地位，从而可以充分发挥学生的学习主动性和创造性，使学生自主地获取知识。让学生通过合作协调、构思创新的方式完成整节课学习的方法，极大调动了学生的学习积极性，培养了其信息表达的能力，加强了学生的信息意识，提高了信息处理的能力。在探索式学习中，重要的不只是仅对任务完成的学习，而是学习者对知识的探索过程，是学习者在探索知识过程中的思维飞跃，是个性化发展的极好过程。同时，自主学习可以使每一位学生根据自己的知识基础与学习方法自定步调进行个别化学习，克服了传统课堂教学中压制个性化发展而采用“一刀切”的人为现象,但在引导过程中要注意掌握好“度”，既让学生自己探索，掌握知识，又要合理补充，及时纠错。

制作网站首页教案设计

《网站制作——站点创建与首页制作》教学设计

一、教材分析

本节课是江苏科学技术出版社教材，初中信息技术（8年级）第3章第2节的第二课时的内容，是继网站规划、网站设计后进行网站实现的关键一节，在整个课程的学习过程中至关重要。这节课的主要任务是运用Dreamweaver软件，让学生掌握在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地编辑和美化自己的网页。

二、教学目标 1．知识与技能

（1）掌握简单网页的新建方法。

（2）能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐。

（3）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2．过程与方法

（1）对比教学，使学生掌握学习应用软件的基本方法和规律，达到举一反三的功效。

（2）任务驱动、自助探究，动手设计网站的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。

（3）小组合作，培养学生自助、协作学习的能力。3．情感态度与价值观

制作网站首页教案设计

（1）能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信心。

（2）能够在网站首页的设计和创建的过程中，掌握对象属性的设置方法，初步体验成功的快乐。

（3）能够通过小组交流学习，激发学生探究创新的学习精神。

三、教学重难点 1．教学重点（1）站点的建立。

（2）简单网页设计方法，如文字、图片以及水平线的插入与编辑等。（3）设置网页属性的一般方法。2．教学难点

（1）站点的作用和存储路径。（2）网页的保存。

四、教学方法

对比和任务驱动教学法，自助探究和合作学习法，五、教学准备

教学内容准备：整理、归类相关素材，并分发到学生电脑指定盘。上课地点：多媒体教室

六、教学过程 1．情境导入

制作网站首页教案设计

分发导学案，展示《旅游日记》网站，提问学生放假出门旅游的经历，引导学生思考如何记录旅行过程，讲解网站展示的内容，激发学生创建网站的学习兴趣。

设计意图：由学生生活实际入手，自然过渡，激发兴趣，活跃气氛。2．新课教学（1）网站介绍

通过展示的网页，分析其组成元素：网站标志、标题、水平线、文字介绍、背景图片、背景音乐，强调网站内容的合理布局。

（2）建立站点

由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。

任务1 在D盘下建立一个站点文件夹，站点名称：0128（即班级序号+学号）。教师活动：指导学生对照书本进行学习（限时）；学生操作期间教师巡视课堂，做个别辅导；针对学生中普遍存在的问题，教师可做详细讲解。

学生活动：明确教师要求后，阅读教材，开展对照着教材的自学活动；举手反馈完成与否。

设计意图：对照教材操作步骤自学软件的相关操作。（自学为主）提问思考：在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。

设计意图：了解站点的作用，强调站点的管理。

制作网站首页教案设计

（3）设计首页

再次强调一般首页组成情况，提出课堂制作要求（可跳出案例中各对象的具体摆放要求，但要求出现元素不得缺少）。

任务2 新建首页，要求首页中有如下对象：网站的图片标志和标题。网站的建立主旨（文字介绍）。水平线（起分隔作用）。

链接到下一页的标记（可为文字，也可为图片）。

教师活动：指导学生示范，讲解如何插入图片（来自文件）、插入水平线等。（注意各对象“插入点”的选择）

学生活动：按要求小组合作完成任务。

设计意图：类比Word中对象的插入方法，使学生学会知识迁移。并在完成基本任务的前提下，鼓励学生创新。（类比学习法、知识迁移学习法）

（4）编辑与预览主页

提出具体编辑要求，引导学生设置相关对象的属性。

任务

3编辑主页

设置网站标题文字为隶书、7级、蓝色、居中。设置水平线粗细为5像素。

设置文字介绍文字为楷体、小二号、蓝色、加粗。选择一张淡雅图片，将其设置为首页背景图片。为首页加上背景音乐。

制作网站首页教案设计

教师活动：指导学生示范，讲解如何设置文字、图片、水平线以及网页属性等。

学生活动：按要求小组合作完成任务。

（强调：必须在“普通” 窗口下编辑，网页背景图片的像素符合要求）。设计意图：通过小组交流学习，培养学生自助、协作学习的能力，激发学生探究创新的学习精神。

（5）保存网页

教师活动：深入讲解示范。

学生活动：认真听讲，按要求保存自己的网页。

（强调：选择一个其他文件的文件夹分类保存图片等素材）３．总结与评价

（1）引导学生填写任务完成测评表，相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。

（2）对照本堂课的学习情况进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。

9.网页设计个人简历篇九

女 19岁

学历：中专/技校

工作年限： 1-2年

期望薪资： 3000-5000元

工作地点：广州 - 不限

求职意向：淘宝美工 |平面设计 | 美术编辑/设计 | CAD设计/制图 | 网页设计/制作

对色彩敏感

工作经验

(工作了1年，做了2份工作)

超硕电子有限公司

工作时间：5月至年3月[10个月]

职位名称：仓管

工作内容：1.负责安排人员和各项工作分配2.根据订单的要求及时协调安排生产，并跟进生产进度

雅依阁女装商城

工作时间：2017年3月至 2017年5月[2个月]

职位名称：美工助理

工作内容：1.负责扣图、修图、详情页套板;2.掌握了主图设计、详情页设计、海报设计、首页设计、后台店铺装修

教育经历

月毕业福建省湄洲湾职业技术学校平面设计

项目/培训经验

2017年5月-2017年6月美工技能

项目/培训机构：淘慧电商培训

项目/培训内容：主图设计，详情页设计，海报设计，首页设计，后台店铺装修

自我描述

10.网页制作论文--个人网站设计篇十

前言

随着社会经济的快速发展和科学技术的日益进步，网络在人们的日常生活工作中的作用愈发明显，在推动我国社会经济发展和改善人民生活水平等方面具有重要意义。因此，在网站建设中要更加注重网页设计的创新性，进而推动网站建设的实施进程，注重用户的良好体验，实现企业的建站目标，向用户传达具有价值的信息、产品、理念和文化，增强企业网站的竞争力。

网页设计与网站建设的作用

网页设计的好坏对网站建设起到关键性的作用，美观的网页设计可以为企业树立良好的品牌形象，向用户展示企业的自身风采，提高企业知名度，使企业在市场竞争中处于有利地位，网站建设有效的满足了企业业务自动化的需求，使企业的运行机制朝着科学化、快捷化、高效化的方向发展，优化了企业的内部结构，对企业的产品起到了重要的推广作用，实现了资源的有效合理配置。网站作为现代科技发展的重要产物，更加注重用户体验，有效的实现了网页设计的最高价值，将以人为本的设计理念在网站建设中深入贯彻，将用户的人文主义情感在网页设计和网站建设的实际操作中得到重要体现，使网站建设更加具有人性化特征。

网页设计与网站建设的原则

实用性原则。网页的人性化设计推动网站建设的实施进程，以增加用户的访问量为主，因此就要为客户提供更加具有人文特征的多功能界面和生活化的产品，以贴近用户的实际生活为主要着力点。

快速性原则。在网站建设过程中要保证网页的打开速度快，这是网站留住用户的关键性因素，网页设计过程中要将重要的内容放在网站的首页，着重体现网站给用户提供的主题，保证用户可以及时浏览到信息。

丰富性原则。网页设计要保证内容的充实，再进行功能性划分，最后进行细节性处理，以此来丰富网站建设的内容，用户对网站的持续点击量主要来自于网站的内容，这是影响网站质量的直接性因素。

人性化原则。网页设计要以用户的实际需求为主要出发点，这是网站建设品质优秀的重要保证，因此，网页设计和网站建设要服务周到，体现人性化特点，努力实现用户的需求，进而增加用户对网站的满意度和信任度。

网页设计与网站建设的创意与实施

1.视觉效果强烈化

网页设计与网站建设的视觉效果要以吸引用户的注意力为主，保证在设计和实施过程中可以做到大方美观，这就要求网页设计与网站建设的视觉效果要达到专业化水平，给用户以强烈的视觉冲击为主，从文字和图片的分配为主要出发点，进行广度和深度的设计，将抽象化的实际理念转为具象化的视觉效果，并形成具有网站自身独特风格的建设导航。在色彩搭配方面要注重颜色之间的固定搭配，如蓝白橙、绿白蓝、橙白红、暗红黑等，突出标准色彩，尽量将色彩控制在三至五种色彩以内，并且背景和前文的对比效果要比较明显，但是不要使用花纹繁琐的图案作为背景，以此来突出主要文字内容。不同的色彩搭配对主题内容的表达可以起到不同程度的渲染作用，吸引用户注意力。

2.结构设计合理化

网页设计和网站建设过程中要对内部空间结构进行合理设计，根据明确的主题对内容进行有针对性和规律性的划分，分别根据空间结构进行文字、图片、动画等因素的合理添加，最后确定网站的整体风格。网页设计与网站建设的结构要以用户的根本需求为出发点，尤其注意网站建设时的逻辑链接结构、目录机构，使其机构更加趋于合理化，页面的主次性要明确，切忌喧宾夺主，突出重点，并对各种信息因素进行专业化的总结归类，使用户在网站使用和网页浏览时轻而易举的找到所需要的东西。

3.模块设计功能化

网站建设的实际应用要更加注重模块设计的功能化，功能范围的落实是确保网站实施的关键所在。网站建设的模块设计包括新闻发布系统模块、公司信息系统模块、下载中心模块、会员管理系统模块等，因此，在进行功能性设计时要根据用户的不同需求制定具体的可行性方略，模块设计的功能化趋势可以使网站的使用和实施更加人性化和科学化。如下载中心模块，是网站管理者提供用户下载资料的功能性区域，管理者可以通过后台，实现在线增加、修改已发布的系在信息。

总结

综上所述，本文从网页设计与网站建设的作用出发，对网页设计和建设的原则进行了深入的分析，注重实用性、快速性、丰富性和人性化，并与其设计和实施中的措施方案进行有机结合，分别从视觉效果、结构设计、模块设计三方面进行深入的考量，进而有效的推动了网页设计与网站建设的实施进程，从而确保了其在设计和实施过程中满足用户的心理诉求，实现设计的创意化、科学化和人性化，增加用户对网站的信任度，建立用户与网站之间的有效沟通交流，使网站实际更加简洁明了，尊重用户体验。

11.《制作个人简历》项目案例设计篇十一

一、设计理念

对于职业学校的学生来讲, 毕业后要找工作;如何更好地推销自己, 既将自己的大多数情况作了介绍, 又给用人单位留下一个好的印象, 这就需要一份制作精良的个人简历。《制作个人简历》这个项目就具有很强的实用性。

为激发学生学习Word的兴趣, 故整合了Word部分项目的内容, 设计了《制作个人简历》这个项目, 将其作为学习Word的第一站。本项目位于《计算机应用基础》课程中学习领域三, 以“ 项目3-4”中的内容为主, 融合了本学习领域中其他项目的相关知识, 增加了文字编辑、图形处理等方面的操作。

二、项目目标

通过该项目的实施, 让学生了解Word的功能, 初步掌握Word的基本操作技能。通过该项目的实施, 学生能做出一份完整的个人简历, 一份具有很强实用性的作品。体验到成功的感受, 增强其自信心, 激发学生的兴趣和求知欲。通过小组协作该项目, 培养团队协作意识, 提高同学之间的表达与交流能力。各组相互展示自己的成果, 培养学习Word的兴趣。通过项目内容的编撰, 让学生意识到个人实践能力对于求职的重要性, 激励其不断提高自己, 充实自己。

三、项目流程

以Word的基本功能 ( 文本编辑、表格处理、图形处理) 为x轴, 以一份完整简历的组成要素 ( 自荐信、简历表、简历封面) 为y轴, 将项目再分成3 个子项目, 根据难易程度, 由浅入深, 让学生初步掌握Word的技能, 并完成一份自己的个人简历, 学有所成, 学以致用, 激发学生学习的兴趣。

子项目1:撰写自荐信 (2课时) 。了解Word的功能, 会创建和保存文档, 会进行页面设置。掌握字体和段落的格式设置。

子项目2:制作简历表 (2课时) 。掌握使用表格来制作个人简历表的方法。学会用边框、底纹等格式设置来美化简历表。

子项目3:设计简历封面 ( 2 课时) 。掌握文本框、图片、艺术字、自选图形的格式设置, 熟练掌握文本框、图片、艺术字、自选图形的插入。

四、教学方法

1.任务驱动法。本项目划分为三个子项目, 每个子项目又分解为一个个任务, 层层推进, 完成任务的同时, 掌握知识与技能。

2.自主探究法。初中信息技术课程中, 学生已经接触学习了Word, 有了一定的基础, 通过前面Windows的学习, 学生已基本掌握了文字的输入、文件的保存、复制、移动等基本操作。结合任务素材、PPT自学课件和操作步骤的教学录像, 培养自主探究学习能力。

3.小组合作法。学生的计算机操作水平参差不齐, 大致可分为三个层次:较好的、中等的、较弱的。为了高效, 可取长补短, 进行分组。分组时注意学生层次的合理搭配, 每组选择能力较好的, 设立一名组长, 负责任务指导和组内协调。

五、项目总结反思

本项目通过3 个子项目的学习, 初步掌握了Word的三项基本功能, 完成了简历的3 个要素, 最后整合为一个完整的个人简历作品, 学以致用, 激发学生学习兴趣。

1.项目的实施过程中, 始终贯穿了“ 以学生为主、以能力为本”的教学思想, 教学过程中突出了学生的主体地位, 学生学中做, 做中学。