文档库 最新最全的文档下载
当前位置:文档库 › Photoshop 网页设计 实例——导航图标制作

Photoshop 网页设计 实例——导航图标制作

Photoshop 网页设计  实例——导航图标制作
Photoshop 网页设计  实例——导航图标制作

Photoshop 网页设计实例——导航图标制作

一个网站导航系统的基础是网站的栏目设置,在设计上除了使用纯文字和图标之外,还可以在导航栏上放置相应内容的图形设计。这样不仅可以美化网站,还可以形象的表达栏目含义。在制作过程中要配合相应的栏目,放置在网页中的效果,如图1-47所示。

图1-47 网络网页

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

4月全国网页设计与制作自考试题及答案解析.doc

??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码: 00900 一、单项选择题(本大题共 20 小题,每小题 1 分,共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时,位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时,默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色,在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时,设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中,存储一首乐曲时,其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript,应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰,若使文本闪烁,text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中,最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中,用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

网页设计与制作》网上作业题答案(全)

1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.wendangku.net/doc/f91681471.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.wendangku.net/doc/f91681471.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.wendangku.net/doc/f91681471.html,(此处也可输入IP地址); (3)http:如https://www.wendangku.net/doc/f91681471.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.wendangku.net/doc/f91681471.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.wendangku.net/doc/f91681471.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.wendangku.net/doc/f91681471.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.wendangku.net/doc/f91681471.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.wendangku.net/doc/f91681471.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。

网页设计与制作模板

存档资料成绩: 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作: (1) 三、课程设计的内容要求: (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) (1)选题应反映本专业的培养目标,符合专业综合训练的要求。 (4) (2)选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) (3)选题的难易程度和工作量要适当,保证在规定的时间内,在教师的指导下,经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)

第1章课程设计任务书 专业电子商务班级(1)班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作: 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求: 1、课程设计要求 (1)通过课程设计把课堂上讲的内容融会贯通,掌握表格在网页布局中的特点及应用,掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然,整体界面美观大方,简洁高效,使之达到界面动与静的搭配合理,动而不乱,静而不僵和谐效果。 2、课程设计内容 (1)设计一选题的基本原则。 (2)设计二选题范围。 (3)设计三选材。 (4)设计四正确运用DW和Ps。 (5)设计五课程设计心得。

《网页设计与制作》课程标准

广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路:以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容,设定职业能力培养目标;以“工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点,强化学生实践动手能力的培养,以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1.熟悉HTML 语言的作用和开发环境,能够编写HTML 代码; 2.掌握常用的HTML 标签,能够实现基本的图文信息显示; 3.理解HTML 页面框架的作用,能够针对需求进行框架的设计; 4.掌握各类HTML 表单元素标签,能够进行表单设计;

5.掌握各类HTML 多媒体元素标签,能够进行多媒体页面设计; 6.掌握CSS 样式的基本使用方法,能够应用CSS 样式表美化页面;7.掌握CSS 网页布局的方法,能够结合DIV 标签进行页面布局; 8.掌握JavaScript 的语法基础,能够编写简单的JavaScript 应用程序;9.掌握JavaScript 的函数、内置对象、事件等,能够实现表单的验证;10.掌握DOM 树形结构及其操作方法,能够控制DOM 对象。 2.职业技能目标 1.能独立进行资料收集与整理、具备用户需求的理解能力; 2.能根据项目需求,具备项目页面的设计与实现能力; 3.能根据静态页面设计原则与CSS 技术规范,实现页面美化与布局;4.具有使用JavaScript 技术进行页面事件处理与表单验证的能力; 5.能根据DOM 树形结构,进行页面DOM 的控制; 6.具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1.养成善于思考、深入研究的良好自主学习的习惯; 2.通过项目与案例教学,培养学习者的分析问题、解决问题的能力; 3.具有吃苦耐劳、团队协作精神,沟通交流和书面表达能力; 4.通过课外拓展训练,培养学习者的创新意识; 5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求

自考29942网页设计与制作

自考29942网页设计与制作

高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作(实践) 南京大学编 江苏省高等教育自学考试委员会办公室

Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课,是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能,要求学生在自学理论知识的基础上,培养动手能力,加强实践环节,并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一,是人们获取和发布信息的主要途径。本课程从实际应用出发,培养学生了解网页设计和制作基础知识,学习和初步掌握:网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核,要求学生能上机实验验证相关理论知识,设计、制作、修改或完善指定内容的网页,初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题,具有一定的计算机网络信息发布常识。

