网页项目设计基础 第1篇
HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。HTML文档是由一系列的元素组成的，这些元素通过标签来表示，可以嵌套在一起以构建复杂的页面结构。HTML5是HTML的最新版本，它引入了许多新的功能，使Web开发更加灵活和强大。
HTML作为一种超文本标记语言，有指定的语法规则，超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。
在HTML（HyperText Markup Language）中，标记（tag）是用来定义网页结构和内容的一种语法元素。HTML标记由一对角括号包围的关键词组成，通常包括开始标记和结束标记。标记可以包含属性来提供更多细节信息。
HTML文档是由一系列的元素和标签组成的。
HTML文档标签的格式为：HTML文档的内容 处于文档的最前面，表示 HTML文档的开始，即浏览器从开始解释，直到遇到
HTML文档包括头部(head)和主体(body) HTML文档头标签的格式为：
文档编码格式如下：
HTML文档主体标签的格式为：
标签是HTML文档头部（部分）中的一个重要元素，它定义了网页的标题。这个标题会在浏览器的标签页上显示，并且在用户将网页添加到收藏夹或书签时用作默认名称。此外，标签的内容对于搜索引擎优化（SEO）非常重要，因为它帮助搜索引擎理解页面的主题。
keywords用来告诉搜索引擎网页使用的关键字
description用来告诉搜索引擎网站主要的内容
标签在HTML文档的头部（部分）中使用，主要用于定义文档与其他资源的关系，如样式表（CSS文件）、图标（favicon）和其他文档。标签是一个空标签（self-closing tag），它没有内容也没有结束标签。
网页项目设计基础 第2篇
一、开发背景
通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Photoshop、Flash和Dreamweaver三个软件进行静态网站的设计。加上ASP技术和CSS+DIV进行昂也布局，实验页面的效果。
二、设计思路
3.设计网站导航条；4.网页flash5.搜索框6.产品展示四、技术介绍
基于asp动态网页技术的学习
从建立的数据库中读出图片；图片存储为路径；并按一行5个排列；大于五个自动换行。网页设计实训报告
css+div的页面布局
多出用到css+div是整个页面更加美观。Logo的css样式：
登陆界面的css：网页设计实训报告
font-family:_黑体_;}-->
五、页面设计（抓图）图片1
图片2
图片3
六、网站测试
应用动态asp技术，用iis或者安装的小旋风进行本地的测试。
第3页共4页网页设计实训报告
七、实训总结
在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的'。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image。
在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。
通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。
通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。
网页项目设计基础 第3篇
实验项目：VBScript基础：内部函数
实验时间：20xx年3月23日
一、实验基础知识：
1、什么是VBscript内部函数？VBscript内部函数是VB系统定义的函数，这些函数具有一定的功能，编程者都可以直接调用这些内部函数。
二、实验内容：
1、将IIS的网页发布主目录设在D盘，名为。利用DW新建一个动态站点，站点的本地信息和测试服务器设置如下：
2、新建一个名为的文件，利用日期函数显示当前系统的时间,在页面中显示如下：“欢迎访问本网站，现在时间是20xx-9-1011:35:19”(注：时间必须是用户访问页面时候的实际时间)访问本网站，现在的时间是：
3、新建一个名为的文件
1)、用字符串函数求字符串“我校20xx级新生开学典礼暨军训动员大会在我校风雨篮球场顺利召开”的长度并输出，
2)、利用字符串截取函数截取该字符串的前10个字符，并输出
3)、并利用replace函数将字符串中的”我校”用“桂林旅专”取代，并输出结果。
4、在下新建一个名为images的文件夹，从网上下载四张图片到该文件夹下，图片命名为、、、。新建一个名为的文件，定义一个有4个元素的字符型数组变量，然后给数组变量img的每一个元素赋值，内容如下：利用用ASP随机数函数Rnd，每次刷新页的时候随机输出数组中包含的一张图片，显示在浏览器中。按F12运行，将运行结果截图，插入下面的表格中
网页项目设计基础 第4篇
为期四个星期的实训就这样结束了。这学期的实训是我在南工院的最后一次实训，所以我很重视，也很认真。当然，在本次实训中我也学会了许多编程方面的知识，这些知识的积累是非常重要的。
本次实训的主要目的是让我们来做一个网上商城，通过了解ASP的框架以及结构，熟悉应用程序的运行环境及开发平台和其内置对象的属性以及其方法，以及其界面的设计代码让整个系统能正常的运行，通过写每个页面的功能实现代码，让我们巩固了之前学的知识，又有进一步的加深对语言学习的印象，最终能够实现网上购物的一系列流程。我们小组主要应用设计一个网上图书商城，完成对数据库的基本操作。根据所安排的课题项目，设计出一个结构基本完整，具备一定应用功能的网上图书商城。要求具有一定的内容，程序界面使用的WEB控件，可以完成会员的图书浏览、数据检索、登陆、注册、购书、修改会员的各种信息等。
我本人主要负责网上书城首页、详细页面的设计。其中首页实现的功能主要有：图书的展示、新书上架、图书搜索、会员登陆、图书详细情况的调用。另外，我还设计制作了数据库中的图书信息表。其中首页的搭建过程还是比较繁琐的，需要考虑的内容太多，而且还要做得美观简洁，工作量是蛮大的。经过此次实训，使我比较全面、系统的了解和熟悉ASP的各种工具的使用，各种不同的效果的做法，为我们以后的学习和工作打下了坚实的.基础。以前没有学懂的一些东西，在这个实习过程中我基本把它们弄懂了，可以说这是对我所学知识的复习和深化。对于难点的克服，我除了请教老师、询问同学外，课后也找了一些相关书籍看了看，在实训的过程中真的学了很多知识，受益匪浅。
其实，实训不仅仅是为了让同学们完成任务而展开的学习计划，更是要培养学生的学习能力和精神。我也深刻认识到：在学习过程中密切联系生活和工程实际，激发学习的求知欲，培养我们的科学精神和创新精神;培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精神和素养是十分重要的。
实训结束了，很感谢田晓敏和杨正翔两位老师一个月来对我的悉心指导，感谢小组同学的互相鼓励与支持，也感谢班级其他同学对我的帮助。如果没有每一个人的辛苦努力与付出，我不可能完成自己的任务，也不可能取得如此好的成绩，在此，我对所有付出过努力的老师、同学道一声诚挚的谢意：谢谢你们!
天高任鸟飞，海阔凭鱼跃。人生的道路上还有很多考验等待着我们，我们要勇敢的向前大步迈进。
加油吧，为我们的理想!
网页项目设计基础 第5篇
一、实习目的：
通过社会实践，可以把我们在学校所学的理论知识，运用到客观实际中去，使自己所有用武之地。以便能够达到拓展自身的知识面，扩大与社会的接触面。
1、了解平面设计在焦作的市场现状及前景。
2、进一步掌握ps， coreldraw，等设计软件的运用。
3、尝试把学校里学习的平面设计相关理论运用到实习过程中。
4、初探做好平面设计师的方法，熟悉平面设计的方法和程序步骤。
5、培养人际交往与社交能力，为成为平面设计师作准备。
二、实习时间：
20xx年1月1日——4月30日
三、实习地点：
威美（上海）金融伟德服务有限公司
四、实习内容：
平面设计
即将面临大学毕业，因为伟德视觉传达专业，想丰富一下自己的知识，所以我找到了一家互联网金融公司做UI平面设计，虽然和我所学的专业有些差异，但它对于我来说是受益匪浅，我所在的公司威美（上海）金融伟德服务有限公司，主要是网页设计为主，也与绘画有所伟德，既然选择这个公司，我就要好好去学，使自己的基础更牢固，技术更全面，在大学里学的知识却不知道如何运用，想伟德多个伟德，因此我非常珍惜这次实习的机会，在有限的时间里加深对绘画对设计的了解，找出自身的不足。实习的内容是学习网页设计(Ps，ai，arp等软件的使用)。
在实习过程中，我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通，做出的设计作品经常会与市场经济脱节；而作为管理者通常缺乏设计基础和审美能力，往往为了追求市场效益，过多地拘束设计师的思维与创新，忽略了设计要素的重要性，造成了设计的庸俗化。
来到公司，第一天进公司，与经理进行了简单面谈后，部门总监把我分配给伟德经理，伟德经理是我的直接领导，所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner，接到文案后就在网络上搜集大量banner素材，找了几个适合这次文案的banner然后用Photoshop简单的修改图片，第一天没有做好，幸好领导说第二天晚上再交给他，于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在在公司，有压力，有不懂的就问，这使我受益匪浅。
后来，公司要更改域名让我参与进行的VI设计项目，让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求，未能做出很好的方案。市场部总监看过我的方案后，要我进一步去了解公司的性质和作用，要做出更加符合机构精神的logo。经过两天的摸索，我逐渐懂得了一些做logo的技巧和该注意的问题，要伟德实际，要大气。同时也意识到了由于在学校实际锻炼的机会比较少，在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。
很幸运，一进公司便能参与的APP软件设计项目之中，正好锻炼一下自己。由于经验不足，刚开始找不到头绪，不知道该做些什么。在开始的时候，主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合，自己有哪些缺点和不足，便知道了一些。在校的时候由于实际锻炼的机会比较少，所以现在什么都做不好，在软件操作上还是不够熟练。而且对于客户的'要求并不能立即做出反应。
我在工作的锻炼中学到了许多课本上无法学到的经验，因为在学校中我们的创意和设计都只局限于作业之中，但如果在公司里，我们的创意还必须得到客户和主管的认同，这是严格许多的。我们必须尽量发挥自己的创意，同时也要兼顾客户的要求和市场的效益。要多与客户沟通，多向主管询问意见，多向身边同事请教。
通过这次实习，在设计方面我感觉自己有了一定的收获，开始了解掌握了photoshop的小技巧，知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来伟德设计工作所要面对的问题，如与it工程师的配合，以及对市场部的伟德沟通。
这次实习对我来说受益匪浅，让我学会从客观的角度来审视自己的作品，在审美方面更加成熟。而在公司，与同事相处，让我学会如何别人打交道。与领导交流，让我学会设计师应有的职业道德。这些经验都让我得到了成长，让我在以后的工作中更加成熟、更加顺利。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。
班级：视觉传达1203班 学号：1287078 姓名：赵柳柳
网页项目设计基础 第6篇
一、实训目的
实训是教学过程中的重要组成部分，是使学生获取生产、经营实际知识和技能，巩固和加深对理论知识的理解，培养与提高能力的重要实践环节。通过本次实训，学生将进一步加深对计算机理论知识的理解，进一步熟悉计算机文员的相关运作过程，为学生毕业后的实际工作打下良好基础。
二、实训过程
第一天，我们全班同学都为准备文字录入的考核而努力练习打字。这一天，我基本都对着电脑练习五笔打字。上午四节课下来，我的打字速度由慢到快，由快到慢，练到最后，我只能机械地敲打键盘。到下午上课时间，我走到实训室的门口就头晕。正式进行文字录入的时候，我的手因为长时间的练字已经僵硬了，加上紧张，我发觉我敲打键盘的手像机器人的手一样，不受控制。值得我庆幸的是，两次的考核成绩都还算正常发挥。不过跟专业要求相比较，我的打字速度还没有过关。
第二天，我们正式小组为单位，在组长的领导下，我们组内成员按照实训要求，分工合作，写会议文稿。我的主要任务是负责写演讲稿，虽然以前也接触过言讲稿，但轮到自己亲手动笔写，还真有点不知所措。那天，电脑网速超慢，根本无法上网，也因此，我没有演讲稿的参考样本，我只能照着书本里提供的资料，边想内容边打字，打字速度不够快影响了工作进度。由于平时对各类文种掌握得不够透彻，在写作过程中，时常遇到写作格式不规范，写作内容不切实际等问题。我深刻体会到了利用计算机写作平台熟练地完成规定文种的写作任务，切实提高秘书写作技能和计算机操作能力的重要性。
第三天，我一走到实训室的门口就头晕得厉害，不过还是强迫自己进了实训室。今天我们仍旧是分工合作写会议文稿。这一天，我照旧对着电脑坐了6个课时。走出实训室的门口，我忽然发觉我对实训室不再有反感了，我已经适应了长时间坐在电脑面前，也初步适应了边想文件内容边打字这种工作方式，这对我以后从事秘书工作打下了一定的基础。晚上我们在教室里观看了成教班会议演示的TV。
第四天，我们到模拟办公室进行会议演示。上午观看其他小组的现场会议演示后，我们组重新分配了小组成员的演示角色，我的角色是扮演华夏公司的采购部经理。我于是利用午修时间收集了一些相关资料，重新写了一份发言稿。但是，令我很失望的是，整个会议过程，我组每个成员都发表了演讲，唯独我没有发言的机会。事后，我深刻地体会到了团队精神和合作能力的重要性，秘书要参与许多实际项目，需要收集信息，需要配合团队工作，团队合作能力是秘书必备的关键能力。缺乏交流，缺乏合作，那么个人再怎么努力，也是于事无补的。
第五天，这是我们实训的最后一天，我们先是在实训室写晚会策划，接着在实训室进行了秘书实务技能实训总结报告会。这次报告会由班长主持，各个小组长发表了各组的总结报告，徐和余两位指导老师发表了对本次实训的讲话，给我们此次的实训提出了宝贵的意见。
三、实训总结
这次实训虽然是我们的第一次，不过同学们表现不错，由此看来，我们在进入大学的这一年里或多或少学到了一些专业的东西，只是自己感觉不到而已。对于所学专业，我们不能过于自卑和担忧，否则会妨碍自己学习。
本次实训，我最深的感觉就是累，我想这就是秘书人员的工作。我也体会到秘书成功地写出一篇文章，成功地完成一个任务的那种兴奋，那种小有成就的感觉是只有置身其中的人才能体会的。
总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为在校秘书专业的大专生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的表达能力、写作能力和合作能力，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空!
网页项目设计基础 第7篇
实验项目：ASP基础
实验时间：20xx年3月9日
一、实验基础知识：
1、什么是客户端脚本，什么服务端脚本？所谓脚本是指嵌入到WEB页中的程序代码，在服务器端运行的脚本语言是服务器端脚本，在客户端运行的脚本是客户端脚本。客户端脚本由一个配备了解释器的WEB浏览器处理，当一个浏览器的用户执行了一个操作时，不必通过网络对其作出响应，客户端程序就能完成任务，常见的客户端脚本语言有：javascript，VBScript。服务端脚本则是在WEB服务器上执行生成代码，然后发送到浏览器，在浏览器上收到的只是执行后的标准HTML文件，常见的服务器端脚本语言有：PHP，jsp，asp
二、实验内容：
1、掌握用DW创建动态站点的方法：将IIS的网页发布主目录设在D盘，名为。利用DW新建一个动态站点，站点的本地信息和测试服务器设置如下：
2、新建一个ASP页面，用VBscript编写一段服务端脚本，在客户端浏览器中输出“Hello！World”，将该页面以为名保存在d:中，然后访问页面，将结果截图插入下面的空白文档中：
3、新建一个ASP页面，用VBscript定义变量r，area，PI，然后给变量r，PI赋值，并计算出相对应的圆面积，保存文件为，然后访问页面，将结果截图插入下面的空白文档中：
4、新建一个ASP页面，其要求如下:写一个已知三角形三边长，求三角形面积的程序。保存文件为，然后访问页面，将结果截图插入下面的空白文档中：
5、利用DW在当前站点下新建一个文件，，其功能如下：用response输出如下图片：
网页项目设计基础 第8篇
实验项目：ASP基础
实验时间：20xx年3月9日
一、实验基础知识：
1、什么是客户端脚本，什么服务端脚本？所谓脚本是指嵌入到WEB页中的程序代码，在服务器端运行的脚本语言是服务器端脚本，在客户端运行的脚本是客户端脚本。客户端脚本由一个配备了解释器的WEB浏览器处理，当一个浏览器的用户执行了一个操作时，不必通过网络对其作出响应，客户端程序就能完成任务，常见的客户端脚本语言有：javascript，VBScript。服务端脚本则是在WEB服务器上执行生成代码，然后发送到浏览器，在浏览器上收到的只是执行后的标准HTML文件，常见的服务器端脚本语言有：PHP，jsp，asp
二、实验内容：
1、掌握用DW创建动态站点的方法：将IIS的网页发布主目录设在D盘，名为。利用DW新建一个动态站点，站点的本地信息和测试服务器设置如下：
2、新建一个ASP页面，用VBscript编写一段服务端脚本，在客户端浏览器中输出“Hello！World”，将该页面以为名保存在d:中，然后访问页面，将结果截图插入下面的空白文档中：
3、新建一个ASP页面，用VBscript定义变量r，area，PI，然后给变量r，PI赋值，并计算出相对应的圆面积，保存文件为，然后访问页面，将结果截图插入下面的空白文档中：
4、新建一个ASP页面，其要求如下:写一个已知三角形三边长，求三角形面积的程序。保存文件为，然后访问页面，将结果截图插入下面的空白文档中：
网页项目设计基础 第9篇
静态网页设计专业实训总结报告提要：
网页设计实训就快结束了，在这短短的两周里，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。在实训时，有空闲就会想到学校里青葱岁月，简单流畅，无忧无虑。
插入apdiv标签，插入图片，创建超链接，设置段落
作品展示
图一：中秋送祝福
项目2
项目介绍
有铁血战鹰的的图片素材及相关资料，对铁血战鹰进行描述，创建“铁血战鹰网页”
关键技术
应用表格布局，插入横线对网页进行美化
作品展示
图二：铁血战鹰
项目3
项目介绍
现有自然写真的图片，要求自然写真的图片在鼠标经过时换成别的图片，点下导航栏的标题时转向别的网页，制作静态网页，网页名称为自然写真。
关键技术应用
练习头标题的应用，超链接的创建，flash的插入，导航栏的创建。
作品展示
图三：自然写真
3.实训过程总结
实训收获
这个阶段的实训我们主要是练习网页制作及网站发布的各种知识。近些年随着计算机的广泛应用，Internet已经成为人们获得信息不可或缺的媒介，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。无论是最新的新闻信息、新产品的'出台、新游戏的发布、最新的动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这提供平台的呢。我们又是通过什么来获取这些信息的呢―网页。由于人们使用网络的频繁，网页作为上网的主要依托就变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。网页设计直接面对的是大量的用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这样做可以使使用者用起来更加的方便。
Dreamweaver工具为我们实现这些提供了便利，下面我将网页制作和网站发布的知识总结如下：