国际网页Web设计流程3篇(网页设计web前端网站设计)

　　下面是范文网小编整理的国际网页Web设计流程3篇(网页设计web前端网站设计)，欢迎参阅。

国际网页Web设计流程1

　　郑州轻工业学院 Web前端设计网页设计报告

　　院系： 班级：学号：姓名：时间：

　　设计报告

　　网页设计要求题目：设计一个不限内容、题材的个人网站，要求页面数量不少于7个。具体要求

　　1.网页内容详实、科学、准确、积极、健康、活泼，网页文字及相关链接无错误。

　　2.网页文件及文件夹的命名符合要求，文件组织合理。1)首页源文件命名为：。

　　2)文件夹image存放与网页相关的图片、动画文件等。3)说明文件内容包括：网页创意及制作的简单说明。3.网页设计整体设计思路清晰，网页布局合理，风格明快、主题页和其他子页之间协调，主题分明、重点突出。栏目及版面设计，层次结构及链接结构明确，内容布局合理，图画运用得当，效果生动。

　　4.网页上各主题和附加图片、背景的色彩选配方案要注意做到：色彩柔和、搭配美观、朴素大方，不应过分夸张，使视觉疲劳。5.使用表格、框架、Css各布局一个页面。6.有自己创作的flash、JavaScript可加分。

　　7.文档提交：电子稿与报告（电子稿—网站、报告—网页创意及制作的简单说明）。

　　网页主题及内容

　　主题：在世界的各个角落，邂逅最美的你 内容：一些著名的外国旅游、度蜜月胜地，感受当地的风土人情，体验不一样的异域风情。网页创意

　　因为自己本身特别喜欢旅游，喜欢尝试不一样的生活环境，和每个少女一样，我也存在着一个和未来的另一半环游世界的梦，所以这次我的网页是以“在世界的各个角落，邂逅最美的你”为主题展开制作，在实现这个环游世界的梦以前，提前感受下各国的风土人情。网页制作的简单说明

　　通过主页index可链接到 “马尔代夫的蓝色心情（）、法国的紫色浪漫风情（）、在雅典，我愿意带你，走遍阳光洒过的地方（）、行走在巴黎（）、巴塞罗那（）、ReadMe（），所有图片都经过”PS处理过。

　　1.首页（）：采用了CSS布局页面。

　　1）创建了文件在style文件中。

　　2）插入的Div标签有：date标签，menu标签，main标签，make

　　标签。

　　3）在代码中插入了背景音乐“

　　4）AP Div8插入了滚动歌词，AP Div13插入滚动图片。

　　5）在代码中插入了背景音乐

　　4）AP Div15插入了滚动歌词，AP Div12插入了滚动图片。

　　5）在代码中插入了背景音乐

　　4）在代码中插入了背景音乐

-I Hate ” loop=“-1” />。5.行走在巴黎（）：

　　1）采用Ap层布局。

　　2）设置了AP Div1差

　　一个拥抱.mp3“ loop=”-1“>。6.巴塞罗那（）：

　　1）采用spry选项卡式面板布局。

　　2）设置了AP Div1不

　　想去上班.mp3” loop=“-1” />。（）：

　　1）采用Ap层布局+表格布局。

　　2）设置了AP Div1-AP Div2两个层。

　　3）AP Div2 设置为滚动字幕，并插入了日期。

　　心得

　　通过《Web前端设计网页设计》的学习，我喜欢上了网页设计，在制作网页的过程中遇到很多问题，但是经过自己在网上搜索、图书馆找材料以及老师的讲解帮助下，都解决了问题。虽然我现在制作网页的能力还不好，但是我会在大学期间好好实践，将网页的制作变成自己的技术。

国际网页Web设计流程2

　　网页设计实验报告

　　学院：计算机

　　专业：网络工程

　　班级：0

　　学号：0

　　姓名：姚树秘

　　2011年5月10日Web

　　实验一

　　实验题目：编程环境的熟悉 实验目的：

　　1、学会使用Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网页设计打下基础。

　　2、重点学习使用“页面创建”和“设置服务器信息”功能

　　实验环境：

　　操作系统为Windows2000或者Windows XP，应用软件为Macromedia Dreamweaver。

　　实验步骤：

　　1、启动

　　单击“开始”，依次指向“程序”、“Macromedia ”，然后单击“Macromedia Dreamweaver MX”。

　　2、熟悉和了解Macromedia Dreamweaver MX界面

　　实验过程截图：

　　心得体会：

　　通过这次试验，基本熟悉和掌握了Dreamweaver软件的功能和用法，能够用该软件设计简单的网页。

　　实验二

　　实验题目：熟悉ASP技术及它的内置对象 试验目的：

　　1． 了解并掌握ASP初步知识 2． 熟悉ASP内置对象

　　试验步骤：

　　1、打开软件设计页面

　　2、输入下列代码

　　3、建立一个自动监测浏览时间并根据不同时段动态显示不同页面内容的 ASP 程序，请将以下代码输入到Macromedia Dreamweaver的代码编辑区 , 命名为

　　4、运行结果

　　实验过程截图：

　　5、建立一个学生情况调查表，并将学生填写的内容写入数据文件中。

　　6、设计编译结果

　　心得体会：

　　通过本次试验我学会了很多，软件的掌握和使用也更加熟练，能够成功的打开ASP文件，更加熟悉了ASP的运用和使用技巧，以及学会怎么打开IIS服务器，设置站点信息。

　　实验三

　　试验题目：

　　实现与后台数据库的连接

　　试验目的：

　　学会在ASP页面访问数据库的方法，包括对后台数据库进行各项操作； 试验环境：

　　Windows2000/Windows XP（已安装有IIS系统）,Microsoft Access数据库 实验步骤：

　　1、利用 ASP 的 Database Access 组件通过 ADO 连接并操作 WEB 数据库

　　2、单击“开始”，选设置控制面板。

　　3、双击图标“32 位 ODBC” , 将弹出一个对话框，选标签“System DSN”

　　4、单击“Add”添加一个 DSN 入口 , 选择如“Microsoft Access Drive”并确认。

　　5、在“Data Source Name”栏里输入你希望指定的 DSN, 然后单击“Select”选择数据库存放位置，你可以按“Browse”来选取。

　　6、以上步骤完成后在 ASP 程序中指定 DSN

　　7、现有两个数据库表：students表记录学生的一般数据，其中字段studID为学号，studName记录学生姓名，score表记录学生成绩，其中computer字段和english字段分别记录studID所表示的学生的计算机和英语课程成绩。实验相关代码：

<% @ language=javascript %>