“photoshop网络教程网”**前端设计报告。
课程名称： web前端开发技术
院系： 计算机科学与工程学院
专业：软件工程。
班级：学号：
姓名：授课教师：
开课时间： 2014 至 2015 学年第 2 学期。
常熟理工学院计算机科学与工程学院制。
photoshop网络教程网。
一：**首页设计
1.**概况。
**功能介绍：（1）**首页，logo介绍。
2）功能导航。
3）软件**。
4）photoshop介绍。
5）用户注册/登录。
6）用户调查。
7）版权信息。
2.**设计软件。
1> 网页编辑软件。
1)网页编辑软件：notepad、editplus、textpad等；
2)导航菜单设计软件：css3 menu、css tab designer等；
3)css样式设计软件：topstyle等；
4)颜色选择器：colorimapact等。
2> 网页架构设计。
3.首页布局设计。
网页框架**如下：
4.网页logo设计。
**logo采用jpg格式和png格式的**，使用的png**类似于一个铅笔，这表示ps是一个绘图软件，能够为更多有想法有创意的人提供自己的平台。另一个则截取了ps打开时的界面，充分呼应网页的主题。
5.**导航。
**导航采用**加上超链接的方式来实现不同网页端口之间的对接，将链接的网页显示到中间窗口。
**如下：6**主体详细介绍。
主体区垂直分为3个区，左侧是垂直导航菜单显示区，中间采用浮动框架（一些老的浏览器不可见），右侧为用户注册与调查。
1)左侧导航菜单设计。
左侧垂直工具**菜单采用了无序列表加上超链接的方式，链接到不同的**文件和网页内容。
**如下：2)中间显示简介内容。
中间关于ps的介绍采用css+div技术，实现内容和表现的分离。
**如下：3)右侧主体信息显示区。
**右侧主要是用户的注册和登录界面，调查方式采用**ascript实现与用户的交互交流，网页的动态。
**如下：7版权区域设计。
版权区域使用普通的文字设计与超链接设计，二、各二级页面设计。
1.**内嵌页面设计。
**内嵌页面使用了外部样式表和内部样式表，形成内容与表现的分离。
采用css风格定义如下：
**如下：样式表定义如下。
主要**及引用：
2.教材概念及讲解：
导航菜单下的各二级页面：
photoshop的学习需要的不仅仅是会使用工具就可以了，还需要我们有足够的对于美学概念的理论。这个二级网页采用了_blank的超链接模式打开。
其中css定义**如下：
3.网页调查页面。
该网页属于网页的右框架网页，调查一下客户对于不同的课程需求。
使用简单html元素表单，结合复选框设计收集用户的一些信息需求，来更好的做这个**。
**如下：4.用户注册、登录页面。
用户登录与注册页面主要使用表单html元素，使用j**ascript**判断使用的注册名等是否符合规定，使用单选框和下拉框等表单元素来获得用户信息。
部分j**ascript**如下：
部分表单**如下：
5.笔刷**。
****采用了**形式展开，为每一个单元格内容设置**的超链接即可。但我做的是一个样版软件，没有足够的**内容，所以就省去了相关的**超链接。
**如下：三：**的发布。
在iis上进行发布
四：本学期web学习总结。
五：考查作业。
试题1、设计一个页面，在页面上显示信息“现在是xxxx年xx月xx日xx点xx分xx秒（星期x），欢迎您到访我的站点”。（10’）
显示如下：试题2、编写程序，通过用户输入的年龄判断是哪个年龄阶段的人（儿童：年龄〈14；青少年：
14〈=年龄〈25；青年：25〈=年龄〈40；中年：40〈=年龄〈60；老年：
年龄〉=60），并在页面上输出判断结果。（15’）
显示结果如下：
试题3、求pi的3次方，四舍五入并取整，然后显示到网页上。（5’）
显示如下：试题4、使用一个数组变量classmates存贮5个同学的名字，即：张。
三、李四、王二，何为和赵大力，然后在页面上输出这些名字。（5’）
web大作业题目
web程序设计期末考查。一 能力要求。1 能独立的运用开发工具进行基于web程序设计前台的简单系统开发。2 能根据一定主题设计出各个页面模块，使用所学的web技术构建简单的。web系统。3 能撰写简要的设计与开发文档。二 设计题目参考 系统主题 以下大作业主题仅作参考，作业主题可以自拟。以通讯录为主...
大作业试卷A 《WEB编程基础》
宁波大红鹰学院。2013 2014学年第二学期。2012级本科信息管理与信息系统专业 web编程基础 重修考试试卷 a卷 考核方式 大作业。题目 某企业 主页页面的设计与制作。要求 1 考核内容及时间安排。整个课程的考核是一个循序渐进的过程，通过一个完整的 实例的开发，分阶段渗透不同知识点及能力，最...
Web技术基础大作业报告
学院 计算机学院。姓名 学号 主要分以下几个版块 1.主页版块 2.登录版块。3.注册板块。4.个人介绍板块。5.分享思维模块。6.发现思维模块。7.我的思维模块。8.搜索模块。9.帮助模块。摘要 web引申为 web编程基础大作业报告。学院 计算机学院。姓名 学号 主要分以下几个版块 1.主页版块...