经过本课程的学习,应达到以下目标: 1.理解Fireworks和Dreamweaver软件界面,并能熟练独立进行操作; 2.重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作; 3.重点掌握Fireworks图像切片、元件与实例的操作,并灵活运用; 4.重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作; 5.重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识,程序设计语言基础知识及计算机网络基础知识,因此,要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后,将来能够为“网络信息编辑”、“多媒体技术”等课程,或进行本科段的深造打下坚实基础。

网页设计与制作试题及答案精选范文

《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、

B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是( ). A、 B、 C、 D、 15、对远程服务器上的文件进行维护时,通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题,每小题2分,共30分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。) 的组成主要包括( )

网页设计与制作课程教案

《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程,该课程的学习能够提升他们对网页制作的兴趣,让他们学习网页制作的基本技能,为后继课程打下基础,同时扩展其就业面,为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法,并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能,掌握网站建设的流程,能够运用所学知识建设常用的网页和网站,同时能够美化网页,设计人性化、艺术化的网站静态页面部分。 (一)知识目标: 1.熟悉网页制作的基本元素; 2.掌握Dreamweaver CS6软件的基本操作方法; 3.掌握在网页中插入文字、图片、声音、flash等的方法; 4.掌握常见的网页布局方法,学会使用CSS美化网页; 5.掌握在网页中使用表单和制作网页特效的方法; 6.掌握简单图形图像的处理,能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 (二)职业能力培养目标 1. 能够根据网站开发需求,去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理; 2.能够制作出符合主题色彩的网页,网页要求美化、被绝大多数浏览 者接受和喜爱;

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 (三)素质目标 1.具有勤奋学习的态度,严谨求实、创新的学习精神; 2.具有良好的心理素质和职业道德素质; 3.具有高度责任心和良好的团队合作精神; 4.具有运用理论知识发现问题、分析问题并解决问题的能力,同时能够 不断学习,不断创新,让自己的设计越来越完善,有止于至善的精神。(四)职业技能证书考核要求: 可以根据自身情况考取“全国计算机信息高新技术资格证”,“网页设计制作员”,“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节: 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

网页设计与制作课程教学大纲

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时:4学分总学时72学时,理论36学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017年 杨松主编:《网页设计案例教程》航空工业出版社2015年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章,分为3大部分。前5章为第1部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash,Anfy等软件在网页制作过程中的应用;第6章~第8章为第2部分,主要介绍网页制作技术,包括CSS技术、客户端脚本技术(DHTML)以及XML技术;第9章~第10章为第3部分,主要介绍当前最流行的网页制作工具——Dreamweaver,通过应用实践能够从实际应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的

基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的教学思路,教学内容应结合当前WEB技术的发展趋势,把握未来企业级WEB页面开发的发展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。 三、课程学时分配 四·课程教学中应注意的问题 理论课讲解WEB页面开发的原理及方法,并在多媒体教师机上进行演示操作;

《网页设计与制作》课程大纲

《网页设计与制作》课程教学大纲 适用专业:计算机网络技术 学时:64学时 一、编写说明 (一)本课程的性质、目的和任务 《网页设计与制作》是计算机网络技术专业的一门专业基础课。通过本课程的学习,使学生能够掌握网页设计制作的基本知识和技巧,同时熟悉网站建设的基本知识,达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。 在完成基本知识教学的同时,还要通过实践环节,强化对学生动手能力的培养与训练。 (二)课程教学的基本要求 通过本课程的学习,要求学生掌握HTML语言的文档结构和基本标签使用,能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页;掌握规划、开发、发布和管理静态网站的专业知识和技能;能独立构建简单网站或通过协作方式完成较复杂网站的建设,培养学生将理论知识应用于实践并解决实际问题的能力,为今后的进一步学习打下坚实基础。 (三)实践环节

(四)本课程与其它课程的关系 先修课程:计算机应用基础、图像处理软件PhotoShop 后续课程:https://www.wendangku.net/doc/f91681471.html,动态网站开发、中小型网站设计与开发等 (五)教学时数分配表 (六)考核方式与要求 1.该课程是考查课 2.考核形式:上机操作 3.成绩的计算方法: ①平时成绩:40%(主要评估学生的现实表现) ②试卷成绩:60% (七)教材与主要参考书 1.教材: 《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社,2013年1月 2.主要参考书: 《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社,2014年6月

网页设计与制作模板

