网页制作 教学计划

2020-05-10 来源:教学计划收藏下载本文

推荐第1篇:网页制作教学计划

网页制作教学计划 网页制作基础(1周)

1.了解网页中的常用术语

域名、URL、超级链接、导航条、站点、表单、发布 2.网站的概述以及网站的各种类型 3.网页制作的常用工具软件。 4.网页设计的基础语言-HTML

文件开始标记

文件头开始标记

文件标题开始标记

文件标题结束标记

文件头结束标记

正文文件开始标记

推荐第2篇:网页制作教学计划

城阳职专 2011——2012 学年度第 二 学期

教 师 教 学 计 划

专 业: 计算机网络 学 科: 网页制作 任 教 班 级: 11网络

1、2 是 否 结 业: 是 教 师: 吴文杰 组 长 签 字: 级部主任签字: 教导主任签字: 二○一二 年 二 月 六 日

新学期开始,本学期我将担任11级计算机网络班《网页制作》的教学,为了有效地培养学生学习网页制作课程的兴趣,使学生逐步具备利用所学知识进行网页制作的能力,以适应信息社会的学习、工作和生活的需要;为了规范教学,我特制订教学计划如下:

一、教学指导思想:

本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学大纲和网页制作的相关教材,明确教学任务和教材体系,力争“教书”与“育人” 贯穿始终。全面贯彻教育部关于中职教育的大政方针,努力探索计算机教学规律,在激发和培养学生的学习兴趣,养成良好的学习习惯,提高动手能力的同时,着力培养学生树立正确的荣辱观和人生观,积极推进素质教育。在教学中要充分利用计算机来培养学生的信息素养,有效地提高教育教学水平。促进学生创新精神和实践能力的培养,充分考虑学生的发展需要,强调学生自主学习,发挥教师的主导作用,学生主体作用,以学生个体发展为目标,不断提高教育教学质量。

二、学生情况分析:

上学期学生已经初步学习了部分课程,对此可能有了一定的了解,但是中职学生整体素质层次不齐,绝大多数学生学习目标明确,但也有少数学生对微机在当前和末来社会中作用认识不够。虽然有基础但是通过一个假期之后,很多知识需要巩固。但总体来看本课程学生们的学习兴趣还是很好的。

三、教材分析

我们选用的是电子工业出版社出版的《网页制作》第二版教材。本教材的编写打破了传统的学科体系,以项目为中心,一个个小任务为实例,以范例网站的建设为主线,不强求理论体系的完整性,以够用为度,以是否实用为标准。整个项目统筹考虑实训的设计,循序渐进,逐步完善,着重培养学生独立思考问题和主动解决问题的能力,力求在学习的过程中积累实际工作的经验,从而突出职业技术教育的特色。

本书共8章,前面已学习了前三章,本学期主要学习后五章。 第四章打造企业留言板 本章的教学重点和难点是插入表单对象的基本方法及设置表单及表单对象属性的方法。要求掌握表单、文本域、单选按钮、列表/菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法等知识点。主要是通过完成企业留言板这一项目来学习的。通过总的项目来分析逐个小任务。最终完成知识点的学习。为了更好的使同学们掌握重难点,在教学中我会精讲多练,让学生案例分析,讨论,最终上机操作,如:用户注册,163信箱等的制作。

第五章在Dreamweaver中美化页面 本章教学重难点是添加、修改和删除行为的方法及在网页制作中应用行为的基本方法。要求学生掌握行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave或

Flash、弹出信息、拖动层等知识点。主要是通过逐个任务来完成教学的。首先教师演示教学案例。通过PPT课件讲授基本知识。然后通过让学生自己动手重新制作教学案例来巩固基本知识。最终通过实训让学生进一步熟悉所学知识点。

第六章站点的发布 本章教学重难点是在IIS中配置FTP服务器的方法及通过Dreamweaver发布网页的方法和在模板中插入模板对象的方法。要求学生掌握安装IIS服务器、配置Web服务器、配置FTP服务器、发布网页、检查链接、改变链接、查找和替换、清理文档、保持同步等知识点。本章主要通过教师实例演示,学生动手操作来完成教学任务的。为了让学生更加熟练操作,教师主要通过多个实例操作练习的方法来完成教学。

第七章CSS样式的应用 本章教学重难点是创建和设置CSS样式的方法及附加样式表的方法。要求学生掌握【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式等知识点。主要通过项目教学法来完成教学,项目的主要目的是让学生掌握CSS样式的基本知识。项目主要通过CSS样式控制购物网页的外观,一方面要熟悉CSS样式的基本使用方法,另一方面要了解购物网页页面的基本特点。本项目使用的网页布局技术仍然是表格,另外还涉及文本、图像等网页元素。

第八章网页制作综合实例 本章重难点是使学生综合运用所学知识点。要求学生掌握网站设计流程、设计网页布局、各级网页制作的方法及网站的推广。本章主要是让学生自主完成学习任务,以培养学生发现问题,分析问题,解决问题的能力。同时培养学生主动学习的意识。

四、教学措施

1.计算机是一个不断发展的学科,也是一个日新月异的学科,不断会有新的计算机技术出现,教师要在第一时间了解这些动态,然后学会交给学生。因为计算机在现实生活中的应用都是最新的技术,如果与现实脱节了,那么学生现在学到的计算机知识在现实中根本就用不上。所以需要教师有良好的计算机学习能力,为学生做好引导者。

2.采用项目教学法,任务驱动式,案例讲解,实例讨论等教学法围绕“教务管理系统”组织教学内容,分解出一个个子任务分组学习,分组讨论,充分调动学生的学习积极性,开发个人潜能。

3.学生自主完成学习任务,以培养学生发现问题,分析问题,解决问题的能力。同时培养学生主动学习的意识。

4.该课程理论性和实践性均强,要求学生勤学多练,除掌握对网页制作的操作外,还应要求学生做好flash与平面设计,并引导学生综合运用。根据学生的学习情况制订贴近学生生活的实践操作以真正达到了学以致用的目的。

5.课后及时反思,撰写反思日志,积极与学生沟通,了解学生学习掌握情况,对于存在的问题及时发现纠正,对于好的经验方法进行总结创新。

6.制定激励措施,引发学生的创新积极性。对于对计算机有兴趣和独到见解的学生,可以成立兴趣小组,有老师带队,做一些新的项目和开发研究。制定一套合理的奖励机制,对于学生的创新成果给予一定的肯定和奖励,激发学生的创新热情,让学生觉得自己创新是有人欣赏,是有价值的,从而以更积极的态度投入到新的创新中。

总之,计算机在教育中的地位越来越重要,我们需要投入更多的精力来对计算机教育进行创新和研究。对于本课程的教学已远远不止于此。除了因人而异、因材施教以外,更要博览群书、拓宽视野,努力寻求新的切入点,使理论教学和实际应用更好更紧密的结合起来,培养出更多适应信息化社会的实用型和复合型人才。

五、教学进度:(附表)

推荐第3篇:电子商务网页制作 教学计划

《电子商务网页制作》教学计划

15秋电商这已是学生的第三个学期,对网页制作已有一定了解,然因此课程教科书内容所介绍的软件已不再使用,因而我决定教学生简单、实用、流行的入门网页制作语言——HTML,选择基本的语言让学生学习。同时也利用书上理论知识,传授给学生, 并应学生要求,进一步讲解dreamwaver。

教学目标:

1、本学期这一课程是为了让学生学会用html和dreamwaver制作网页。

2、学习关于网页设计的一些基本知识。

重点工作:

1、用html、dreamwaver制作网页。

2、学习网页设计的一些基本知识

教学策略:

1、突出上机操作,精讲多练。

2、将网页设计与学生的生活知识联系起来,其它学科的学习结合起来,与学生思想道德教育结合起来,与课改实验结合起来。

3、作业布置适量,难易适中,有针对性,及时反馈,做好总结。

教学安排:

1、实行上机、上课相结合的模式;

3、坚持考勤,做好学习情况、作业情况的记录。

4、坚持做反思。教学内容概览: 理论:

1、初识电子商务网页

2、电子商务网站导航设计原则

3、网页布局原则

4、表单的概述

5、课程设计指南 操作: Html:

1、Html基本结构

2、页面主体标记的设置

3、设计网页文本内容

4、无序列表和有序列表

5、文字、图片链接

6、锚点

7、添加图片及设置

8、表格的应用

9、多媒体文件

10、Div标签

11、Iframe

12、让学生设计一个简易的个人网页 Dreamweaver:

1、建立所有文件夹

2、建立首页

3、建立站点

4、设置页面属性

5、输入文本及其设置

6、插入图片及其设置

7、插入表格及其设置

8、创建网页链接

9、利用表单创建留言板

10、学生设计一个简易网站班级:15秋电子商务班任课教师:李美云

推荐第4篇:网页设计与制作教学计划

网页设计与制作教学计划

网页设计与制作情况介绍:13级计算机专业就业班每周课时为8课时,其中上机操作6课时、理论2课时;高考班每周课时为6课时,其中上机操作4课时、理论2课时。根据其课时安排,每周课时就以8课时为准。现按照15周课,计120课时,其中上机操作课90课时,理论课30课时,如上机操作课程时间充足,可自行安排举一反三。

注:因13级计算机3个班,高考班的课时较少,所以具体实际上机操作情况只有根据实际情况而定。

项目一 网页概述(6)

任务一 讲解网页设计与制作这门学科的发展前景。(1课时)

讲解网页设计与制作这门学科的发展前景,培养起学生的兴趣。 任务二 用html代码编写“我的第一个网页”的网页。(1课时)

简单介绍一下html代码:、、,在记事本中用html编写一个简单的网页,转换格式,在浏览器中预览效果,培养起学生的兴趣。 任务三 Web简介。(1课时)

在学习制作一个网页之前,首先应该了解一些网页和网站的基本知识:web的起源与基本结构、web的常用术语。 任务四 认识网页制作软件。(1课时)

了解网页制作工具网页制作三剑客,并掌握红蜻蜓抓图软件和Microsoft Office Visio 2007的基本功能。 任务五 网站规划。(2课时)

熟悉网站开发的工作流程:规划、制作、维护,自行设计一个网站,写出网站规划。

项目二 网页制作基础(5)

任务一 认识Dreamweaver8。(1课时)

任务二 创建本地站点,搭建模拟结构。(2课时)

学会创建站点,掌握规划站点结构的原则;学会把其他站点定义成本地站点。 任务三 html代码的基本结构。(2课时)

项目三 插入对象(16)

1 任务一 插入文本(2课时)

