帮忙写下网页网页设计实训报告范文

网页制作与网站设计报告书?PHP网站开发实训报告书?_庭哥SEO
- 就选,庭哥是互联网最厉害的SEO实战培训中心!
12年老品牌,桃李满天下!
当前位置: >
> 网页制作与网站设计报告书?PHP网站开发实训报告书?
网页制作与网站设计报告书?PHP网站开发实训报告书?
网页设计实验报告
问题与我的不同!
抱歉,您尚未登陆不可回答问题,
每回答一个问题可获得 积分+5 ,积分可提升等级、换取特权!
大学生创业贷款要求(1)大学生创业贷款申请者年满十八周岁,具有合法有效身份证明和贷款行所在地合法居住证明,有固定的住所或营业场所;(2)大学生创业贷款申请者持有工商行政管理机关核发的营业执照及相关行业的经营许可证,从事正当的生产经
更详细的资料,您可以百度搜索一下:“庭哥SEO”
写,DIV层有多少CSS多有哪些样式
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
去下载网站系统来改就可以了,很方便的,比如pageadmin系统、worpress系统、discuz系统这些都很好用,都是免费下载的
基础学起去网上找找DW做留言本的教程先学习下基础http://www.baidu.com/s?
可以依靠百度Hi告知我们你的问题有时间可以处理你面临的问题根据你的需求我们可以提供一份适用于初学者的源程序如果你有具体的要求也可以示意我们ES:\\47C0F0FCCF65CA092DF53交易提醒:预付定金是陷阱交易提醒:百度名中包含联
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
爱好建站,加我吧,百度空间有联系方式,共同探讨
我有动态网站制作的课程设计,有报告书
要用动态语言编写,ASP,JSP,PHP,ASP.NET用得最多,最流行。
分析这个网站行业类型,网站主题,网站美工,网站程序功能,网站宣传,网站营销策略之类
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
以前我一直在做网页,不过是在博客上,那里提供了模板,只需要自己在里面添舔改改就行了,对一些代码我更本就看不懂,现在好了,虽然我不是很会,但是可以看懂一些了,也能改一些代码了。
给你一个做为参考,用IE兼容模式打开,不然只能看到html代码,可以多刷新一下,就出来了.http://t.googlecode.com/svn/trunk/www/index.htm
你这应该是写网站策划书吧,搜索下webhot网站策划,那里面有网站策划书方案样本.问问不能留网址,所以我没有办法直接给你
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
要求太多了,免费的话可能不会有人帮你的!
随便找个顺眼点的网站点击文件\保存网页就可以了
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
试做以下几个方面的策划:(1)建设网站前的市场分析;(2)市场定位,功能定位;(2)发展目标;(4)网站板块,风格;(4)网站维护;(6)网站推广;(7)技术方案。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
网站项目管理规范一.概念网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
21世纪是信息社会,网站是一个企业必不可少的组成部分,由于网络有无时差性、无地域性、无空间性等特点,所以有一个自己的企业网站,方便进行网络推广,而且现在来讲,网站基本上已经是一个企业的网络形象代表,有了它,可以随时随地向不同的地
网页的设计原则一个成功抓住用户“眼球”并最终带来经济效益的企业网站首先需要一个优秀的设计,然后辅之优秀的制作。
1.引言1.1编写目的1.2软件的作用范围1.3定义与缩写1.4参考资料2.一般性描述2.1软件与其环境之间的关系2.2软件功能2.3用户特征2.4限制与约束2.5假设与前提3.特殊需求3.1功能与行为需求3.1.1用户登陆与注册3.1.2用户查
Copyright & 2017 - 2110 庭哥SEO 版权所有 备案号:闽ICP备号-1计算机工程学院实 习 报 告课程名称: 学生姓名: 指导教师: 专 班 业: 级: 学网页编程基础 号:计算机科学与技术(嵌入式)实训时间: - 2014 年 6 月 25 日1 摘要:在 21 世纪,互联网已经成为人们生活工作必不可少的组成成分,网络技术 的重要性也越发被人们所熟识,其中的网页制作就是一重要的组成。Web 的开发 技术和应用已经成为学习计算机的我们的必备知识,网页是一个网站的外观,使 人们对于这个公司的第一印象。 在这个学期的期末,我班在淮安软件园进行了为 期 10 天的用开发工具 Adobe Dreamweaver CS5 的《网页编程基础》的课程实训。 其中 Adobe Dreamweaver CS5 是微软开发的网页编程开发工具,可编译 XHTML。 在淮安软件园,我们在指导老师沈建亚的带领下,掌握了 WEB 技术的基础 知识, 这次的实训以培养学生理论联系实际的工作作风、严肃认真的科学态度以 及独立工作的能力为目的, 让我们树立信心,让我们懂得了 WEB 开发技术的的原 理和工作特点。 在淮安软件园我们有良好的学习环境,学习设备。软件园是最佳的教学研 究室,能够提供学习的平台,提高教学效率,能实现教育资源的合理分配,将理 论与实际相结合,应用现有的数据库系统软件,规范、科学地完成一个设计与实 现,让我们更好的学习 WEB 技术,对 WEB 技术有了更好地了解,进而更加熟悉和 操作 WEB 技术来开发网页的,来达到训练和培养学生获取信息和处理信息的目 的,充分锻炼学生的动手能力。关键字:WEB 网页编程,Adobe Dreamweaver CS5,实训,软件园2第1页 目录使用 CSS 布局网页 1 样式表布局概述........................................................................................3 2 盒模型............................................................................................................32.1 2.2 2.3 2.4 盒模型的概念............................................................................................3 填充属性....................................................................................................4 边框属性………………………………………………….……………...4 边界属性………………………………………………………………....43 块元素和内嵌元素……………………………………………………...5 4 元素的定位方式…………………………………………….…………...64.1 4.2 定位属性…………………………………………………………………6 浮动………………………………………………………………………65 常见 DIV+CSS 布局……………………………………………………75.1 5.2 5.3 单列居中布局………………………………………………..…………..7 两列居中布局……………………………………………………………7 固定宽度,高度的块中内容溢出处理…………………………………86 横,纵向导航条设计…………………………………………………...9 7 实训所制作的网页....…………………………………………………..10 8 总结………………………………………………………………………….11 9 参考文献……………………………………………………………….......123第2页 正文1 样式表布局概述传统布局利用 Table 来实现。Table 元素具有无边框特性,在布局是可以利 用 单 元 格 方 便 地 构 建 网 页 格 局 , 并 且 利 用 单 元 格 的 cellspacing , cellpadding,align 和 valign 等属性控制内容的位置,整个过程直观且上 手简单。 采用 Table 布局虽然上手简单,但是若要更改页面的显示效果,或者对布局 进行简单的升级改造却很繁杂。2 盒模型2.1 盒模型的概念在 CSS 中,页面中的所有文档元素都可以理解为盒模型。这些文档元 素可以视为一个矩形框。这个矩形框主要包括以下几个组成部分:边 界(margin) ,边框(border) ,填充(padding)和内容(content) 。 对于这个矩形框,也可以称其为盒子。 在 CSS 中应写为: div{ width:500 height:200 color:#09F; background-color:#FCF; text-align: font-size:16 } #box1{ border:dashed 6px #66F; padding-top:20 margin-bottom:45 } .box2{ border-top:#FC9 6 border-left:#FC9 10 border-right:#FC9 10 margin-bottom:10 background-color:#CF0; } }4第3页 在 XHTML 中应写为: &div id=&box1&&盒 1&/div& &div class=& box 2&&盒 2&/div&2.2 填充属性在 CSS 中,填充用以控制盒子中边框和内容之间的距离。可用长度值, 百分比值表示。 1)4 个方向取值相同 #box1{padding:20} 2)左右方向和上下方向取值各自相同 #box2{padding:10px 20} 3)4 个方向取值不完全相同 #box{padding:10px 20px 30}2.3 边框属性盒模型中的边框属性包括边框样式属性(border style) ,边框宽度属 性(border-width)和边框颜色属性(border-color) 。 none hidden dotted : : : 默认值 。无边框。不 受任何指定 border-width 的值影响 隐藏边框。IE 不支持 在 MAC 平台上 IE4+与 WINDOWS 和 UNIX 平台上 IE5.5+为点线。否 则为实线 在 MAC 平台上 IE4+与 WINDOWS 和 UNIX 平台上 IE5.5+为虚线。否 则为实线 实线边框 双线边框。两条单线与其间隔的和 等于指定的 boeder-width 值 根据 border-color 的值画 3D 凹槽 根据 border-color 的值画 3D 凸槽 根据 border-color 的值画 3D 凹边 根据 border-color 的值画 3D 凸边dashed solid double groove ridge inset outset: : : : : : :2.4 边界属性5第4页 在 CSS 中,边界属性用来控制盒子之间的距离,它定义的是每个盒 子边框之外的区域。与填充属性相同,边界也可按上右下左 4 个方向分 开表示,这 4 个属性分别为 margin-top,margin-right,margin-bottom, margin-left。 margin 的取值可为 auto,长度值或者百分比值。 body {margin: 36pt 24pt 36 } body { margin:11.5%; } body { margin: 10% 10% 10% 10%; }3 块元素和内嵌元素对于块元素的特征,可以归纳为: 1) 块元素默认总是在新行左侧开始。 2) 块元素的默认宽度是容器 width 属性值的 100%。 3) 块元素的宽,高,margin 和 padding 等内容可控,即可以任意设定。 在一课堂练习中: &div id=&div1&& &div id=&div2&&&img id=&image& src=&building4.jpg& width=&357& height=&255& /&&/div& &div id=&div3&&王静 &/div& &/div&在 CSS 中为: #div1{ width:357 height:255 z-index:-1; border:#FFF dashed 10 } #div2{z-index:-1;} #div3{6第5页 margin-top:-22 text-align: color:#FFF; z-index:1; }4 元素的定位方式4.1 定位属性利用定位属性(position)实现元素定位主要包括三种方式:绝对定位, 相对定位和固定定位。必须注意的是,在利用定位属性进行定位时,还需结 合边偏移属性和 z-index 属性来实现。其中定位属性用来确定采用哪种定位 方式,边偏移属性用来确定元素的位置,而 z-index 属性用来确定元素的层 叠顺序。 Position 的取值有:static : 默认值。无特殊定位,对象遵循 HTML 定位规则 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝 对定位。如果不存在这样的父对象,则依据 body 对象。而 其层叠通过 z-index 属性定义 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些 规范 对象不可层叠,但将依据 left , right , top , bottom 等 属性在正常文档流中偏移位置absolute:fixed relative: :在 z-index 属性中,较大 number 值的对象会覆盖在较小 number 值的 对象之上。如两个绝对定位对象的此属性具有同样的 number 值,那么将依 据它们在 HTML 文档中声明的顺序层叠。对于未指定此属性的绝对定位对 象,此属性的 number 值为正数的对象会在其之上,而 number 值为负数的 对象在其之下。设置参数为 null 可以移除此属性。4.2 浮动浮动(float)是最常用的一种定位方式。与利用定位属性的方式相浮动 更方便,直观。它能改变元素的默认显示方式,可是原本换行显示的块元素7第6页 转为同行显示,由此来实现对块元素的定位。 在茶叶网站的例子中: #left{ height:420 width:300 float: padding-left:25 } #middle{ height:420 width:300 float: } #right{ height:420 width:300 padding-right:25 float: }5 常见 DIV+CSS 布局5.1 单列居中布局单列居中布局常用 margin:05.2 两列居中布局在中国杭州的网站制作中,CSS 中的两列居中布局为: body{ text-align: font-size:22 margin:0 background-color:#CFF; width:780} #wrapper{ /*居中法二:定义包装块的宽度,并使其居中*/ margin:0 /*上下为 0,左右自动*/ background-color:#CFF; width:780 } #head{ background-color:#FCF; width:780 height:200}8第7页 #left{ background-color:#FF9; width:200 height:750 float: } #main{ background-color:#C68DF8; width:580 height:750 float: } #footer{ background-color:#84FFC1; width:780 height:200 clear:} 在 HTML 中的代码为: &div id=&head&&head&/div& &div id=&left&&left&/div& &div id=&main&&main&/div& &div id=&footer&&footer&/div&5.3 固定宽度,高度的块中内容溢出处理在布局过程中, 由于布局需要将某些块的宽度和高度值设为固定像素值, 而非百分比值或 auto 值。随后添加内容时会发现某一块中由于内容过 多,块中的内容出现了溢出的情况。 Overflow 的取值有:9第8页 1)visible默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对 : 象将以包含对象的 window 或 frame 的尺寸裁切。 并且 clip 属性 设置将失效 : 在必需时对象内容才会被裁切或显示滚动条2)auto3)hidden : 不显示超过对象尺寸的内容 4)scroll : 总是显示滚动条5 横,纵向导航条设计通过无序列表将导航条设计为: &div id=&nav&& &ul& &li&&a href=&#&&首页&/a&&/li& &li&&a href=&#&&新闻&/a&&/li& &li&&a href=&#&&通知&/a&&/li& &li&&a href=&#&&公告&/a&&/li& &li&&a href=&#&&下载&/a&&/li& &li&&a href=&#&&查询&/a&&/li& &li&&a href=&#&&专栏&/a&&/li& &/ul& &/div& 在 CSS 中为: #nav{ width:700 height:35 background-color:#CFF;} #nav ul{ margin:0 padding:0} #nav li{ list-style-type: float: width:100 line-height:35 text-align:} #nav a{ text-decoration: font-size:12 color:#333;} #nav a:hover{ text-decoration: color:#F69;}10第9页 7实训所制作的网页11第 10 页 8总结临近期末, 我班来到了淮安软件园来进行为期两周的 WEB 开发技术的实训。 在这里,我们有良好的学习环境和学习氛围。在这门课的开始之初,我们回顾了 本学期学习的 WEB 开发基础这门课的知识,还进行了实际的网页制作。通过完成 百度,中国杭州,个人主页等几个网页的设计和制作,充分的加深了我们对 WEB 的印象, 提高了我们的制作速度和准确度, 对我们接下来的学习有着不小的影响。 这次实训让我们把职业能力训练与职业素质的训导有机结合起来, 这对我接下来 学习专业技术和专业知识会起到很有效的帮助作用, 在以后的学习中我会以一名 学习者的身份严格要求自己, 让自己可以在专业课方面取得更大的进步。同时让 我提前了解了社会对这项工作的要求,为我今后走上工作岗位打下了一定的基 础,也积累了经验。 通过这次实训,我了解到当今社会对于网站制作的重要性,让我们明白 Dreanweaver 的有用性。此次实训加深了我们对 WEB 的理解,让我们学会了各种 WEB 的特殊效果的显示,如:横,纵向导航条设计固定宽度,高度的块中内容溢 出处理,两列居中布局,元素的定位等知识。 在这段时间里,我们在老师的带领下完成了好几个网页,这对于我们来说是 一次能力的提高,在学校我们很少有时间,机会去做网页,这使我们理论知识掌 握的不错,但得不到实际的应用练习。但实训弥补了这方面的不足 ,锻炼了我 们的实际操作能力,让我们更好的掌握理论知识。在实训中,我也遇到了一些问 题,但老师和同学们都积极帮助我解决问题,让我的动手能力得到锻炼。 在实训即将结束之际,我要感谢老师的指导。在网页制作中,有些问题虽然 看似简单,但实际上实现起来很困难,问题百出。也有些问题看是困难,其实一 思考就很简单,这很有趣,也让我明白遇事要冷静思考。 通过这次的实训,我的 WEB 开发技术得到了大幅度的提升,让我明白只熟悉 书本知识是不够的,而要求我们学以致用,去发挥它的实际用途,在操作中巩固 知识。一天六小时对着电脑的日子并不好过,但这也是为了让我们提前适应,我 们不能因此而退缩,放弃,应去发现自身的问题,努力适应。在编写完一个网站 的代码后,可以静下心来回顾一下,总结得失,这才是学习过程中最重要的。实 训让我成长了很多,收获了很多乐趣,让我逐渐爱上了网站的设计制作。12第 11 页 培养学生的学习能力和精神。 我也深刻认识到: 在学习过程中密切联系 生活和工程实际,激发学习的求知欲,培养我们的科学精神和创新精神;培 养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精 神和素养是十分重要的。 实训结束了,很感谢田晓敏和杨正翔两位老师一个月来对我的悉心指 导,感谢小组同学的互相鼓励与支持,也感谢班级其他同学对我的帮助。如 果没有每一个人的辛苦努力与付出,我不可能完成自己的任务,也不可能取 得如此好的成绩,在此,我对所有付出过努力的老师、同学道一声诚挚的谢 意:谢谢你们! 天高任鸟飞,海阔凭鱼跃。人生的道路上还有很多考验等待着我们,我 们要勇敢的向前大步迈进。加油吧,为我们的理想而奋斗!9参考文献1.《div+css 布局技巧》 2.《网页编程基础——XHTML,CSS,JavaScript》 3.《Web 开发基础》13第 12 页下载费用:10 金币 &
网页制作实训心得体会 网页制作实训心得体会 网页制作实训心得体会一从学校毕业后,我第一次步入了社会,从此开始了面 对社会、工作的生活。刚刚走入社会的我是一个性格有些 内向的人,面对陌生的人,我不善言辞,不会给自己的外 表进行很好的包装,不适合做那些销售、接待的工作,只 有技术类的工作,少说多干的活适合我,这个我很清楚。 现在,中国每年都有很多毕业的大学生找不到工作,我也 不例外,所以,这第一次实习工作肯定不会太好找,但是 相反,我的运气还不错。找到了一份网页设计的工作。现 将我在工作中的情况报告如下。 一、工作介绍我工作的这家公司,从事网站开发工作的,公司在技 术团队这部分是比较正规的,一般是五到六人为一个小组, 小组中有明确分工,有负责联系客户接恰生意的,有专门 做技术的,而在技术这块分为网站前台、后台开发,我在 学校主要做的是后台开发,当然前台设计工作也还算熟练, 但不是很精通。我们这个小组一般接下的活都是一些小型 网站的开发工作,这样的网站技术难度不大,而且工作周 期短,有相当一部分的,只需要通过cms 软件就可以进行 开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。 二、开发技术做为一个刚毕业的大学生,我的知识储备肯定有不足 的地方,毕竟学校教的东西肯定会有一部分和社会是脱节 的,但好在我的领导对于我没有太多的要求,他只是要求 我尽快的适应公司的工作和生活,在短时间内熟练的掌握 相关技术,干好本职工作。在大学里对一个学生来说什么是最重要的,那就是学 习能力。要知道,这个世界上,知识在发展,人类在进步, 每天都在进行日新月异的变化,我们的知识储备总会有不 够的地方,但是一定要有学习能力,将不会知识快速掌握, 只有这样才能占据主动,减少被动情况的尴尬发生,通过 二个星期的时间,我成功的适应了公司的工作和生活节奏, 每天早九点上班,晚17:30 下班,中午休息一个半小时, 每周还有两天假期。我利用业余时间,抓紧学习,将工作 中所需要的技术进行了强化学习,其实这些东西在学校的 时候就接触过,只是不精通。那个时候学的东西多,难免 有个主次之分,这次工作了,才知道哪个应该多学点,但 好在我都有学过,所以有个好的基础在这里,也就不怕了, 比如说:flash,公司要求技术人员会做flash,flash 这 东西以前我在宿舍的时候经常玩的,可是后来在分析就业 情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记, 所以说记笔记是很重要的事情。而其它像 javascript、xml、数据库这些东西我都学过,只是实践能 力稍差一点,但好在从前在学习方面用的功不是白费的。 通过这种实战环境,和半个月的刻苦学习,我终于可以感 上小组的工作进度了,已经可以很好的完成领导教给我的 任务了。像我这个组常用的是css+div 排版,后台使用php 技 术进行开发,服务器平台采用,linux+apache+mysql+php, 这种lamp 组合,我很高兴在学校学的东西能学有所用。以 前我们是用表格(table)进行排版,这种方式简单但是已经 有些过时了,现在大部分网站都开始了重新构架,所以都 采用css+div 进行网页排版,我目前正在学习,掌握的还 算比较快。而在后台开发部分,我们使用php 来进行开发, 我的工作是手写一些小模块。或者用javascript 写一些特 效小代码。 三、工作流程小组分工时,我负责后台里小模块的开发工作,如: 留言板或论坛,还有一部分javascript 代码编写工作。前 台部分的工作是和组里的丁珊珊做一些排版的工作,使用 css+div 技术。编写代码这种工作看起来有些枯燥,其实时 间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西, 这样自己才会有价值感,才会对自己的工作保持新鲜感。 所以我每天都在工作后,记录下每天在技术上的不足之处, 回家后,将强学习,这所谓:找出不会的地方,学会它, 你就变的强大了。php 是现在比较流行的一种网站开发技术,由于它是开 源的免费代码,并因良好的跨平台性能受到了大重的喜欢, 我个人认为php 很简单,适合初学者学习使用,但是在某 些地方想要做好,就需要你认真的学习了。目前,我负责 的只是技术性较低和规模较小的模块,不过,我觉得从简 单处做起也挺好的,但是我在写代码时,还是经常犯些小 错误,导致代码页面经常出错,而自己往往还找不到是哪 错了,有几次急的都不行,不管怎么弄,结果就是错误, 后来我才发现,原来只是一个小错误,小的不仔细察看, 我都找不到。于是我明白,做开发工作,一定要细心,否 则就会给自己和别人带来麻烦。 四、安全检查安全检查是很重要的一个环节,就像你给人家盖房子, 房子盖好了,可是门和窗不结实,那这种就必然不会安全 的了。页站的制做也是同样的道理,在安全方面,有一个 地方是和开发人员有很大的关系的。因为开发人员技术的 高低决定了网站的安全性,有些人员在一些环节上的疏漏,很有可能导致网站在实际使用时,遭到黑客攻击,如果造 成了经济损失就无法挽救了。所以,我们每个人在将各自的工作完成以后,组长和 其它专门的技术人员会对网站的安全性进行测试,找出存 在的漏洞,然后加以修改。以使它的安全性达到最高最稳 定的状态。在公司进行实习工作的这段时间,我在个人技术上收 获了很多,现在的我已经能独档一面了,做一些难度比较 大的工作,我通过优异的表现,已经转为正式员工,我对 自己的表现感到满意,最重要的是我给自己的学校争了光, 但是在社交能力方面,沟通能力上还有不足的地方。我决 定在今后的工作和学习,要加强和别人的沟通能力。使自 己变的更好,为国家为社会做出更多的贡献。 网页制作实训心得体会二实习目的:熟悉和掌握计算机网页设计的基本技巧及 网页制作相关工具软件等内容。培养我们利用计算机进行 商务网页设计的基本思路和应用开发能力,提高我们的计 算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不 足平米的空间内投资达数百万美元。网页对公司的影响比 简单的电子商务增收方法大得多;网页也是公司对外的脸面。 WEB 站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB 站点的链接,绕过主页而 进入WEB 的深层。 一.网站的整体规划1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于 是就想到要是一下为心中的仙境设计一个旅游网站。2.定位网站CI 形象:旅游网站最重要的就是是浏览者 产生想去亲身体验一下的共鸣。于是在网页设计上面,根 据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI 形象。 使浏览者有宾至如归的感受。 3.确定栏目和板块:1]首先要考虑整个网页的长和宽,以及长度和宽度之 间的比例。 2]其次就应该考虑导航条的设置了。3]正文的框架设置(横向因素和纵向因素交错)在浏览了很多精美的旅游网站之后,再结合自己的想 法,我先在草纸上画出了大体的栏目和板块。4.网站的整体风格和创意:建立一个浪漫的旅行网站, 走映像派路线,目的务必使浏览者留下映像。 二.网页制作的前期策划与准备1.资料的搜集:由于个人的爱好,我很早以前就收集 了许多普罗旺斯的美图,这次就方便多了。接着就搜集了 一些有梦幻效果的网页背景,FIASH 源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件: 主页制作的基本条件有: 硬件:一台电脑(64MB 以上内存,当然越大越好啦);可以拨号 上网;如果你有条件的话,建议:配置扫描仪,这将大大方便 图像和文字的输入;软件:HTML 编辑软件:常用的有Frontpage、Hotdog 等,本 文重点介绍D图像处理软件:常用的有 Photoshop、flash、Fireworks 等;文件上传软件:常用的有Cuteftp、WSftp 等。 三.网页制作真的是万事开头难啊,遇到了很多问题,比如:插入 的图片不符合规格,一下子把其他内容的框架挤开;插入的 层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH 不能产生效果。总之问题一箩筐。实践出真知,原来自己 还有那么多欠缺的知识。于是回归本源,先把课本上的东 西弄通再谈其他。然后又到图书管里借了几本网页制作方 面的书籍来参考。在对基本知识有了详细的了解之后,做起东西来就得 心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。然后是主页和二级页面的设置。要注意,网上只能使用 JPG 和GIF 两种图象格式,其他诸如BMP 和TIF 等很通用的 格式都不能用在网上,因为它们太大了,但可以用图象软件 进行转换,比如Office97 的照片编辑器。把准备在主页上 出现的图象放进相应的目录里后.在一步一步的边学边做的过程中,看着心中的东西一 点一点的出来,真的很有成就感。虽然自己的网页技术还 差的远,但是回顾一下这周真的学到了很多的东西。 四.网页的调试之前把作过的东西放到U 盘里,发生过图片显示不出 来的状况,还好即使找到了解救的方法,把源文件和WEB 页面放到一起这样就算路径改变的话也不会影响页面的效 果。总结:在WWW 上,不论你是资产上亿的大公司,还是捉 襟见肘的穷学生,只要你建立了自己的网页,你们的地位就 是平等的。经过这周的相关学习,我了解到网页设计与制 作是一门庞大的工程。网站的反馈与评价网站要注意经常 维护更新内容、保持内容的新鲜,不要做好就放到服务器永 远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维 护更新时可以充分利用Dreamweaver 提供的模板和库技术, 以提高工作效率.一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事 情、完成比页面浏览更高层次的需求,例如收集信息,数据 传递,数据存储以及系统维护等.自己还有许多要学习的地 方。
文档加载中……请稍候!
下载文档到电脑,查找使用更方便
10 金币 &&0人已下载
还剩页未读,继续阅读
<a href="UserManage/CopyrightAppeal.aspx?bid=8027245" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank"
关&键&词: 网页 制作 心得体会 论文 毕业论文 毕业设计 免费 下载 ppt 课件
& 天天文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
本文标题:网页制作实训心得体会 链接地址:
当前资源信息
类型: 共享资源
格式: DOCX
大小: 34.40KB
上传时间:
&& 广告或垃圾信息
&& 色情、淫秽、低俗信息
&& 反政府、反人类、反社会等反动信息
&& 散布赌博、暴力、凶杀、恐怖或者教唆犯罪等信息
&& 侮辱、诽谤等人身攻击信息
&& 散布谣言、扰乱社会秩序,破坏社会稳定等信息

我要回帖

更多关于 网页设计综合实训报告 的文章

 

随机推荐