Webpage Design 1.HTML 2.General introduction to Dreamweaver 3.Dreamweaver based webpage design 4.Webpage publish 大学计算机基础教学资源库
Webpage Design 1.HTML 2.General introduction to Dreamweaver 3.Dreamweaver based webpage design 4.Webpage publish
HTML 。 HyperText Markup Language (HTML)is the predominant markup language for web pages. The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. 大学计算机基础教学资源库
HTML • HyperText Markup Language (HTML) is the predominant markup language for web pages. • The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages
First design using a text editor Hello HTML-Windows Internet Explorer D:Mecture_documentsEnglish_CS_PPTIn Hello HTML File Edit View Favorites Iools Help ☆Favorites白eSuggested Sites,eFree Hotn Hello HTML Hello World! Hello World! 大学计算机基础教学资源库
• First design using a text editor Hello HTML Hello World!
My first webpage! Welcome to my homepage Contact me Username Welcome to my homepage Contact me Usernamel Login 大子计异机垫教字资源库
My first webpage! Welcome to my homepage Contact me Username
Static Webpage A static web page (sometimes called a flat page)is a web page that is delivered to the user exactly as stored It displays the same information for all users Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP http://en.wikipedia.org/wiki/Static web page 大学计算机基础教学资源库
Static Webpage • A static web page (sometimes called a flat page) is a web page that is delivered to the user exactly as stored • It displays the same information for all users • Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP • http://en.wikipedia.org/wiki/Static_web_page
Dynamic Webpage A dynamic web page is a kind of web page that has been prepared Sign in to Yahoo! with fresh information for each Are you protected? individual viewing. Create your sign-in seal. It is not static because it changes Yahool ID with the time,the user interaction or (eg.free2rhyme@yahoo.com) Password the context ■Keep me signed in It requires a script program such as (Uncheck if on a shared computer) ASP,PHP or CMF to generate Sign In instructions to call up and construct the dynamic pages 大学计算机基础教学资源库
Dynamic Webpage • A dynamic web page is a kind of web page that has been prepared with fresh information for each individual viewing. • It is not static because it changes with the time, the user interaction or the context • It requires a script program such as ASP, PHP or CMF to generate instructions to call up and construct the dynamic pages
Webpage Design(Dreamweaver) Create website Layout Design webpages Insert: Text,image,hyperlink.. Publish webpages CSS 大学计算机基础教学资源库
Webpage Design (Dreamweaver) Create website Design webpages Publish webpages Layout Insert: Text, image, hyperlink… CSS
Steps Create a website 。 Create a html file ·Design the layout Insert text,image,hyperlink,etc. 。 Configure cascading style sheets(CSS) ·Publish 大学计算机基础教学资源库
Steps • Create a website • Create a html file • Design the layout • Insert text, image, hyperlink, etc. • Configure cascading style sheets (CSS) • Publish
Layout Design ·Table ·AP Div ·Frames 大学计算机基础教学资源库
Layout Design • Table • AP Div • Frames
Insert Components ·Text((list items,special character） 。Image ·Hyperlink ·Named anchor ·Media 。Form 蒂 大学计算机基础教学资源库
Insert Components • Text (list items, special character) • Image • Hyperlink • Named anchor • Media • Form