学会插入文本、特殊字符、日期、水平线(修改颜色)、注释,并了解设计文本属性;掌握enter(

)与shift+enter()的区别。 任务二 插入图片(2课时)

掌握插入图片的技巧,灵活调整图像的大小,使用“重新取样”,学会更改默认编图工具。

任务三 制作图文混排页面。(2课时)

学会设置文字和图像的属性,并能进行图像和文字的混排。 任务四 插入Flash动画(2课时)

掌握插入Flash、Flash按钮和文字、Flash图片播放器功能。 任务五 插入交互图像(2课时)

学会制作鼠标经过图像和导航条图片。 任务六 插入音视频(2课时)

在网页实现播放音频文件的效果,并实现下载音视频文件的功能。 任务七 插入滚动文字(2课时)

学会制作滚动文字,并掌握控制滚动文字的html代码。 任务八 综合练习,制作一个主页面。(2课时)

项目四 超链接

任务一 网页链接路径与类型(1课时) 任务二 内部链接、外部链接(1课时) 任务三 email链接、锚点链接(1课时)

任务四 图像映射,基本掌握脚本链接的关闭功能(1课时)

项目五 表格

任务一 创建web画廊(1课时)

通过fireworks创建web画廊,掌握“创建网站相册”的功能。 任务二 表格的应用(2课时)

新增表格、表格属性的设定、选择行列、选择不相邻的单元格。 任务三 学会使用表格调整方法(3课时)

对预先设计好的网页图,在fireworks中切片,通过插入fireworks html

2 的方式对表格进行调整。

任务四 制作简单的内页页面(2课时) 任务五 制作复杂的内页页面(3课时) 任务六 表格的绘制(1课时)

任务七 表格排版,制作一个小型网站(3课时)

切片,准备图片;新建站点,搭建结构;表格页面排版;链接,制作网页。

项目六 表单

任务一 表单文本域:单行、多行、密码(2课时)

加入空白表单,设定表单属性;讲解什么事表单,解释表单属性get和post的区别。

任务二 插入对象(4课时)

单选按钮(组)、复选框、列表、下拉菜单、文件域、按钮、跳转菜单、图像域、隐藏域。

任务三 综合练习,表单的排版,以邮箱的方式提交(3课时)

项目七 CSS 任务一 CSS的特点、添加方式、类型(1课时理论) 任务二 使用四种方法使用c 样式表(2课时) 任务三 使用 Cla类与id类控制网页的格式(1课时) 任务四 运用c样式表设置字体样式并控制图文布局(2课时) 任务五 综合应用CSS的各种属性(2课时)

任务六 综合练习,熟练使用c美化网页(2课时)

项目八 框架

任务一 框架应用(2课时)

任务二 利用框架设计网页(3课时)

项目九 模板

任务一 模板应用(2课时)

任务二 利用模板设计网页(3课时)

项目十行为

任务一 制作弹出消息(1课时)

3 任务二 制作打开浏览器窗口(1课时) 任务三 制作背景音乐(1课时) 任务四 控制Flash动画(1课时) 任务五 检查表单(2课时)

项目十一 时间轴

任务一 时间轴动画(2课时) 任务二 任务三 任务一 任务二 任务一 任务二 任务三 任务一 任务二 任务三 任务二 任务三 任务四 任务五 任务一 制作动态文字(1课时) 制作飘动广告(2课时)

项目十二 层

层的应用(2课时)

层与行为、时间轴结合(3课时)

项目十三 javascript 弹出对话框(1课时) 函数应用(2课时) 时钟显示功能(2课时)

项目十四 数据库

认识iis(1课时) 复习数据库知识(1课时) 连接(2课时) 显示数据(2课时) 表单收集(增)(3课时) 登陆页面(查)(3课时) 修改密码(改)(3课时)

项目十五 网页设计

做个人作品(15课时)

推荐第5篇:网页制作

你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键 ,再选create link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。

在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞,我的就是~~~~~~

将你制作好的安放在网上

要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!

需要注意的是,一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了网页制作网址大全

推荐第6篇:制作网页

制作网页

课堂实践活动方案:

将学生分成四组,每组12名学生。(按照平时学习情况进行分组,要保证每组都能独立完成网页制作)每个小组自选一个主题,让学生利用学过的知识进行进行网页制作,然后进行评价比较,评出各组的名次。

评价方案:

按照网页制作的基本方法进行评价:

1.

2.

3.

4.

5.

6.

7.

8.

9.插入表格 合并和拆分表格 调整单元格的大小 在表格中插入文字 在表格中插入图片 在网页中使用缩略图 网页中图片的排版 保存网页 预览网页的效果

参照以上网页制作过程对各小组制作的网页进行比较评价,各组进互相进行比较,学习,最后选出网页制作最好的一组进行表扬,演示。

设计成功经验:

1、在课堂教学活动实践中,这种方式很容易调动大部分学生的学习积极性,能让每名学生都参与进来,是学生学到的知识得到利用,从而激发学生的学习积极性。让学生感有成就感。

2、有利于提高学生的集体荣誉感。

3、有利与培养学生的合作意识。

存在问题:

1、分组进行课堂实践活动容易使一些平时不好好学习的学生浑水摸鱼,滥竽充数,同时教师在课堂上很难对每名学生进行有效的评价。

2、不容易调动个别学生的创新意识,阻碍个别学生的发展

推荐第7篇:网页制作

1.先下载网页制作工具,Dreamweaver v8.0 简体注册版

下载地址:

http://www.daodoc.com/

2.开始学习,去网易学院学习网页制作的方法。

《网站设计系列多媒体教程》

http://tech.163.com/

3.如果会做了,申请免费主页空间,如果自己有更好了,(注:主机是空间)没有请去这里找一个适合自己的申请,免费。

http://www.daodoc.com

4.把做好的主页上传到您的空间。需要FTP上传软件。

下载地址:

http://www.daodoc.com/

5.用您自己的或者申请的免费域名(一般申请免费空间都赠送一个二级域名)访问您的主页。

再给你一个详细的好了

时下随着各种通讯技术的发展,互联网已在中国逐步进入普及阶段,许多人在充分享受浏览新闻,网上聊天,网络游戏,网上交易,收发电子邮件等网络的各种乐趣后,开始不满足于被动式的接受,希望能主动参与网络,因此大量的个人网站应运而生了。

计算机与网络专业技术人员能利用一技之长及在某一方面的专长轻松制作网页,但大量的网络菜鸟级人物如何制作个人主页,建立个人网站呢?我大概总结了以下几点,希望对一些对这方面缺乏基本了解的人提供一些帮助。如果你是个经常上网的网虫,并对如何建立网站有一定的兴趣,那么请你继续读下去,否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页制作公司代劳,完全没必要自己动手。

1. 要建立个人网站,首先必须要了解一下目前网页制作的基本语言HTML,入门即可,大概花个一二小时就可。

2. 学会使用目前流行的网页制作软件,如Frontpage、Dreamweaver等一些功能强大,所见所得的软件,初步了解就可,不用全部掌握,一般是边用边学,不断提高使用水平。

3. 广泛的上网浏览各种网页,一开始最好能下载一些较简单的个人网页,因为他们所用到的技术较为简单,可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站,学习一些排版经验,同时可下载一些网页结构模版供自己套用。

4. 确定你的网站主题,我个人不主张开始就想建软件大全、书库等网上流行的为网站主题,因为第一你不够专业,网上已有太多的同类软件,别人不可能上你的网站下载。第二这类网站需要巨大的主页空间,不仅一开始你申请不到这么大的空间,而且你也不可能经常上载维护。网站主题最好是有你的个人特色,实在不能确定我建议自己做一个私人门户网站,将平时自己经常去的网站做一个较为综合的连结。

5. 网页最好不要用特别与众不同的颜色、字体,因为每个人使用的计算机各不相同,特别的颜色、字体别人不一定能看得到。 6. 网页要增加美观图片不可缺少,我建议如果你会用一些专业的作图软件最好自己制作,这会有自己的特色,放些私人照片也可以,但切记各种图片一定要作优化处理,减小它的存储尺寸。提醒一下每页不要放过多的图片,因为第一会使网页显得杂乱,第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop,Fireworks等。

7. 网页上可以用一些动画与特效增加你主页的美观与功能,动画可上网找,同样最好能自己制作,GIF格式的最常用,可用Ulead的Gig Animator软件制作,目前流行的是Flash动画,更多变化,尺寸更小,缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件,有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用,与图片一样,我建议每页不要放太多的动画与特效。

8. 网页基本建成后,上网找免费的主页空间,以其主机的速度,提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据,所谓CGI是指主机服务器上提供的程序,一般你可申请有免费计数器、留言板等。找到速度快,主页存放空间大,域名简单的网站存放你的网页。

9. 接下来是将网页上传至你申请的服务器上,具体上传的办法你在申请主页空间时就会了解,具体使用你制作网页的软件即可,我个人推荐使用CuteFTP Pro上传,这个软件功能强大,简单易用。

10. 好,现在你的网站已建立,你可通知你的朋友上去浏览,把个人网站印在你的名片上,还想推广你的网站?那你可去各大搜索网站登录你的新站,如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换,如太极链,酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片,动画最好,存储大小尽量控制在10k以下。

11. 如果你还想靠你的网站赚一些小钱,你可去一些商业网站申请广告连结,替他们做广告,一般以从你的网页点击到他们的网页次数算钱。

12. 最后我要提醒各位未来网主,你的网站千万不要放一些明显与国内政治相抵触的内容,这事关重大,不可儿戏,否则网站被关闭事小,坐牢也说不定哦。另外,网站内容与性有关可大大增加被浏览的数量,但黄色的内容不要放,虽说性质比不上反动内容,但也有问题。建议打打擦边球,提供一些性教育、性知识,情情爱爱的内容无伤大雅。

随着网络技术的不断发展,网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站,更是人们关注的热点:政府利用网站宣传自己的施政纲领,日益成为与百姓交流的直通车;企业利用网站宣传自己的形象,挖掘无限商机;个人利用网站展示个性风采,创建彼此沟通的桥梁。越来越多的人希望拥有网站,开辟网络世界里的一片天地。如何设计一个出色的网站呢?关于这个问题,人们讨论的很多,可以讨论的内容也很多,加之网络技术的飞速发展,很难提出一个绝对权威和正确的设计思路,笔者不才,根据自己的设计体

会,总结出以下基本设计思路:

一、定位网站的主题和名称

网站的主题也就是网站的题材,网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目,只要想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材:

第1类:网上求职