课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 (1) 一、课程设计题目 (1) 二、课程设计工作 (1) 三、课程设计的内容要求 (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (2) 第3章课程设计内容 (3) 设计一选题的基本原则 (3) 设计三选材 (3) 设计四正确运用DW和Ps (3) 设计五课程设计心得 (3) 第4章课程设计步骤 (4) 设计一查找相关资料 (4) 设计二利用Ps进行切片 (4) 设计三利用DW编辑 (5) 设计四利用DW的站点功能上传或用FTP工具上传站点 (7) 第5章课程设计心得 (8) 第6章参考文献 (9)

专业电子商务班级(1)班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作: 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求: 1、课程设计要求 (1)通过课程设计把课堂上讲的内容融会贯通,掌握表格在网页布局中的特点及应用,掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然,整体界面美观大方,简洁高效,使之达到界面动与静的搭配合理,动而不乱,静而不僵和谐效果。 2、课程设计内容 (1)设计一选题的基本原则。 (2)设计二选题范围。 (3)设计三选材。 (4)设计四正确运用DW和Ps。 (5)设计五课程设计心得。 学生签名: 年月日

《苹果公司》网页设计与制作

课程设计报告书 题目:《苹果公司》网页设计与制作 二级学院数学与计算机科学学院年级专业2012级计算机网络学号 学生姓名 指导教师 教师职称讲师

新余学院课程设计(论文)任务书二级学院:

说明:此表一式叁份,学生、指导教师、二级学院各一份。 2013年 6 月 18 日

目录 第1章课程设计概述 (1) 第2章网站设计方案说明 (3) 2.1 需求分析 (3) 2.2 网站布局类型和配色方案的确定 (3) 2.3 网站整体规划 (5) 2.4 素材的收集和整理 (5) 第3章网站制作 (7) 3.1创建站点 (7) 3.2创建样式表文件 (7) 3.3页面制作 (9) 第4章主要技术特点和特色说明 (13) 第5章课程设计总结 (16)

第1章课程设计概述 本课程设计主要是利用已经学习的网页设计与制作知识和初步掌握的网页开发工具如Dreamweaver、Photoshop等软件为苹果公司设计并实现一个公司网站。根据老师的要求及指导,我设计了此网站。 此网站属于小型网站,网站以苹果公司原网站为依托,按照原网站配色方案和表面结构以DIV+CSS的方式仿制,苹果公司(Apple Inc.)是美国的一家高科技公司,2007年由苹果电脑公司(Apple Computer, Inc.)更名而来,核心业务为电子科技产品,总部位于加利福尼亚州的库比蒂诺。苹果公司由史蒂夫·乔布斯、斯蒂夫·沃兹尼亚克和Ron Wayn在1976年4月1日创立,在高科技企业中以创新而闻名,知名的产品有Apple II、Macintosh电脑、Macbook笔记本电脑、iPod音乐播放器、iTunes商店、iMac一体机、iPhone手机和iPad平板电脑等。2012年8月21日,苹果成为世界市值第一的上市公司。 本网站的主要功能是提供丰富、清晰的公司信息和资源,主要包括iphone、ipad、ipod、Mac、itunes等硬件产品以及iOS、Mac OS和APP应用软件等软件产品的全方位展示和介绍;通过在线商店网页为顾客和公司提供购买和销售苹果产品的便利通道;通过技术支持网页为产品购买者提供维修服务和支持范围。 设计者希望通过清新简洁,赏心悦目的外观设计给予客户和顾客以舒适的网页浏览体验。网站充分展示公司提供的产品及设计理念和售后服务能力,注重推广公司各方面形象。以公司的宣传推广和将网站浏览者吸引成为公司的客户作为网站的目标。坚持严谨、负责、创新的态度为消费者提供展示苹果公司完美产品和周边设备的个性化页面,不断创新变革助力科技进步和公司前进。 此外,这不仅是为了肩负学生的责任而去完成老师交给我的任务,更是对过去学习的知识的温习巩固,是一个把理论转化为实践的过程,是一个把自己的设计思想转化为实物的过程,是一个发挥自己创造力和想象力的过程。 再者,这是对自己在一学期内该学习科目以来的成果的检查,这是一个自我审视的过程:检测我该学期的学习成果,衡量一期以来的收获,更为重要的是扬长避短,发现自己的问题与缺点,使自己及时改正,发觉自身的优点和长处并坚

《网页设计与制作》学习心得

《网页设计与制作》学习心得说实话,短短三个星期能将《网页设计与制作》这本书粗略的学完,简直有点不敢相信。不过能懂得基本的框架和思路,这一点在以后的学习过程中是非常有帮助的。 其实买电脑的时候就装上了网页四剑客,可能稍微接触多一点的子软件是《Flash CS3》,但吕老师和我们谈及用《Dreamweaver》制作网页的时候,感觉有点茫然。 一开始老师并没有详细的介绍软件的使用,只是强调建立的主要部分:新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。 学习与实践环节 第一部分:家庭作业是进行简单的网页制作,以书本上的百川商城为例,按照步骤,新建站点,创建名为images的文件夹及名为index的空白HTML文档,各边距设置为0。值得注意的是,在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格,首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象,为了显示的效果更佳入眼,我们将表格居中对齐,再插入4行一列的表格,俗称表格嵌套,第一行分为两栏用于制作logo和banner,可以根据图片的像素设置好宽和长,第二行为导航栏,第三行为页面内容,第四行为版本信息。这些就是我们平常浏览网站的基本布局,将不同的内容放在网页的不同位置,目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作,就要在表格中添加素材,可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作,其中涉及了表格、文字、图片及水平的应用,对于各自的使用,老师均作了很详细的图文并茂的介绍,布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识,学到了很多操作。 第二部分:学习的是主页面设计与制作,我就不过多的谈论步骤了,这个项目制作中使用了布局表格的嵌套功能,这将有利于页面内容的布局和定位,运行网页时整体不会出现异常情况,使页面与当初设计的样式相同,另外,为了使当浏览器大小改变时对页面布局不产生影响,一定将表格宽度设置成固定宽度。

个人网页设计与制作

成人教育计算机毕业设计毕业论文(实践)报告 专业:计算机网络技术 学院:浙江育人专修学院 班级: 08电子商务 姓名:马杨超 2010年3月1日

目录 第1章绪论 (4) 1.1网页设计与制作的概述 (4) 1.2需求分析 (4) 第2章个人网站的概述和发展 (4) 2.1 个人网站的概述 (4) 2.2 个人网站的发展 (5) 第3章个人网页的设计与规划 (5) 3.1 确定设计个人网页的使用工具Dreamweaver (6) 3.2确定网站的风格特色 (6) 3.3确定网站界面 (7) 第4章总结 (9) 致谢 (10) 参考文献 (10)

摘要: 本论文将对个人网页设计与制作的方法、工具等展开研究和探 讨。在介绍网页设计与制作语言的基础上,着重使用Dreamweaver 作为工具进行网页设计与制作的实际操作. 本论文主要章节如下,第一章:绪论,网页设计的概述以及需求分析第二章:对个人网站的由来和发展进行了概述与讨论。第三章:个人网页的设计与规划。使用开发工具Dreamweaver创建各种跨平台、跨浏览器的静、动态页面。确定网站的风格特色,网站界面。关键词:网页设计Dreamweaver Personal web design and production Abstract: This paper will be of personal web design and production methods and tools launched research and discussion. In the introduction of web design and production, mainly on the foundation of the language use Dreamweaver as tools for web design and production of actual operation This thesis mainly section below, the first chapter: introduction to web design &requirements and demand analysis chapter 2: for personal website of the origin and development are summarized and discussed. Chapter 3: personal web page design and planning. Use the development tools Dreamweaver8.0 create various cross-platform, cross-browser static and dynamic pages. Determine the website's style characteristic, web interface.

Dreamweaver网页设计与制作课程标准

Dreamweaver网页设计与制作 一、课程性质与任务 本课程是中等职业学校计算机专业网络方向核心课程之一。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。 本课程建议安排在二年级完成。 二、课程教学目标 1.了解WEB站点的工作原理; 2.了解、HTML、CSS的定义,概念和作用; 3.掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用; 4.掌握Dreamweaver应用软件的使用功能; 5.能熟练运用Dreamweaver应用软件;熟练掌握使用绝对和相对URL,创建超链接,图像链接,图像映射的建立方法; 6.掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法; 7.熟练掌握表格的使用方法,学会利用表格设布局网页;掌握框架制作网页的方法,会使用框架设计网页;掌握制作表单的方法,会利用表单建立交互式页面;

8.能够按网页设计技术要求修改和调试JavaScript代码; 三、教学的内容及要求 本课程的教学内容由理论模块、实训模块两个部分构成。 1.讲授模块是由教师示范操作,让学生通过练习达到掌握操作的要求;总的教学时数为36-42学时。 2.实训模块是由教师布置实训任务,由学生分组共同完成,达到熟练掌握使用Dreamweaver设计网站的要求,教学时数为48-54学时。 理论模块 第一单元网页设计概述 第二单元创建Web站点 第三单元网页设计语言基础

网页设计与制作

网页设计与编程课程复习要点 1:URL有哪几部分组成 URL的格式URL的格式由下列三部分组成: 第一部分是协议(或称为服务方式); 第二部分是存有该资源的主机IP地址(有时也包括端口号); 第三部分是主机资源的具体地址,如目录和文件名等。 2:什么是虚拟目录?它有何用途? 1、每个Internet 服务可以从多个目录中发布。通过以通用命名约定(UNC) 名、用户名及用于访问权限 的密码指定目录,可将每个目录定位在本地驱动器或网络上。虚拟服务器可拥有一个宿主目录和任意数量的其它发布目录。其它发布目录称为虚拟目录。 2、<1>消除服务器资源的限制以便于上传更多的文件。 虚拟目录就是将其他目录以映射的方式虚拟到该FTP服务器的主目录下,这样,一个FTP服务器的主目录实质上就可以包括很多不同盘符、不同路径的目录,而不会受到所在盘空间的限制了。 <2>优化用户浏览体验。 虽然网站文件存放在不同目录,采用虚拟目录可以保证网站结构性一致,方便用户使用浏览。处理虚拟目录时,IIS把它作为主目录的一个子目录来对待;而对于Internet上的用户来说,访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别,可以像访问其他目录一样来访问这一虚拟目录。 <3>保护站点免受攻击。 客户通过选择“查看源代码”,很容易就能获取页面的文件路径信息,如果在WEB 页中使用物理路径,将暴露有关站点目录的重要信息,这容易导致系统受到攻击。当你将WEB 页面放置于虚拟目录下后,你可以对目录设置不同的属性,如:Read、Excute、Script。读访问表示将目录内容从IIS 传递到浏览器。而执行访问则可以使在该目录内执行可执行的文件。当你需要使用ASP 时,就必须将你存放 .asp 文件的目录设置为“Excute(执行)”。在设置WEB 站点时,将HTML 文件同ASP 文件分开放置在不同的目录下,然后将HTML 子目录设置为“读”,将ASP 子目录设置为“执行”,这不仅方便了对WEB 的管理,而且最重要的提高了ASP 程序的安全性,防止了程序内容被客户所访问。 <4>文件移动方便。 只要两台机器具有相同的虚拟目录,你就可以在不对页面代码做任何改动的情况下,将WEB 页面从一台机器上移到另一台机器。 3:如果浏览器IE6.0的配置被恶意网页篡改,如何修复? 恢复IE默认设置: 开始--运行-输入rundll32.exe iedkcs32.dll,Clear 注意C一定要大写,rundll32.exe与iedkcs32.dll之间有空格。 4:网页头部可以包括哪些元素? 1、DOCTYPE的选择 DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或HTML)的版本。要想制作一个符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

