第一篇:网页设计与制作与网站发布 学习心得
《网页设计与制作与网站发布》
学习心得
今天上了第一堂选修课,课程内容很简单,讲了一些关于网页的基本内容,internet是一个覆盖几乎全球的计算机网络,www服务是互联网上最为先进、应用最广、交互性能最好的信息检索工具,它向人类提供了一个无比丰富的资源库,网页是其上主要的资源组织形式。图像是网页颇具活力的组成元素,网页上常用的图像格式是gif和jpeg, 网页制作中使用最广泛的是rgb色彩模式,在不同的操作系统和浏览器中显示效果一致的216种颜色称为网络安全色。
介绍了制作网页的三大软件,macromedia公司的dreamweaver 8、fireworks
8、flash 8三个软件是网页制作的优秀套件,俗称“三剑客”,对此,我们对制作网页有了一定的认识,课上,上课气份活跃,同学们提问积极,充分体现了对这门课程喜爱。上完课,我在网上下载了网页制作的三大软件,并成功安装。
第二次课就讲的flash 8的工作环境,flash 8动画的创作流程,以及元件、实例和库的基本知识。制作动画就是在flash 8的工作环境中利用各种命令、工具以及按照基本工作流程来完成的。这些内容是制作动画最基本的基础知识。
接一来介绍了工具箱中各种绘图工具的功能和应用,介绍了如何应用这些工具绘制图形、编辑图形,介绍了文字的输入方法和编辑技巧,以及对象在舞台中的编辑方法。还有逐帧动画和渐变动画。
上了几节如何使用flash课程,我们都有感触,从不知道到能制作动画,上课气氛活跃,老师通过一个个实例教授一类又一类的动画,生动而有气氛,课后体会到仔细阅读,多加练习,灵活应用,就会制作简单的的动画。
flash课程上完了,接着上网页中最重要的课程,网页编辑工具dreamweaver课程。
首先讲了一下基本的界面,重点介绍了本地站点的创建和设置,值得注意的是,站点要用英文命名,页面属性的设置,网页文件创建、编辑与保存的基本方法,以及创建、编辑和保存网页的过程。
网页的创建和保存的方法,页面属性设置的方法,网页元素文本与图像的插入,文字的属性设置,图像的编辑方法,层的简单应用,字体列表的编辑等知识,层、表格、布局表格与布局单元格的创建、选择、编辑等操作方法;层、表格、布局表格与布局单元格的各种属性设置;以及在它们中输入各种网页元素的方法。 创建与编辑文本、图像、锚点、导航条、转跳菜单、e-mail链接、热点等超链接方法;以及框架和框架集网页创建、编辑与保存的方法。回来之后操作了一下发现还是有一些问题,总是会忘记一些步骤,还有就是步骤的先后顺序,但经过多次调试还是制作成功了。
这节课老师讲了一个重要内容,用超文本标记语言来编辑网页。首先介绍一下超文本标记语言,超文本标记语言,即html(hypertext markup language),是用于描述网页文档的一种标记语言,html是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果
来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。html之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种url指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是html获得广泛应用的最重要的原因之
一。 由此可见,网页的本质就是html,通过结合使用其他的web技术(如:脚本语言、cgi、组件等),可以创造出功能强大的网页。因而,html是web编程的基础,也就是说万维网是建立在超文本基础之上的。
html标注包括几个关键部件,包括元素(和他们属性),基于字符数据类型和字符参引并且实体参引。另一个重要组分是文件类型宣告。
html湖南工业大学:
<html>
<头>
<标题>工大html</title>
</head>
<身体>
<间距>湖南工业大学</span>
</body>
</html>
这也是中的另一种制作网页的方法,它有其优点,也有缺点,相对我们来说,我认为,它的缺点大于它的优点,但相对那些专业人员来说可能就相反了。
接着老师让我们自己介绍各类网站,说说这些网站的优点与缺点,同学们作了一些介绍,比如有百度、谷歌、新浪、风行等等。在我看来,他们认为的搜索网站就是百度和谷歌,我不这么认为,我认为这两个网站都不好,现在用的多的还是实践网址大全,这个网站的内容丰富,而且有条理,我们想查找的东西很容易就在上面找到,并且各种大型网站排在前面醒目的地方,可以直接点击链接,另外其它各种都按照分类排在下面,还有的是,它包括了百度,所以说百度在它上面只是一个小小的部分,总的来说,它比其它的搜索网站就是好。对于其它网站,近段时间我发现了一个好网站,很适合我们大学生发表自己的观点, http://t.sina.com.cn 在上面开通属于自己的微博,就可以发表观点了,有什么开心或是不开心的事都可以在上面的写下来,开心的与他有一起分享,不开心的就可以与他人一起分担,就不会那么伤心了。
最后这两次课,讲了网页制作的一些基本问题,回顾一下之前所学内容,首先网页上文字要合理安排,标题等少量文字可以采用特殊的字体,其它字体尽量选比较普通的字体,适合就好,不要做的比较特别,文字太大占的页面大,太小又不好,所以适中就好,这样就看起来比较大气,那些好的网站就是这样的。再讲了那个图形,网页中通常采用的是jpeg和gif两种图片格式,通常一般不加背景图片,因为这样要占用大量的储存空间,所以当在打开这个网页时会有点慢,所以考虑网页的大小,尽量不要加背景图片,这样也不会显得花哨。从整体上体看就好一点了。
最后的一次课,老师留给我们提问,交流学习经验,多去体验网页的制作过程,有什么想法尽可以说出与大家共同分享。
第二篇:《网站规划与网页设计制作》学习心得
《网站规划与网页设计制作》学习心得
专业班级:
学号:
姓名:
不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。下面来谈谈我一个学期来对这门课的心得体会。
建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、
使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,在这里,我们一般都是用有“网络三剑客”之称的dreamweaver、fireworks、flash来制作网页 。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有ftp功能,利用这些ftp工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,可能还存在很多的不足和错误。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续学习网页设计和制作的,同时很感谢带我入门的老师,让我有机会去学习有关网页的知识。
第三篇:学习网站制作
a这个真的很复杂,我也是边制作边学习,大概5年了,做得还不是很像样,不过美工技巧肯定能超过一些大型网站了,我告诉你,学习做网站绝不是轻而易举的事,这得学要前期的投资,你最好去报个班,学习一下,这样才行。比如报 dreamweaver 制作,或者先学 (frontpage ps:感觉没用)。不懂就可以到baidu上问。告诉你都要学习什么 dreamweaver . flash . fireworks. html代码. (asp,php. java.css.数据库.后期) (网页三剑客是必学,数据库选学,就是能学,都学)甚至你还要懂 pascal.c++. 告诉你个技巧,你可以先去 265 网站 下载个整站,申请个免费空间,传上去,这样既可以快速拥有自己的网站,又可以进行学习,一举两得,比如可以进行修改,从而了解网站代码之间的关系,可以认识到服务器,可以查看它的html代码,进行修改,或保留(以后用),加油,祝你好运
b1:首先要学网站建设的话,得学macromedia dreamweaver这个软件,因为这是专业制作网站的软件,也是比较好用的,还要学potoshop,flash 等软件接着你还得学点html,asp,等语言,这样你都会的话,制作一个网站就没问题了。
2:现在的网站大体分为静态的和动态的,静态的你学完以上软件等知识就可以做了,动态的话还是分为好几类的;
(1)支持asp的动态网站,和动态空间,这个的学asp
(2)支持asp.net的动态网站,和动态空间,这个的学asp.net这是asp 的更新
(3)支持php的动态网站,和动态空间,这个的学php 和asp 不一样了
(4)支持jsp的动态网站,和动态空间,这个的学jsp
域名和空间的申请是这样的
首先和你说下原理,当你做成一个网站后,需要发布到网上,是怎么样实现的,先申请一个域名和空间,空间申请是要动态的,那看你的网站用什么语言编写的了,就像上面提到的,有asp php jsp 相应的空间支持和价格都是不同的,然后域名的话在那里申请都是一样,价格也是比较透明的。
接着是你申请的空间,会给你分配一个固定的ip地址,和用户名密码。
然后到你申请域名的公司让他们帮你做以下ip解析,解析到你空间的ip地址上,接着把你做好的网站上传到你的空间里就可以了。
再说下域名解析的问题,一个域名只能解析一个ip ,反过来一个ip可以解析多个域名
我们是北京玛塔塔科技有限公司
可以给您申请你想要的域名。010-67361855
c1:首先要学网站建设的话,得学macromedia dreamweaver这个软件,因为这是专业制作网站的软件,也是比较好用的,还要学potoshop,flash 等软件接着你还得学点html,asp,等语言,这样你都会的话,制作一个网站就没问题了。
2:现在的网站大体分为静态的和动态的,静态的你学完以上软件等知识就可以做了,动态的话还是分为好几类的;
(1)支持asp的动态网站,和动态空间,这个的学asp
(2)支持asp.net的动态网站,和动态空间,这个的学asp.net这是asp 的更新
(3)支持php的动态网站,和动态空间,这个的学php 和asp 不一样了
(4)支持jsp的动态网站,和动态空间,这个的学jsp
域名和空间的申请是这样的
首先和你说下原理,当你做成一个网站后,需要发布到网上,是怎么样实现的,先申请一个域名和空间,空间申请是要动态的,那看你的网站用什么语言编写的了,就像上面提到的,有asp php jsp 相应的空间支持和价格都是不同的,然后域名的话在那里申请都是一样,价格也是比较透明的。
接着是你申请的空间,会给你分配一个固定的ip地址,和用户名密码。
然后到你申请域名的公司让他们帮你做以下ip解析,解析到你空间的ip地址上,接着把你做好的网站上传到你的空间里就可以了。
再说下域名解析的问题,一个域名只能解析一个ip ,反过来一个ip可以解析多个域名
d做网页设计需要掌握的东西(总的说来,软件只是工具)
在所有和web开发相关的招聘中,这个职位是最经常出现的,但是对于不同的用人单位来说,该职位也有着不同的定位。首先来看看如下几则对比强烈的招聘广告:
网络公司甲:精通dreamweaver等网页制作软件,能够手工修改源代码,熟悉photoshop等图形设计软件。有美术功底。
某网络公司乙:美术设计专业毕业,五年以上相关专业工作经验(广告公司、网设计制作公司、工作室),熟练掌握现今流行的各种平面设计、动画、网页制技术,有网站维护工作经验者优先,凡被聘用者待遇从优!
某网络公司丙:计算机专业大专以上学历,熟练掌握windowsntsqlserver,foxpro,java,vb,asp,cgi。待遇优厚。
以上的招聘是从全国各地上百条信息中挑出的最具有代表性的三个,对网页制作的定位可以说是各有千秋:a的着重点在能够编写网页上;b则更倾向于要求应聘者具有一定水准以上的美术功底;c的要求最高,与其说它是在找网页制作不如说是在找一个经验丰富的程序员,可以想象得到能够得到那个职位的人绝对不会从事单纯的网页制作工作,恐怕编写后台程序的时间会占大多数。
从以上的文字可以看出,目前的人才市场上也没有一个统一的标准对"网页制作"职业进行规范,不过统计后的结果也许可以说明一些问题:a/b/c=5/3/2。其中a是需求量最大的招聘类型,
因此,我们在这里将网页制作的工作定位在和a类似的标准上——换句话说,网页制作的工作就是按照一定的规范来制作网页,或者建立一个对于后台要求不是太强的网站。不过,一般的大公司是不会设立这样的职位的,他们对于综合素质会有更强的要求,不过对于想要进入web开发行业而又经验缺缺的朋友来说,从这个职位做起是最好的选择。
成为合格网页制作人员的第一步,你必须要对internet有着较为深刻的了解;其次你必须要能够看懂并手动修改html源代码——与学会使用可视化的网页制作软件相比,这一点更加重要,因为无论多好的网页制作软件都会往生成的页面里填加许多不必要的内容,不如手动来得干净利落;然后是css,用来统一整个页面风格的重要工具,想要做出漂亮的页面来是绝对不可缺少它的。
上述能力加上能够熟练的使用某种流行的可视化网页制作软件,你已经有可能在一家刚刚起步的网络公司里找到一席之地了,不过最好的结局也许就是顺利通过试用期而已。为了能够做得更好,做得更久,你需要更多的技能与知识——这也是为了向更高层次迈进所必须的
——photoshop这样的图形处理软件是一定要会使用的,要让网页漂亮起来,必要的图片是第一步。学习还会更加的向下深入,javascript或者vbscript是加强网页交互性和美观性的好工具,必须尽可能的熟悉起来;有时候还需要用到动画来丰富网页的内容,使用gif图片是一种选择,不过flash则更加的专业、方便。
具备了上述所有的技能也并不代表着你已经成为一名合格的网页制作人员,那都只是一系列的工具而已,而网页制作、或者说网站的建立是对创造力的一个全方位考验,a、b的招聘都强调要有美术基础就是这个原因。虽然在大公司里通常会有专门的美工来负责网站的风格、图片的处理等工作,但是对众多只能选择中小公司的朋友来说,具有多方面的才能是非常必须的。想要从事这个职业或是已经在从事这个职业的朋友应该多多看看平面设计以及版面设计方面的书籍,并学习手工绘画——已经有不少公司要求这个职业的从业者需要拥有这方面的能力。(虽然提出这样职位要求的公司多半是想要节约请美工的成本)可以预见的是,网页制作这个职位会逐渐被具备美术基础或者说专业的美术工作者所把持,并与美术编辑类的职业合二为一。为了在那之前得到更强大的竞争力,建议你要么往美术编辑方向发展,要么努力学习如何成为网络开发人员。
对于情况c而言,用人公司是希望让担任这个职位的人负责一个网站全部或者部分的页面编写、后端维护工作,如果不是在招聘的时候对职业定位没有太重视的话,就是在表明公司还处在创业阶段,需要多面手帮助。通常以后一种情况居多,如果对电脑和网络知识有一定了解的话就可以从本文所选的招聘中看出用人单位的不知所措——用了数据库sqlserver后还用foxpro干什么?更别说只要求大专的学历了——并非对广大的大专朋友们不尊敬,要是真的对该公司所列举的知识都很熟悉的话,不太可能会让自己的学历仅仅停留在大专的水平上的。
基本技能
1、熟悉internet。
2、读写html源代码,了解css。
3、能够熟练的使用一到数种可视化的网页开发工具。
4、会使用ftp软件管理站点。
辅助技能
1、基本的图形图象处理软件如firework、photoshop等等。
2、熟悉网络动画制作软件例如flash。
技能进阶
1、会使用提高网页交互性的编程语言如javascript或vbscript
2、学习并了解一下未来的网页语言,比如xml等等。
3、思考自己的未来——这个职业很有被淘汰的可能。
第四篇:网站制作心得体会
网站制作心得体会
通过这次网站的制作,我对网站有了更深层次得到了解,也有了 更浓厚的兴趣。尤其是对网站制作的过程与一些技巧手法更有了另外 一番了解,对网站制作的基础知识也有了进一步的掌握。这个学期我 们的网页设计课,与以前的课相比更加注重个人的创意能力和软件的 运用实战能力,更加综合的考验了我,使我更加完善自我。现将我的 工作情况汇报如下: 根据专业教学计划安排此项工作过程式的项目课程。在本专业课 程理论教学、实训教学的基础上,将课堂教学与社会实践相结合,通 过行业生产实践的形式,进一步了解、认识网页艺术设计工作在实际 生活中广泛应用的表现渠道和表现方法,提高认知水平,缩短工作磨 合期。根据项目课题要求,结合本专业所学网页设计理论知识、二维 动画知识技能,通过对网络广告等方面的调研和项实践形成文字文 件(工作过程报告),并以自命题目设计完成多媒体网页设计制作。
两项内容要求准确、完整,工作过程报告内容既要客观实际又要有认 识深度,设计作品新颖有创意。
我首先的工作就是制作网站整体框架和收集资料,将其通过 photoshop 完善图片,然后导入dreamweaver 进行排版,并进一步的 加以制作,完善美化,如加入 flash,因为网页是用表格进行排版的, 所以在最后一步的时候,我还需要进行浏览器测试。因为表格排版方 式有很多缺点:如页面混乱,图片、文字之间的距离过大或过小,页 面不美观等等。由于我在某些方面的技术运用还不能得心应手,许多 情况下不得不求助于他人,幸好有老师和同学的无私帮助,我才能完 成这次任务。
我经过初步的构思,我因为要做的是商业网页设计,所以要有一 个品牌,我在网上自己找到一些图片和文?1?7?1?7,做一个简单的网站初步 积累,考虑到主要是锻炼我们相关软件的操作能力与代码初步掌握的 熟练成度,由于我们这段时间没有进行网站相关的课程,刚着手时, 很多技术上的问题就暴露出来了,看来真是要"学而时习之"啊!制 作网页是需要耐心的,如果你没有耐心,你学不好网页设计,这是我 最大的体会。因为当你碰到一个问题时,如果不能立刻得到问题的答 案,你可能需要长时间去解决,我就碰到过一个问题,用了很长时间 才解决,这还要多亏了老师的悉心指导,同学们的无私帮助。学习网 页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更 新,你只有不断的学习才不会掉入技术的陷阱,你的网页设计技术一 流,你对软件的掌握程度已经达到一定水平,但是你设计的网页确不 堪目睹,这是因为网页设计是是介于平面设计和编程技术两?1?7?1?7?1?7之间的 "边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设 计的方面的知识,还涉及到html、css、php 等编程语言技术方面的知 识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个 性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间 的超强功能.注重实用,我认为网页设计应该注重实用性,因为它是 让人浏览的,是用户可以抚摸,可以评论,可以交互的。
四周的时 间,我完成了全部课件内容,忙碌的四周让大家从新熟悉制作网站的 过程,由于这次课程的网页都是静态的,难度不算大。但收获还是很 多的。比如将你的标志 logo,尽可能的放在每个页面上最突出的位 置.突出你的标准色彩.总结一句能反映贵站精髓的宣传标语.相同 类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网 站中出现的所有标题字的阴效果的设置应该是完全一致的!这些都 是经验收获!!
第五篇:网站模板制作心得
网站模板制作心得
在网站模板的建设中,所有的框架设计,最重要,最核心的位置就是导航。在国外也是一样,从事网站设计这个行业有80%以上的网站,最常用的就是导航了,因为导航可以让用快速的找到自己想要的东西,也就是说呢,提供一个有用的导航,要远远的比做一些无用的网页出来更来得快点。
导航可分为一维,二维,多维来讲,一维对应的是线性结构的,二维是对于分层结构,多维对于的是无序结构的,好像这么说有点抽象了点,下面就说简单的,也最容易明白的。
在以前网站设计的时候,就仅仅限制在一二三级的,而最好的技术也就是单对多的树状,就是分层导航,也是必要的元素,而跟踪用户的行为,记录下用户在网站上的浏览痕迹就是线性导航了,也叫包屑;在管理后台的时候,在首页增加一个貌似是分层结构的链接就是无序导航,也叫快捷方式。
二维的结构就比较复杂的,必定就会造成导航的深过度,用户就很难达到了,这个时候就需要考虑到方案的实施,具体的设计有以下2点:
1、从没有到有,把当前所有能够用的都放出来,尽量用;
2、按顺序由多到少的过程,慢慢的分解掉任务的主次之分.
如果是从用户的体验角度去说的话,导航的作用是非常大的,不仅能够让自己的网站突出美观,还能够给用户一个好的体验,让用户一眼就知道你的每一个栏目下是做什么的,方便用户去找,不至于用户来的时候,就迷路了,最后关掉网站才能够走出来,这样的网站绝对是一个
失败的作品。 信息整理于http:///templates.aspx