第2类:网上聊天/即时信息/ ICQ 第3类:网上社区/讨论/邮件列表

第4类:计算机技术

第5类:网页/网站开发

第6类:娱乐网站

第7类:旅行

第8类:参考/资讯

第9类:家庭/教育

第10类:生活/时尚

每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐等小类,音乐又可以按格式分为MP3,VQF,Ra等,按表现形式分古典,现代,摇滚等。同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万种。这么多题材,如何选择呢?遵循的原则如下:

1、主题要小而精

定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有你认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有,却样样都很肤浅,因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的\"主题站\"比\"万全站\"更受人们喜爱,就好比专卖店和百货商店,如果我需要买某一方面的东西,肯定会选择专买店。

2、题材最好是你自己擅长或者喜爱的内容

比如:你擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出优秀的网站。

3、题材不要太滥或者目标太高。

\"太滥\"是指到处可见,人人都有的题材;比如软件下载,免费信息。\"目标太高\"是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。

如果题材已经确定以后,就可以围绕题材给网站起一个名字。网站名称,也是网站设计的一部分,而且是很关键的一个要素。你来看,\"电脑学习室\"和\"电脑之家\"显然是后者简练;\"迷笛乐园\"和\"MIDI乐园\"显然是后者明晰;\"儿童天地\"和\"中国幼儿园\"显然是后者大气。我们都知道PIII的中文名称\"奔腾\",如果改为\"奔跑\",可能就没有今天这么\"火\"了。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。我的建议是:

1、名称要正

其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。

2、名称要易记

最好用中文名称,不要使用英文或者中英文混合型名称。另外,网站名称的字数应该控制在六个字(最好四个字)以内,四个字的也可以用成语。字数少还有个好处,适合于其他站点的链接排版。

3、名称要有特色 名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。例如:音乐前卫,网页陶吧,e书时空等。在体现出网站主题的同时,能点出特色之处。

二、定位网站的CI形象

所谓CI(corporate identity),意思是通过视觉来统一企业的形象。一个杰出的网站,和实体公司一样,需要整体的形象包装和设计。准确的,有创意的CI设计,对网站的宣传推广有事半功倍的效果。具体的做法是:

1、设计网站的标志(logo) 就如同商标一样,标志是你站点特色和内涵的集中体现,看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容:

(1)网站有代表性的人物、动物、花草等,可以用它们作为设计的蓝本,加以卡通化和艺术化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。

(2)网站有专业性的,可以以本专业有代表的物品作为标志。比如中国银行的铜板标志,奔驰汽车的方向盘标志等等。

(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体,字母的变形,字母的组合可以很容易制作好自己的标志。

2、设计网站的标准色彩

网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。举个实际的例子就明白了:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。\"标准色彩\"是指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。

3、设计网站的标准字体

和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的\"与众不同\"和特有风格,我们可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。

4、设计网站的宣传标语

也可以说是网站的精神,网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如:鹊巢的\"味道好极了\";麦斯威尔的\"好东西和好朋友一起分享\";Intel的\"给你一颗奔腾的心\"等等。

三、确定网站的栏目

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网

站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:

1、要紧扣主题

将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显的专业,主题突出,容易给人留下深刻印象。

2、设立最近更新或网站指南栏目

设立\"最近更新\"的栏目,是为了照顾常来的访客,让你的主页更有人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置\"本站指南\"栏目,可以帮助初访者快速找到他们想要的内容。

3、设立可以双向交流的栏目

比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。

4、设立下载或常见问题回答栏目

网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。

四、确定网站的目录结构

网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:

1、不要将所有文件都存放在根目录下,会造成文件管理混乱

你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外,上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,尽可能减少根目录的文件存放数。

2、按栏目内容建立子目录

子目录的建立,首先按主菜单栏目建立。例如:企业站点可以按公司简介,产品介绍,价格,在线定单,反馈联系等建立相应目录。其他的次要栏目,类似what\'s new,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如:CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。

3、在每个主栏目目录下都建立独立的images目录

为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。

4、目录的层次不要太深

目录的层次建议不要超过3层,维护管理方便。

5、不要使用中文目录

6、不要使用过长的目录

五、确定网站的链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。建立网站的链接结构有两种基本方式:

1、树状链接结构

类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会\"迷\"路。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。

2、星状链接结构

类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。

这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用,达到比较理想的效果。比较好的方案是:首页和一级页面之间用星状链接结构,一级和以下各级页面之间用树状链接结构。

六、设计网站的整体风格

风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受。这个\"整体形象\"包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的,这些都是网站给人们

留下的不同感受。

风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。

风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。像诗词中的\"豪放派\"和\"婉约派\",你可以用人的性格来比喻站点。如何树立网站风格呢?我们可以分这样几个步骤:

1、确信风格是建立在有价值内容之上

一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性,这是最基本的。

2、你需要彻底搞清楚自己希望站点给人的印象是什么

可以从这几方面来理清思路:

a.如果只用一句话来描述你的站点,应该是:()

参考答案:有创意,专业,有(技术)实力,有美感,有冲击力

b.想到你的站点,可以联想到的色彩是:()

参考答案:热情的红色,幻想的天蓝色,聪明的金黄色

c.想到你的站点,可以联想到的画面是:()

参考答案:一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店

d.如果网站是一个人,他拥有的个性是:() 参考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者

e.作为站长,你希望给人的印象是:()

参考答案:敬业,认真投入,有深度,负责,纯真,直爽,淑女

f.用一种动物来比喻,你的网站最像:()

参考答案:猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信) g.浏览者觉得你和其他网站的不同是:()

参考答案:可以信赖,信息最快,交流方便,

h.浏览者和你交流合作的感受是:() 参考答案:师生,同事,朋友,长幼。

你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。

3、在明确自己的网站印象后,开始努力建立和加强这种印象

经过第二步印象的\"量化\"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。以下做法可作参考:

(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。

(2)突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。

(3)突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。

(4)想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...。

(5)使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。

(6)使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。

(7)创造一个你的站点特有的符号或图标。

(8)用自己设计的花边,线条,点。

(9)展示你网站的荣誉和成功作品。

(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰。 4

推荐第8篇:网页制作读书笔记

心得体会之网页设计

网页制作与网站设计心得体会

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:

1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

- 1

心得体会之网页设计

计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

在具体的制作一个网页时我了解到一个优秀的网页设计还应该具备以下一些基本原则:

1 确定网页设计的内容

一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用。

2 了解你网站所在行业的客户

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

3、做一个典型用户

不以用户身份亲身体验网站你才能发现问题,才知道那些需要改进,尽量不要让客户去发现问题,在前期设计时就应该把这些问题解决。

4 优化内容

内容是整个网站的核心。在网站设计之前必须明确网站的内容安排。 优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网站时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。

大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。

框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。

下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集。如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。

在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片,Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。

然后是开始正式制作主页。 通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。通过个人网页的制作最终把自己的网页上传到互联网上,那种成就感是无法用语言形容的。在今后的闲余时间,我将会学习制作网页的更多知识,使它成为自己的一项技能。

- 3

推荐第9篇:网页制作心得体会

《文文工作室网站设计说明书》

姓名:陈家文 学号:200936627204 班级:电商092

一、网站规划

本工作室主要用来做个人网站,主题是介绍自我,让更多的朋友认识我,面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块,其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作(包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果)

本网站的布局大多是运用CSS进行布局的,这也是老师一直强调我们的。为了增加视觉效果,个别网页还特别添加了flash效果(我的相册),还用到了视频和音乐等素材(如我的主页)。个别网页添加了表格,这样显得网页更齐整。对于美化这部分,我还特别用Photoshop对一部分图片进行了处理,让图片和网页更好地搭配。在个别网页添加表单,可以让浏览者和网站更好地互动,交流信息。

四、学习体会

不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

首先,我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

然后,我们要找材料。明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

找到材料后,我们还要规划网站。一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

做好以上三步之后,我们就要选择合适的制作工具。 尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,在这里,我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页 ,对于图片部分的处理,个人觉得Photoshop比较好用。

最后,我们就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

网页做好之后,就要发布到Web服务器上,才能够让全世界的朋友观看,还要不断地进行宣传,这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家:http://www.3v.cm/member/index.html http://5944.net

以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,还存在很多的不足(如:背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续学习网页设计和制作的,同时很感谢带我入门的徐兵老师,让我有机会去学习有关网页的知识,谢谢!

推荐第10篇:网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位、公司或个人在全球互联网上建设站点,并包含域名注册和主机托管等服务的总称。其作用为展现公司形象,加强客户服务,完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台,是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言,通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,浏览。

网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来。

目录

1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks

4.1fireworks简介

4.2fireworks在网页中的应用

4.3fireworks的重要性

4.4fireworks制作流程 5.参考文献

正文

1.网页制作的两种设计模式

从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命,其核心在于分隔网页的风格和内容,指标记语言(如HTML,XML)负责定义页面的内容,但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。这种模式有很多好处,例如可以协助搜寻引擎查找网页的情况,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面,开始设计CSS时,并不能清楚看到目标,因此显得不直观。

网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。

2.网页制作常用工具

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样,不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件,一般网页都需要有图片相搭配,PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件,但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列,软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

3.flash 3.1flash简介

Flash最早出现并兴起于网络,是网络多媒体动画的重要制作形式,它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高,Flash动态网页以其具备的声音、动态图像等多媒体优势,相信在不远的将来能够完全替代静态(HTML)网页。

3.2flash动画的特点

(一)Flash动画受网络资源的制约一般比较短小,利用Flash制作的动画是矢量的,无论把它放大多少倍都不会失真。

(二) Flash动画具有交互性优势,可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作,决定动画的运行过程和结果,这一点是传统动画所无法比拟的。

(三) Flash动画可以放在网上供人欣赏和下载,由于使用的是矢量图技术,具有档小、传输速度快、播放采用流式技术的特点,因此动画是边下载边播放,如果速度控制得好,则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。

(四)Flash动画有崭新的视觉效果,比传统的动画更加轻易与灵巧,更加“酷”。不可否认,它已经成为一种新时代的艺术表现形式。

(五)Flash动画制作的成本非常低,使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时,在制作时间上也会大大减少。

(六)Flash动画在制作完成后,可以把生成的档设置成带保护的格式,这样维护了设计者的版权利益。

3.3flash动画的前景

现在的Flash平台包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等;未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具,以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台,包括从桌面到移动设备,提供更丰富的网络内容和互联网应用,企业也能够通过Flash应用获得更大的受益。

(一)网络视频钟情Flash 面对全球超过100万的Flash开发者的期望,Macromedia也不断开发新的领域。而用户对视频应用的垂青,刺激着Macromedia推出新的工具。在上千开发者的注目下,Macromedia推出了Flash Media Server 2,以巩固其Flash Platform作为网络视频最佳选择的地位

(二)Flex 2产品线和Flash Player 8.5出手不凡

Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景,从电子商务产品配置,到需要与实时数据集成的可视交易应用。

Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能,并构建了先进的跨平台运行时环境。它备有一个新的虚拟机,可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范,能够更易于查找及解决问题,从而提高开发人员的工作效率。

3.4flash在网页中的应用

在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的\"流\"式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程

(1)建立一个新的场景

依次选择“文件”、“新建”、“Flash文档”命令,建立空白文档,大小为550*400像素,背景为白色。

(1)

(2) 重新命名场景和涂层名称

依次选择“窗口”、“设计面板”、“场景”命令,在弹出的场景面板中双击默认场景名称,改为“跳动的小球”。然后重新命名涂层名称,双击默认涂层名称,改为“地面”。然后用水平线表示地面,选择笔触颜色为黑色,单击“线条工具”按钮,在第一帧的舞台下方,拖动鼠标画一条直线表示地面。

(2)

(3) 插入水平线结束帧

单击水平线涂层第35帧的小方框,选中该帧;依次选择“插入”、“时间轴”、“关键帧”命令,在地面层的1到35帧之间插入了相同的水平线。

(3) (4)插入跳动的小球涂层,画小球的初始状态

双击默认的涂层名,改为跳动的小球涂层,此图层处于激活状态。设置填充色为黑色,在第一帧的舞台上方,画一个小球,删除轮廓线。

(4)

(5) 插入下一帧

单击跳动的小球层第二帧的小方框,选中该帧;依次选择“插入”、“时间轴”、“关键帧”命令,在第二帧中复制第一帧的图形;拖动小球向下移动一个距离,表示球在下落。

(5)

(6)制作下落动作的变化

重复上一步骤。

(6)

(7)小球变形

在下一帧的位置插入关键帧,利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化;单击小球,小球周围出现8个黑色句柄框;把鼠标指针移动到4个中间句柄处,拖动鼠标,把圆球编程椭球形。

(7)

(8)多次重复上面步骤,在不同的帧中,制作小球被压扁后又弹起的画面。参照第9步,制作小球被压扁后又弹起的画面。重复上述步骤,直到小球静止。 4.fireworks 4.1fireworks简介

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网页编辑来说,Fireworks将是最大的功臣。 借助于 Macromedia Fireworks 8,您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像,同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具,无需学习代码即可创建具有专业品质的网页图形和动画,如变换图像和弹出菜单等。

4.2fireworks在网页中的应用

众所周知,在网页上的jpg图片如果过大,会严重影响页面的打开速度,Fireworks提供优化图片的功能,即缩小图片的KB,而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片,所以它的容量会很大(因为它是适合处理印刷品,要求比较清晰),最终还是要用Fireworks来处理一下。

在优化面板里有“导出jpg较高品质”,导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。

4.3fireworks的重要性

为Macromedia家族的一员,三剑客之一的fireworks,她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。

4.4fireworks制作流程

1.准备素材 如图

2、因为这幅图片是位图,我们可以用魔术棒将电视机中间的画面选取成选区

2.选择菜单——将选取框转换为路径,得到电视画面的轮廓路径。当然,也可以用钢笔工具勾勒

4.将选中区域填充成折叠渐变

颜色可以自己选择:

5.用选取工具拖动渐变方向手柄,接近垂直或接近水平方向:

6.将调整手柄以初选中区域 并在帧属性,选取重制帧命令:选择三帧 或在多些

7.依次选择其他帧,拖动渐变调整手柄将其改变位置:柄以初选中区域 并在帧属性帧命令:

最后保存 导出gif图片 即可完成。

1.在Fireworks中打开一个新的画布,调整画布大小,选择工具栏中的文本工具,输入第一个数字,并设置好文字的字体、像素大小等样式

2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个

3.然后选择每一帧,并修改画布中的相应数字。

4.帧面板中右手边显示的是默认的帧延时值7毫秒,即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧,按住Shift键,点击底部的最后一帧,全选这些帧,在帧延时值处双击,在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。 5.最后一步,打开优化面板,设置导出文件格式为“Gif动画”,如图:

6.也可以在帧面板的底部设置Gif动画循环,默认为“永久”选项

7.画布颜色可以随意更改 再按f12 预览就可以了, 最后导出文件

5.参考文献

[1]刘宇.Flash短片轻松学中国大陆. 电子工业出版社 ,2009-01.

[2]章精设 ,胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设,2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版) . 清华大学出版社,2006-03

第11篇:网页制作学习心得

网页制作学习心得

网页制作学习心得一:网页制作学习心得

在学习网页制作的这段时间里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

通过这次制作网站的过程,我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容,为后面的工作节省很多时间,所以在制定计划时要有充分的准备。

另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

标题在个人主页中起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记,不要符合自己主页的主题和风格。

网页页面整体的排版设计也是不可忽略了,很重要的一个原则是合理也运用空间,让自己的网页井然有序,留下合适空间,会给人轻松的感觉。

主页中不光要有文字,还要适当地加一些图片。俗话说“一图胜千言”,我想它不无道理。一张处理得好的图片不需再多做解释,就能使人一目了然,让人去思考,去了解它。

我通过整个包括主题的确定,网页的设计,资料的整和等制作的过程,才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习,与同事之间互相协作学习,学会把理论知识运用到实际中,真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

>网页制作学习心得二:网页制作学习心得>>(1671字)

转瞬之间,半个学期又接近尾声,在李导师的精心辅导下,度过了这个富有生机,富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识,对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径,学海无涯苦作舟”。在这一绝世佳句的鼓动下,我把握了工作之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的收索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

在学习网页制作的过程中,我深深体会到一点“有付出,就终有回报”,你的付出与你的回报终究是成正比的。经过了多少漫漫长路,经过了多少忘我的投入,经过了多少波折,我的网页与众人见面了。当我第一眼在网络下一览我的个人主页,我是多么的激动,多么的兴奋,就像多年未见的老同学,一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的\'好名字\',别人第一次上了当,下次再也不会光顾了。

2.内容的采集

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层。

3.图片

做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说\'一图胜千言\',我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去,否则让人觉得是累赘,同时也影响网页的传输速度。图片不仅要好看,还要在保证图片质量的情况下尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢,一般来说,图片颜色较少的及在256色以内的最好把它处理成gif图像格式,如果是一些色彩比较丰富的图片,最好把它处理成jpg图像格式,因为gif和jpg各有各的压缩优势,应根据具体的图片来选择压缩比。

4.网页排版

网页页面整体的排版设计也是不可忽略的,要让读者在狭小的电脑屏幕上阅读,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。不要把整个网页都填得密密实实的,没有一点空隙,这样会给人一种压抑感。

5.背景

网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

6.其它

如果想自己的网页更有特色一些,可适当地加一些网页制作的技巧,诸如声音、动态网页、java、applet等,当然这些小技巧最好不要加太多,它会影响网页的下载速度。

等个人主页做得差不多了,可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议,及时得到网友反馈的信息,最好能做到有问必答,用行动去赢得更多的访问者;后者能让知道主页参观者的统计数据,可以及时调整设计,适应不同的浏览器和参观者的要求。

7.宣传

昨天,网页与我无缘,那是因为上天不给我们一个见面的机会!

今天,网页与我相识,与我相知,成为我的一个最真诚的朋友,那时因为李导师的辛勤栽培!

明天,网页与我一生相伴,终身相随,那是因为我领悟了什么是“一个网络,整个世界”。

总而言之,我将用毕生的精力,心血去换取网络中最灿烂的那颗夜明珠,在网页的蓝图里,我将记下人生不朽的个人诗篇!

>网页制作学习心得三:网页制作学习心得>>(717字)

在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

①标题

在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格。

②内容的采集

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。

③图片

做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说\'一图胜千言\',我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。

④网页排版

网页页面整体的排版设计也是不可忽略的,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。

⑤特色

让自己的网页更有特色一些,可适当地加一些声音、动态网页、Java、Applet。

⑥感悟

昨天,网页与我无缘,那是因为上天不给我们一个见面的机会!

今天,网页与我相识,与我相知,成为我的一个最真诚的朋友!

明天,网页与我一生相伴,终身相随,因为我已领悟了 一个网络,整个世界 。

>网页制作学习心得四:学习网页设计和制作的心得体会 >>(3026字)

我在网上进行的逻辑教学工作已经完成了,闲暇无事之余,便想将个人的主页——《思东书屋》重新进行一下规划和设计,为此购买了几本有关网页设计和制作的书籍,开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具,但是,编辑形式的改变并没有影响到HTML语言的整体结构,它只是简化了编程方式,用直观的具体形式取代了传统的不可见的抽象形式。

这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前,人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识,总是习惯于语言表达方式,不知道语言表达的缺陷是片面性和抽象性,而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代,此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态,这种表达方式远远落后于时代科学技术创新和发展取得的成果,它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材,就会被书中展示的图形和图像所吸引。由此看来,作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术,通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学,只有这样做才能使哲学理论跟上时代发展的步伐,真正做到与时俱进。

从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到,逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高,就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌,它同时也改变了人类自身固有的静态思维模式。在当今时代,老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。

从框架结构、层次关系和语句之间的嵌套关系中,我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来,那么,语言逻辑就是人们在日常生活和工作中使用的逻辑规则,例如刑侦逻辑,它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性,可见,强调无矛盾的同一律是语言逻辑的特点:思维和存在二者直接同一是语言逻辑的属性,表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。

数理逻辑是计算机硬件自身具有的逻辑规则,它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的颜色区分模式之间的相互关系,它直接通过逻辑真值表、二进制的语言和编码结构展示出来,这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是:它把握了思维和存在二者本质同一这一属性。

哲学逻辑则体现在计算机软件上面,例如电脑的操作系统平台以及网页设计和制作的具体方法,它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统,把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性,它们全都以“多样性的统一”这一模式出现,不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于:互联网的根基是建立在相互联系和相互作用的关系上面,它不是单纯的存在物自身具有属性,而是以关系网形式出现的新事物。可见,随着互联网的发展,人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上,可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念,将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同,在逻辑规则环节绝对同一,没有本质的区别。

这就是人类的智慧,它在远古时代就把握了复杂多变的关系网。然而,只有在互联网充分发展的今天,人们才能够深刻地理解老子大道的内涵,才能够揭示出真实逻辑自身具有的一个圆圈模式。

从老子大道的终极谜底中人们看到,真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套,大圆圈就相当于服务器,小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论:它是本质环节的工具,各种软件则是它的具体应用工具。

如果我们用逻辑图的形式将三种逻辑规则和相互之间的关系展示出来的话,它是这样的形式:

┌属性:思维和存在直接同一,无矛盾的关系

┌语言逻辑┤具体环节:经验理论

│ └形式:如日常交流、刑侦破案,无概念的形式

│ ┌属性:抽象的本质关系,无矛盾的形式

逻辑┼思辨逻辑┤本质环节:计算机硬件中的逻辑规则:图形、符号理论

│ └形式:符号逻辑、数理逻辑、模式逻辑,知识理论

│ ┌属性:具体存在的关系模式,无矛盾的模式

└真实逻辑┤系统环节:计算机软件中的逻辑规则:图像、概念理论

└形式:哲学逻辑、辩证逻辑、逻辑模式,可视化编程

从这个逻辑图中人们看到,逻辑的属性是强调思维和存在的同一性,它是实现思维和存在同一性的手段、方法、形式。不同的逻辑规则把握思维和存在的同一性程度不同,它分为三种形式:具体环节是形式同一,理性环节是本质同一,系统环节是模式同一。亚里士多德的《工具论》就停留在形式同一环节,德国古典哲学上升到本质同一的高度。老子的大道以隐藏形式把握了模式同一,《思维工具论》将这种模式同一从隐藏形式转化为直观的显露形式。由此构成人类逻辑思维发展演变的全过程。

随着互联网的普及,网页制作技术的广泛应用,人们对于逻辑规则就不会感到陌生,因为HTML语言结构已经将哲学的逻辑模式以可视化的形态展示出来,同时也将哲学逻辑自身具有的应用价值和能够发挥的巨大威力展示出来。此时,“逻辑”对于懂得电脑知识的人们来说已经不再是一个抽象的名词概念,而是帮助人们迈进网络世界大门的思维工具。

以框架结构的逻辑规则为例,它充分体现出思维规则:两个层次、两种形式的对立统一。逻辑图为:

┌具体:内联式样式表:只对使用它的元素起作用:文字和段落

┌自身形式┤

┤ └一般:嵌入式样式表:通过标记形式规范整个文本:统一格式

│ ┌外部式样式表,通过CSS模式进行规范整个网站的风格

└联系形式┤

└系统模式:同时使用多层样式表,即各种格式之间的有机结合

这就是思维规则在网页制作中的具体应用。人们只要通过学习网页制作的方法,就能够理解《思维工具论》讲述的逻辑规则。这就是电脑与人脑在逻辑规则上面具有的高度同一性。它就是谢林哲学强调的“绝对同一”理念。

逻辑属于抽象的形式联系,它不涉及里面的具体内容,属于科学的思维方法和工具。网页语言结构恰恰将逻辑的属性、形式和特点全面地展示出来。它扬弃了里面的内容,只考虑抽象的结构和形式之间的关系,无论是文本,图片、还是动画,都可以作为“同一的事件”看待起来,具体内容的变化与逻辑形式、逻辑规则无关。可见,人们在学习网页制作的时候只要反思一下里面的逻辑规则,就会把握住科学的思维方法。只要将编制网页的方法应用到各种理论问题的分析过程中,就能够摆脱经验理论的束缚,从而上升到科学理论的高度。

逻辑是方法、手段、工具,它是人类智慧创造出来的精神财富,是认识论规律的表现形式。人们的头脑中如果没有逻辑规则的话就会偏离真理的轨道,就会停留在经验理论和生活常识中,不能迈进科学理论的门槛。

这就是老子讲述的不言之教包含的丰富内容,它是科学的认识方法、认识模式、逻辑规则、思维工具。

>网页制作学习心得五:网页制作学习心得>>(1414字)

教育技术是一门跟计算机密不可分的的专业,这学期我们开了网页制作这门课程,从上大学以来我就一直期待这门课程,因为在我们日常网络中网页是不可缺少的,我也对它非常感兴趣。所以要认真的学习。争取多学习一些这方面的东西。

通过第一堂课的学习,我对网页有了更深一步的了解和认识了,网页分为静态网页和动态网页两种。打开静态网页只需

一、静态网页与动态网页的关系

1、静态

静态网页的网址形式通常以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与动态网页是不同的概念。

运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、JavaScript、VBScript等等,它们是永远不变的。

静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。

2、动态

是与静态网页相对应的,也就是说,网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式,而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。

从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。

1)开发公司:微软(Microsoft)

2)服务器IIS(Internet information service)