网页设计与制作个人实训报告

一、实训目的: 通过实训,掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握理论的基础上再加以实践,进一步提高、加强设计、制作网站的综合能力。 二、实训过程 1.资料的搜集: 收集的资料主要是汽车图片,以及运用做页面局部框架背景的图片。 2.熟悉制作软件软件: 软件:Dreamweaver \ Firework \ Photoshop CS \ Flash 硬件:PC机 技术:HTML\CSS \ javascript\特效代码 项目设计及运行平台:Windows XP

3.构建站点框架:网站结构图如下: 4.设计制作页面: ◆网页名称:关于我们 ◆网页的色彩:最主要是以白色背景为主导色,字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色,鼠标覆盖后为深红色。 ◆网页富有动感,通过GIF动画来展示,页面的色彩好与首页和栏目页统一主要采取白色。 ◆页面的大小,在1024X768像素下显示效果最佳。 ◆颜色调配设计,网页的色彩是树立网站形象的关键之一,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。 ◆网页内容的安排相互链接关系如下概述 最上面先放了一个724*100px的logo. 右边放了一个1024*100广告如下图:

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车,效果如图: 右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示,点击即可查询各地当日天气情况,帮助驾车人员快速掌握天气情况。效果如下: 然后再表格里面分别放的是各种小版块。

网页设计与制作与网站发布 学习心得

《网页设计与制作与网站发布》 学习心得 今天上了第一堂选修课,课程内容很简单,讲了一些关于网页的基本内容,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是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果

相关文档 最新文档
B、 C、