ASP---IIS的安装与配置

二、动态网页技术

IIS的安装与配置

a.安装IIS

若操作系统中还未安装IIS服务器,可打开“控制面板”,然后单击启动 “添加/删除程序”,在弹出的对话框中选择“添加/删除Windows组件”,在Windows组件向导对话框中选中“Internet信息服务(IIS)”,然后单击“下一步”,按向导指示,完成对IIS的安装

b.启动Internet信息服务(IIS)

Internet信息服务简称为IIS,单击Windows开始菜单---所有程序---管理工具---Internet信息服务(IIS)管理器,即可启动“Internet信息服务”管理工具.

c.配置IIS

IIS安装后,系统自动创建了一个默认的Web站点,该站点的主目录默认为C:\\Inetpub\\www.root。

用鼠标右键单击“默认Web站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,在该对话框中,可完成对站点的全部配置。

启动与停止IIS服务

在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击可启动IIS服务器;单击 则停止IIS服务器。

3、PHP是英文超级文本预处理语言Hypertext Preproceor的缩写。

PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法

1)、开发:有个人开发

2)、服务器 Apache HTTP server

4、JSP(Java Server Pages)

1)、开发:是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

2)、服务器:Apache Tomcat

三、静态网页布局

参照屏幕录像,本节主要讲表格式布局,学习了表格拆分的方法!

四、代码

第12篇:网页制作心得体会

网页制作心得体会

在制作一套网页之前,首先必须先定位网页的方向,及确定所制作网站的标题。标题在个人主页中起了很重要的作用,他很大部分的决定了你整套个人主页的定位是否正确,一个好的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格,决不要取什么名实不符或则夸大夸大其词的“好名字”,别人第一次上你的当下次恐怕再也不会光顾了。

选好标题后,开始采集内容,内容必须紧随着标题,在采集内容过程中,很重要的一个“特”色,所谓特色应该是有一些自己的东西,不能跟平常中所看到的企事业单位的网页相比,个人主页中的特色,应该突出自己独特的个性,把自己的兴趣、爱好尽情的发挥,因为在网络上不受限制,没有人在你的创作内容上指手划脚,品头论足、你的主页就是你在网络上的一个小小家园,在那里你可以放上你自 己喜欢的任何东西(当然不是违法的内容、不涉及到版权的),包括你自己平时写的一些文章,一些好听的歌,一段幽默的文章,收集一些好的作品,把这些内容按类别进行分类设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层,而你的拳头栏目最好能直接从首页到达,保证主页用各 种浏览器的都能看到最好的效果。

做个人主页我觉得不能光光用文字,必须在主页上适当的加一些图片,增加可看性,俗语有一句话“一图甚千言”我想不无道理,一张好处理看的图片不须要你多做任何解释,就能让人流连忘怀,浮想联翩,总能让人去思考,情不至竟的去了解他,当然处理不好的以及那些无关紧要的图片最好不要放上去,让人觉得是累赘,影响了网页传输速度,图片不关要好看,还要在保证图片质量的情况下尽量缩小图片的大小即字节数,在目前网络传输速度不是很快的情况下,图片的大小很大程度上影响了网页的传输速度,那么如何精简图片的大小呢,一般来说,图片的颜色较少的及在256色以内的最好把它处理成gif图象格式,如果是一些彩色照片、色彩比较丰富的图片最好把它处理成jpg图象格式,因为gif和jpg各有各的压缩优势,应跟据具体的图片来选择压缩比。

网页页面设计整体的排版设计也是不可忽略得,要使用户在狭窄的电脑屏幕上阅读,很重要的一个原则是合理的运用空间,让自己的网页疏密有致,仅仅有条,不要把一整个网页都填的实实的,没有一点空隙,给人一种急迫感,看一套网页应该让人觉得很轻松,留下必要得空白,

网页的背景并不一定非要运用白色,但选用的背景应该跟整套页面的色调相协调,应该有特色,合理的应用色彩是非常关键的,据心理学家的研究“色彩最能引起人们 奇特的想象,他最能拨动感情的琴弦”比如说你做的个人主页是属于感情类的,那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩,而不要用黑色、深蓝色这类比较灰暗的色彩,黑色他是所有色彩的集合体,黑色比较深沉,他能压抑其他色彩,在图案设计中黑色经常用来绘纹样、勾边或点缀最深沉的部位,黑色不是灵丹妙药,用时必须苦心经营,否则会时图案“黑色太重”或显得沉闷阴暗。

如果想自己的网页更有特色一些,可适当的加一些网页制作得技术,诸如声音、动态网页、java、applet等技术,当然这种技术最好不要加太多,他会影 响网页的下载速度,另外可考虑一下你主页的定居点速度和稳定性,不妨考虑建一两个镜象站点,不仅能照顾到不同地区网友对速度的要求,还能作好备份,以防万一。 等个人主页作了差不多了,可别忘了在您的个人主页上放一个留言板、一个计数器是必要的,前者能让你即使的获得参观者意见和建议,即使的得到网友的反馈信息,你最好能做到有问必答,用行动去赢的更多的访问者,后者能让你知道主页参观者的统计数据,你可以即使调整你的设计,适应不同的浏览器和参观者的要求。最后一步就是宣传你的个人主页,首先你先在各个搜索引擎登陆,这点你可以交给一些网上专门免费提供这类服务的站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接。通过他们网站来访问你的个人主页。扩大你网站的知名度。

第13篇:网页制作自荐书

尊敬的公司领导:

您好!

当您启开这份自荐书时,将是对我工作三年来的检阅;当您最终合上这份自荐书,也许又将决定我人生新的征程。--感谢您百忙中垂阅我的自荐书,相信我一定不会让您失望。首先向您介绍一下自己的情况:

我来自风景优美的小城市--江西九江,2004年毕业于江西经济管理干部学院。是计算机信息管理专业的一名专科生,已经在中国联通九江分公司工作了三年半的时间。获知贵单位广纳贤才,我慕名而至,真诚的渴望加入,为贵单位的明天添砖加瓦,更愿为此奉献自己的青春和智慧。

在中国联通九江分公司工作的这三年半时间里,我所在的部门是运行维护部,主要从事数据网工程建设与维护。在这工作期间,多次参加九江数据网的工程建设和割接维护,对数据通讯设备有一定的了解并能针对故障准确做出判断,并独立完成建立九江联通网站,以及参加过省公司VpN,3COM等技术培训。曾获得到公司评比的优秀集体及优秀个人。我在这份工作中付出了自己的努力并取得了一定的成绩,但由于个人原因需要离开这个工作岗位。在招聘网上看到贵司正在招贤纳才,自认为与贵司需要招聘的人才相符,有信心做好这份工作并渴望加入贵团队。道以挫成,有恒乃硕。我想只要我心里有目标,能吃苦的我到哪里都是会成功的。

此外,由于本人在网页制作方面有浓厚兴趣,并能熟练运用办公自动化软件及网页制作方面软件,我有信心能在最短的时间内融入到贵单位的工作环境当中。

古有毛遂自荐,今有伯乐点将。愿借您伯乐慧眼,开始我千里之行。疾风知劲草,路遥知马力。简单几页纸只是我的\"广告\"和\"包装\",\"产品\"的\"质量\"和\"性能\"有待于您通过\"使用\"来证明。

最后,请允许我祝愿贵单位事业上蒸蒸日上,更上一层楼,同时也祝愿您工作顺利、一帆风顺!

第14篇:制作简历网页

课题三:制作简历网页

内容提要

1.输入、编辑文本

2.插入图片

3.插入特殊字符

4.Serv-U:FTP服务器的使用

学习重点

1.Serv-U:FTP服务器的使用

2.DW编辑器中, FTP服务器的设置

3.编辑文本、插入特殊符号

一、Serv-U服务器的使用

1.启动Serv-U服务器

运行ServUTray程序后,将会在状态栏的右下角显示服务器图标。

2.激活软件:

打开 Serv-U,双击“本地服务器”后点“许可-输入密钥”,然后将以下内容复制到注册框中:

9dK4g4iPhvOsoEY9nprEiSsmW7OUqFaGuwHT1CtBn9K6hQVg0bd2okQ9ldel+1IGE9b4xDP0q2W+vE4vgZLA7unm6t3CxTI

3.添加新建域:设置域IP地址

起域名

域端口号:21

域类型:

最终域界面

4.新建用户

用户名称

设置密码

主目录的设置

是否锁定主目录:是

用户权限的设置

管理员的权力

二、DW里FTP服务器的设置

1.创建站点:对本地信息进行设置

红色框的项目都要设置

2.远程信息的设置:

不用使用安全FTP,否则将造成无法直接上传

3.站点的上传

在文件面板上,选中站点名称,点鼠标右键,选择上传,将会将整个站点的内容全部上传.

4.当前编辑文件上传: 快捷键(CTRL+SHIFT+U)

注意上传之前要记得保存当前文件.

三、浏览FTP服务器的内容

打开IE浏览器,在地址栏里输入IP地址,输入用户名和密码登陆即可。

登陆后,服务器上的内容

四、制作简历网页

1.新建一个站点:包含本地(HTTP)和远程(FTP)的设置

2.新建一个首页:index.html

对首页进行页面属性设置:

3.输入文字

张三简历:标题

1、居中、插入水平线

4.文字复制时注意的问题

姓名 张三

年龄 23

毕业院校西安理工大学

最高学历本科

英文水平六级

注意:若将该文字复制至DW中,要“清除WORD生成的HTML”。 需复制的文字最好是TXT文档比较好。将不会产生多余的文字格式。

5.文字首行缩进的方法:3种

中文输入法,全角状态(SHIFT+空格)。

通过“插入-文本-不换行空格”

通过菜单“编辑-首选参数-常规”

6.图片属性的设置

7.页面属性的设置

第15篇:如何制作网页

如何制作网页 电脑巧门 2008-11-07 23:07:49 阅读 1016192 评论 949 字号:大中小 订阅 很多朋友渴望有一个属于自己的网站,看到其他朋友的精美的网页非常羡慕,现向朋友推荐做网页的 软件,FrontPage 2003 是 Office 家族的一员,相对于其他的网页编辑软件,他的操作更加的简单方便, 所以学习起来非常的快捷。这个教程是金鹰教程网专门为初级用户特别编制的,相信一定会给朋友一 个认识网页制作,学习网页制作的机会。 软件下载:◆点击下载 第一章:基本 1.如何学习FrontPage 4.界面介绍 7.网站规划 10.总结 第二章:网站 11.制作网站的流程 14.关闭网站 17.文件夹列表 1 第三章:网页 19.新建网页 22.关闭网页 25.设置标题 20.保存网页 23.页边距 26.复制网页 21.打开网页 24.操作背景 27.总结 12.网站元素级别 15.打开站点 18.文件夹列表 2 13.创建站点 16.重命名站点 2.网站、网页的概念 5.界面操作 8.色彩搭配 3.启动与关闭 6.视图操作 9.设计草图 第四章:文字操作 28.学习思路 31.选择文本 34.撤销、恢复 37.复制文本 40.设置段落格式 43.总结 第五章:表格 44.学习思路 47.删除表格 50.删除单元格、行和列 53.设置表格属性 56.设置宽度和高度 59.文本表格互转 第六章:项目符号和编号 64.将项目符号、编号添加到现 有文本 45.添加表格 1 48.添加单元格、行和列 1 51.选表格、单元格、行、列 54.设置单元格属性 57.合并单元格 60.格式应用 46.添加表格 2 49.添加单元格、行和列 2 52.添加、删除标题 55.设置细线边框 58.拆分单元格 61.总结 29.输入文字 32.设置文本格式 35.格式刷 38.剪贴板 41.段落间距 30.导入文字 33.删除文本格式 36.添加边框、底纹 39.移动文本 42.插入符号 62.学习思路 65.重新调整 第七章:图像 67.学习思路 70.预览插入图片 73.设置填充 76.设置三维效果 79.旋转图形 82.插入艺术字 63.创建项目符号、编号 66.总结 68.插入图片 1 71.设置图片格式 74.设置边框 77.调整大小 80.对齐和排列 83.设置艺术字 69.插入图片 2 72.插入自选图形 75.设置阴影 78.组合图形 81.插入文本框 84.编辑文字 85.总结 第八章:音频、视频等元素 86.学习思路 89.制作按钮 92.添加背景音乐 95.总结 第九章:框架 96.学习思路 99.设置初始页 102.调整框架 105.嵌入式框架 108.练习2_框架网站 111.练习5_框架网站 第十章:超链接 113.学习思路 119.设置超链接颜色 122.重新指向页面 125.总结 第十一章:其他元素 126.学习思路 129.设置字幕 132.元素总结 127.水平线 130.添加网页过渡 128.添加字幕 131.删除网页过渡 114.创建同网站内超链接 120.设置

超链接屏幕提示 123.创建电子邮件 115.创建外部超链接 118.设置超链接字体效果 121.删除超链接 124.删除书签 97.创建网页框架 100.设置框架的显示 103.拆分框架 106.总结 109.练习3_框架网站 112.练习6_总结 98.编辑框架内容 101.重命名框架 104.删除框架 107.练习1_框架网站 110.练习4_框架网站 87.添加 FLASH 90.添加视频 93.小技巧 88.设置基本 FLASH 内容 91.设置视频 94.删除元素 116.创建同一文件的超链接 117.不同元素的链接 第十二章:上传网页 133.申请空间、域名 134.上传软件 135.上传网页 第十三章:建立自己的个人主页 136.规划 139.建立网站 142.制作广告 145.编辑简介 148.网页命名 151.制作 3 154.制作 6 157.总结 第十四章:公司主页 158.规划 161.设置网站 164.制作广告 2 167.建立导航 2 170.简介页面 2 173.企业文化 176.添加链接 179.修改主栏目 2 182.总结 第十五章:利用向导建立网站 183.规划 186.使用向导 3 189.修改主页 192.修改服务 184.使用向导 1 187.使用向导 4 190.修改新闻 193.修改主题 185.使用向导 2 188.测试 191.修改产品 194.更改导航 1 159.绘制草图 162.网页布局 165.制作广告 3 168.插入框架 171.应用主题 174.产品展示 177.测试 180.修改链接 160.建立网站 163.制作广告 1 166.建立导航 1 169.简介页面 1 172.调整 175.联系方式 178.修改主栏目 1 181.修改框架 137.风格和主题 140.素材 143.建立导航 146.应用主题 149.制作 1 152.制作 4 155.制作 7 138.绘制草图 141.网站布局 144.插入框架 147.调整 150.制作 2 153.制作 5 156.制作 8 195.更改导航 2 198.新闻具体内容 196.更改导航 3 199.产品具体内容 197.更改导航 4 200.悄悄告诉你的秘密

第16篇:网页制作报告

课程名称:集中上机(网络、语言)

课程编号:041221

姓名:代悦超

学院:通信与信息工程学院

班级:0101020

学号:2010210663

网页制作报告

网页制作报告

一. 实习目的:为了验证和巩固理论知识,提高同学们的学习兴趣和动手能力,培养同学们的协调工作意识和能力,特安排本实验内容。希望该实验课能够激发同学 们的学习热情,为同学们将来走上社会就业提供实践的指导作用。

二.实习基本要求:(1)为了充分发挥同学的主动性,同学可自选课题,但必须事前经计算中心试验指导老师审定认可。

(2)根据课题工作量大小或难易程度同学可自行分组完成,通常每组人数最多不超过2人。

(3)开发工具不限。

(4)主题要求健康、积极,具有一定的技术难度,如平面布局合理、美观;有动、静态文字、图片的结合、多页链接、网站链接等。 (5)实习报告突出策划、设计、编码、测试等主要过程。

(6)提交实验报告的形式既可以是完成课题的总结,也可以是完成课题项目的使用说明等。但文本编排必须规范。

三.设计工具:Dreamwaver8, Flash8, Fireworks8

四.站点构思:

诗词本就是中国古老的传统文化之一,有了诗词才有了中国文化的灿烂辉煌,所以我的主题为诗词之家:首先,在中间的最上方就是我们的网站名,网站名的两边分别插入两幅图片,显示出诗词的古色古香。其中的图片也是使用了Fireworks来进行修改。导航栏分为首页,古诗,名词。推荐诗词,名家评论,诗朗诵,联系我们和退出。主页正文主要是诗词的链接和外部网站的链接,以及网站的美化设计。之后从首页导航进入古诗或者名词,这两个页面主要介绍中国古诗词的传统文化和基本知识,同时,也有相关诗词的链接。进入推荐诗词这个页面,首先我们看到的是一个flash动画来展现毛泽东的书法,其中以翻书页的形式来展现,形象而生动。下面就是我们推荐的诗词了,因为推荐的诗词有点长,所以我们用到锚点连接,可以直接点击到达需要浏览的位置,方便实用。之后是名家评论页面,我先把我们评诗的好处和收获写出来,然后就列出了很多名家对诗词的评论,当然,也必须用到锚点连接来使网站更实用。诗朗诵这个页面主要提供有声有景的朗诵,可以使朗诵爱好者学习交流,也提供了这些朗诵原件的下载地址和链接。联系我们页面简单,主要说明我们的联系方式和邮箱链接。最后,每个页面都可以点击退出来关闭当前页面。对于诗词作者以及作者的诗词,页面基本一样,都是有关作者介绍,和主要诗词和图片。

五.关键技术及体会:

1.学会了背景图片,颜色等多种页面设置。

2.需要掌握表格插入及其格式设置,包括其中文件与表格的协调。3.需要熟悉网页之间的链接办法。一般情况简单的链接办法就是在设计栏中链接后输入链接址。

4.要掌握导航条的制作办法。主要是合并单元格以及居中对齐,再进行链接。

5.需要掌握图片和多媒体的插入及其参数的设置。点击工具栏中的flash按钮添加flash并可以再设计栏中设置参数。

6.熟悉页面标题、关键字、字体、背景、宽高度等参数设置。

7.学会使用javascript语句进行简单的命令。比如进行提示框还有退出页面的按钮都是用javascript语句来完成。

8..学会锚点链接。页面内部的优化少不了用到锚点链接,可以使网页使用更方便。 9.学会了mailto语句进行邮箱链接。 10.学会了用软件来修改图片和多媒体。

总之,经过了将近两个星期的奋斗和琢磨,终于把自己的网站建立起来了。对于一个在这方面还是空白的我来说,确实是一个挑战。学习,交流,观看教程,最终弄出了自己的网站,虽然网站很粗糙,也很简单,还有许多可以改进的地方,但是我确实很兴奋,因为这是我自己独立完成的每一个小的步骤都是我自己琢磨和实践得来的。

另外,希望老师和大家能给我一些建议和更好的方法,感激不尽!

设计 布局 浏览方式

在每页的最左边整体构架(导航)

标志,

精髓的标语动态显示

主题颜色

第17篇:个人网页制作

个人网页制作

宣传语:如果你已经上网,为何不尝试一下在网上做一个完全属于自己的主页?有了自己的主页,全世界的人都可以随时找到你,你也可以向全世界宣传下自己,是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法:

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如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将你所有的主页文件上传至主机指定的目录就可以了!

注意:一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了引用!

第18篇:网页制作心得

网页制作心得

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

一、准备资料和挑选网页设计的合适工具

俗话说:“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来,作为以后自己设计主页时的参考。 另外,还包括搜集美化主页可能要用到的各种材料,如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹,下分“e-mail图标、背景、线条、动画”等文件夹,养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。要做到这一点,首先要在整体上规划好自己网站的主题和内容,确定自己需要传达给访问用户的主要信息,然后仔细斟酌,把自己所有要表达的意念合情合理地组织起来;其次,是设计一个富有个性的页面式样,务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。

三、善用图片,增强艺术效果,加快主页浏览速度

网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精******图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

第19篇:网页制作说课稿

《网页制作》说课案

各位领导、各位老师评委:

很高兴有机会参加本次说课的活动,聆听各位评委的悉心指导。我今天说的课程名称是《网页设计与制作》,使用的教材是高等教育出版社的《网页设计与制作》教材。下面我分四个方面进行说课,请评委指正。

一、说课程信息

1、本课的地位和作用:

《网页设计与制作》是高职计算机专业必修的职业技能课,一共有六十课时,是理论实践一体化课程,前边学过《计算机应用基础》、《平面设计》、《动画 设计》等课程,因此,学生已经具备了一定计算机素养, 大部分同学对制作网页充满了兴趣,能自己设计制作一 个网站是许多学生心中的梦想。因此,在教学过程中,我们加以引导,理论够用为度,重点培养学生动手实践 能力和自学能力,为后续的《ASP动态网页制作》打好基础。

2、课程目标

本课程的教学目标是着力培养学生网页设计与制作的思维和创新能力。本课程目标分为知识目标和能力目标。

(1)了解HTML语言中常见标记及其作用 (2)熟练掌握dreamweaver的基本操作方法 (3)理解表格、框架、层的作用,掌握属性的方法

(4)理解CSS样式表的作用和意义,掌握定义CSS样式的方法 (5)理解表单的作用,掌握设置表单元素的属性方法 (6)理解模板和库的作用 (7)初步了解动态网页设计方法

3、课程特色

该课程是一门新兴的课程,发 展比较迅速,而且内容随着计算机技术的发展在不 断的改变。因此,我们要教给学生“万能钥匙”,充分发挥学生的主观能动性,确立学生在学习中的 主体地位;以技能为本,倡导自主、合作、探究的学习方式,同时采用模块化教学、理论与实践相结合的特色。

4、学生情况分析

通过第一学期计算机基础课程的学习,大部分同学会简单的计算机基础操作,对网络充满兴趣但是大部分学生对于网页设计制作陌生没有思考过如何制作网页。

二、说课程设计 1.课程内容选取

根据对职业岗位的知识、能力、素质结果分析,并体现针对性和适应性的特点,本课程以职业能力培养为目标,在内容选取上主要着眼于了解网页制作的基本原理和规则,熟练掌握一个优秀的网页制作工具,熟悉HTML语言、CSS样式以及熟悉网页布局、颜色搭配技巧等几个方面的知识和技能。本课程使用模块化教学,以具体案例贯穿教学全过程,在精心设计教学任务中涵盖了网页制作设计所需要掌握的知识点和应用技能,整个教学内容的选取不仅有利于学生网页设计能力的培养,同时也为学生的可持续发展奠定了良好的基础。 2.教学内容设计

(1)整合、程序化教学内容,学习与工作相结合,理论与实践一体化

以案例贯穿全过程,围绕完成每一个具体工作任务所涉及的理论知识,以知识点的方式将相应内容分布到各个模块之中,实现理论与实践的一体化。 (2)教学内容项目化

采用项目化教学的理念设计教学大纲,并组织教学内容。课程以dreamweaver8为教学平台,以项目导向,任务驱动的方式组织教学,以工作任务为主线,以学生为主体以教师为主导,融教学做于一体。 (3)课程结构模块化

本课程采用模块化的课程结构,以项目为导向,使用一个具体案例贯穿,将整个课程分为6个模块,每个模块都有细化任务。

3、教学方法设计

本课程采用任务驱动的教学模式,实施项目化教学方法,课堂与实训地点一体化,从以下三个方面展开:

(1)采用任务驱动的教学模式

整个教学过程构成了以工作任务为主线,以学生为主体,以教师为主导的新型教学模式。采取小组讨论、协作学习的方式,以实际的项目来驱动学生主动学习。通过完成项目活动,来应用已有知识和学习掌握新知识,达到培养学生分析问题和解决问题能力的目的。 (2)实施项目化教学方法,课堂与实训地点一体化

实行分组教学,以小组为单位完成实训教学任务,以学生操作为主,完成每个模块的实践操作,以教师引导为辅,适当讲解操作过程中遇到的理论知识,将练结合,以练为主,组织学生完成能力拓展训练。

(3)采用四部曲的教学流程,融教学做于一体

第一步,教师展示示范项目,分析工作任务,演示操作流程,讲解涉及的理论知识。 第二步,下达实训项目工作任务,提出完成任务的具体要求和完成时间。 第三步,小组协作学习,完成实训项目。

第四部,项目验收,学生自我评价,教师综合评价。

三、说课程实现

1、教学手段

为了顺利完成上述教学目标,最大限度地达到良好的教学效果,在学校机房进行教学,通过多媒体教学系统的播放、监控、反馈、讨论、传输等功能完成教学任务。具体过程如下: (1)导入

通过生动,有趣的动画演示和导入语,吸引学生的注意力,激发学生的学习兴趣,酝酿创造作品的参与热情,进而适时向学生导入本节课的教学目标。 (2)观摩作品

演示老师已经设计好的一个作品范例,并启发讨论。以范例供参考,学生根据经验感受作出建构自己的标准,如:什么样的网页才是好看的?怎样设计才算有特色?等。把任务的重点和要求,以及需要注意的地方告诉学生,使学生明白本节课要完成的内容,有目的,有重点的进行学习。

(3)学生自主学习为主,教师指导为辅

学生根据要完成的本节课的任务,选择学习资源中相关的学习内容,进行自主学习。从简单的模仿开始,大胆进行探索实践,通过多种渠道寻求问题的解决。对自主学习、

探索问题解决过程中出现的问题,教师应及时利用多媒体计算机系统的各种功能进行帮助、指导,鼓励学生开展协作学习拓展思路,使不同程度的学生都能向目标迈进。

2、教学资源

选择特色教材,结合电子课件和课程案例库进行综合习题和课后练习,各种教学资源相结合。

四、说教学评价

本课程采用小组整体评价和学生个体评价相结合,教师评价和组长评价相结合,教师评价和学生自我评价相结合,理论和实践项目评价相结合的多种评价融合。

例如:

选择学生制作的具有代表性作品进行展示,由师生共同参与点评,对学生中体现出来的好的制作经验和体会,给予肯定;对不足的地方提出指导性的意见,使学生的阶段性的作品逐步趋于完善。

另外,在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作,作为教师,我会及时表扬或鼓励他们,增强他们的自信心。这就是我全部的说课内容,仅大家参考,并请各位评委和老师指正。

第20篇:网页制作幻灯片

1.在用FrontPage制作的网站中,默认方式下主页的文件名为()。A.htm.htm B.html.htm C.index.htm D.http.htm 标准答案:【C】做答结果:【】×

2.单击“资源管理器”按钮,打开N盘文件“shuhaisb.htm”网页,“自我介绍”链接到的网页是(

)。 A.index.htm B.tx.htm C.mwzx.htm D.myself.htm 标准答案:【D】做答结果:【】×

3.单击“资源管理器”按钮,打开N盘文件“tangshisx.htm”,下列不属于水平线属性项目设置的是()。A.宽度 B.高度 C.层

D.对齐方式

标准答案:【C】做答结果:【】×

4.单击“资源管理器”按钮,打开N盘文件“tangshisx.htm”,网页中水平线高度是()。A.1 B.3 C.5 D.7 标准答案:【B】做答结果:【】×

5.单击“资源管理器”按钮,打开N盘文件“ziwojs.htm”,表格中“像片”单元格是由以下哪种操作得到的()。A.插入表格 B.删除表格 C.合并单元格 D.拆分单元格

标准答案:【C】做答结果:【】×

6.单击“资源管理器”按钮,打开N盘文件“lishigs.htm”网页,标题中“屈原沉江”用到的超链接格式是( ) A.当前文件 B.书签 C.屏幕提示 D.目标框架

标准答案:【B】做答结果:【】×

7.单击“资源管理器”按钮,打开N盘文件“myself.htm”网页,要给表格单独设置边框颜色,右键单击表格后,要用到的命令是(

) A.属性 B.网页属性

C.单元格属性 D.表格属性

标准答案:【D】做答结果:【】×

8.使用Frontpage制作网页时,图片文件默认保存在()文件夹中。A.我的图片 B.Myweb C.Mypicture D.images 标准答案:【D】做答结果:【】×

9.Frontpage中使用“文件—新建—站点”创建的网站,()文件夹来管理网页中使用的图像文件。A._private B.images C.建立网站的根目录 D.Mypicture 标准答案:【B】做答结果:【】×

10.单击“资源管理器”按钮,打开N盘文件“lishigs.htm”,“历史故事”几个字的字号、颜色分别是()。A.6磅,蓝色 B.24磅,深蓝 C.24磅,海军蓝 D.6磅,黑色

标准答案:【C】做答结果:【】×

11.单击“资源管理器”按钮,打开N盘文件“lishigs.htm”网页,以下文字没有超级链接的是(

) A.晁错削地 B.荆轲刺秦 C.屈原沉江 D.历史故事

标准答案:【D】做答结果:【】×

12.单击“资源管理器”按钮,打开N盘文件“tangshisx.htm”,水平线的宽度和高度分别是()像素。A.30,3 B.80,4 C.40,12 D.40,10 标准答案:【A】做答结果:【】×

13.单击“资源管理器”按钮,打开N盘文件“shuhaisb.htm”,水平线的对齐方式是()。A.居中 B.左对齐 C.右对齐 D.匀齐

标准答案:【A】做答结果:【】×

14.单击“资源管理器”按钮,打开N盘文件“tangshisx.htm”,查看表格边框粗细为()。

A.1 B.2 C.3 D.4 标准答案:【A】做答结果:【】×

15.单击“资源管理器”按钮,打开N盘文件“ziwojs.htm”,表格的行列数是()。A.4行4列 B.6行5列 C.5行5列 D.4行5列

标准答案:【B】做答结果:【】×

16.单击“资源管理器”按钮,打开N盘文件“meiwenzx.htm”,下列不是书签的是()。A.朱自清——《春》

B.朱自清——《荷塘月色》 C.郁达夫——《故都的秋》 D.老舍——《济南的冬天》

标准答案:【D】做答结果:【】×

17.单击“资源管理器”按钮,打开N盘文件“shuhaisb.htm”网页,“成语故事”这几个字的颜色是(

) A.黑色 B.浅红 C.玫红 D.蓝色

标准答案:【D】做答结果:【】×

18.单击“资源管理器”按钮,打开N盘文件“tangshisx.htm”,“唐诗赏析”这几个字的字体、字号分别是()。A.仿宋,16磅 B.黑体,12磅 C.隶书,24磅 D.楷体,24磅

标准答案:【C】做答结果:【】×

19.单击“资源管理器”按钮,打开N盘文件“myself.htm”网页,要给“生日”单元格单独设置背景,右键单击“生日”单元格后,要用到的命令是(

) A.属性 B.网页属性 C.单元格属性 D.表格属性

标准答案:【C】做答结果:【】×

20.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,各幻灯片之间采用的切换方式是(

) A.垂直百叶窗 B.水平百叶窗 C.盒装展开 D.无切换

标准答案:【C】做答结果:【】×

21.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,第1张幻灯片中标题“中华五岳”文本采用的自定义动画方式是(

) A.垂直百叶窗 B.水平百叶窗 C.左侧飞入 D.溶解

标准答案:【A】做答结果:【】×

22.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,第1张幻灯片中标题“中华五岳”的效果是(

) A.插入—文本框—水平B.插入—文本框—垂直 C.插入—图片—艺术字 D.插入—图片—自选图形

标准答案:【C】做答结果:【】×

23.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,第3张幻灯片中,“西岳华山”几个字的字体、字号是(

) A.黑体36磅 B.楷体36磅 C.楷体60磅 D.隶书小四号字

标准答案:【C】做答结果:【】×

24.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,整个演示文稿的换片方式是(

) A.每隔1秒换页 B.每隔2秒换页

C.必须用鼠标单击换页 D.每隔2分钟换页

标准答案:【B】做答结果:【】×

25.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,第6张幻灯片的标题是(

) A.东岳泰山 B.西岳华山 C.北岳恒山 D.中岳嵩山

标准答案:【D】做答结果:【】×

26.PowerPoint中,在浏览视图下,按住ctrl并拖动某幻灯片,可以完成()操作。A.移动幻灯片 B.复制幻灯片 C.删除幻灯片 D.选定幻灯片

标准答案:【B】做答结果:【】×

27.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第6张幻灯片中“返回首页”文本链接到第(

)张幻灯片

A.1 B.2 C.3 D.4 标准答案:【A】做答结果:【】×

28. 单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第3张幻灯片中,使用了艺术字效果的文字是(

) A.原始观音座莲 B.荷叶铁线蕨 C.对开蕨 D.光叶蕨

标准答案:【A】做答结果:【】×

29.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第6张幻灯片中,文字“桫椤”在放映时的出场顺序是(

) A.第四个 B.第三个 C.第二个 D.第一个

标准答案:【C】做答结果:【】×

30.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第5张幻灯片中,图片的动画效果是(

) A.飞入 B.百叶窗 C.出现 D.菱形

标准答案:【C】做答结果:【】×

31.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第2张幻灯片中,图片链接到的幻灯片序号是(

) A.第1张 B.第7张 C.第5张 D.第3张

标准答案:【B】做答结果:【】×

32.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,可以实现第二张幻灯片与第三张幻灯片互换位置的操作是(

) A.切换到浏览视图状态,将鼠标指针移到第三张幻灯片上,按住鼠标左键拖动到第二张之前即可

B.选中第三张幻灯片,单击菜单栏上的“插入”——“幻灯片副本”

C.更改幻灯片的序号,将第二张幻灯片的序号改为3,将第三张幻灯片的序号改为2 D.无法实现幻灯片的位置互换 标准答案:【A】做答结果:【】×

33.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,该幻灯片的放映方式为(

) A.在展台浏览

B.观众自行浏览 C.演讲者放映

D.在展台浏览(从3到9)

标准答案:【C】做答结果:【】×

34.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,可以在一个窗口中同时看到所有幻灯片缩略图的操作是(

) A.选择“视图”——“普通”

B.选择“视图”——“幻灯片浏览” C.选择“视图”——“幻灯片放映” D.选择“视图”——“备注页” 标准答案:【B】做答结果:【】×

35.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,可以复制第四张幻灯片的操作是(

A.切换到浏览视图状态,将鼠标指针移到四张幻灯片上,按住shift键同时拖动鼠标到第四张幻灯片之后即可

B.选中第四张幻灯片,单击菜单栏上的“插入”——“幻灯片副本”

C.切换到浏览视图状态,将鼠标指针移到四张幻灯片上,按住Alt键同时拖动鼠标到第四张幻灯片之后即可

D.无法实现幻灯片的复制

标准答案:【B】做答结果:【】×

36.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,若仅设置第三张幻灯片的背景,方法是(

) A.“格式”——“幻灯片板式”

B.“格式”——“背景”——“全部应用” C.“插入”——“图片”

D.“格式”——“背景”——“应用” 标准答案:【D】做答结果:【】×

37.单击“资源管理器”按钮,打开N盘文件“探险者的梦想.ppt”文件,该文件中各幻灯片之间采用的切换方式是(

) A.垂直百叶窗 B.水平百叶窗 C.菱形 D.无切换

标准答案:【C】做答结果:【】×

38. 单击“资源管理器”按钮,打开N盘文件“探险者的梦想.ppt”文件,第1张幻灯片中标题“探险者的梦想”文本是采用的自定义动画方式是(

) A.轮子

B.水平百叶窗 C.左侧飞入 D.溶解

标准答案:【A】做答结果:【】×

39.单击“资源管理器”按钮,打开N盘文件“探险者的梦想.ppt”文件,第1张幻灯片中标题“探险者的梦想”文本效果实现的方法是(

) A.插入—图片—艺术字

B.插入—文本框—垂直 C.插入—文本框—水平D.插入—图片—自选图形

标准答案:【C】做答结果:【】×

40.单击“资源管理器”按钮,打开N盘文件“探险者的梦想.ppt”文件,第3张幻灯片中,“——意大利《马可·波罗行记》 ”几个字的字体、字号是(

) A.宋体五号字 B.楷体18磅 C.黑体32磅 D.隶书小四号字

标准答案:【C】做答结果:【】×

41.单击“资源管理器”按钮,打开N盘文件“探险者的梦想.ppt”文件,整个演示文稿的换片方式是 A.每隔1秒换页 B.每隔2秒换页

C.必须用鼠标单击换页 D.每隔2分钟换页

标准答案:【B】做答结果:【】×

42.单击“资源管理器”按钮,打开N盘文件“中华五岳.ppt”文件,第5张幻灯片的标题是(

) A.东岳泰山 B.西岳华山 C.中岳嵩山 D.北岳恒山

标准答案:【D】做答结果:【】×

43.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”文件,第8张幻灯片中,使用了艺术字效果的文字是(

) A.中华水韭 B.树形蕨类植物 C.台湾植物区系 D.孢子囊群

标准答案:【A】做答结果:【】×

44.单击“资源管理器”按钮,打开N盘文件“保护珍稀植物.ppt”,第8张幻灯片中,中华水韭图片链接到的幻灯片序号是()。A.第1张 B.第4张 C.第6张 D.第9张

标准答案:【B】做答结果:【】×

--------========检测结果仅供参考========--------

《网页制作 教学计划.doc》
网页制作 教学计划
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

相关推荐

学校工作总结教学工作总结教师工作总结班主任工作总结教学心得体会师德师风建设教学试卷教案模板教学设计教学计划教学评语教学课件学校管理
下载全文